Olá sejam muito bem vindos ao ilovehtml. Estamos de volta e de cara nova, tanto aqui, quanto no nosso blog. Gostariamos de agradecer todo carinho dos nossos seguidores. Hoje composto por quatro moderadoras o ilovehtml quer se tornar um dos melhores meios sobre HTML por aqui, esperamos surpreender vocês com tutoriais novos, themes novos, tudo novo. Em breve vamos estar criando promoções ou outra coisa, para poder prestigiar os nossos queridos seguidores, fiquem ligados nas novidades por aqui.




Em breve novas parcerias, fique ligado.








Você é livre para fazer suas escolhas, mas é prisioneiro das consequências. - Pablo Neruda

Pattern em volta da Sidebar.
Como me pediram pra ensinar, resolvi fazer um tutorial explicando.

1- Em primeiro lugar copie esse código e cole no seu CSS.

#sidepilh{ width:250px;margin-top:60px; margin-left:0px;float: center;position:fixed;background:url(LINK DO PATTERN);padding:8px;border-radius:20px;color:#555;}
#sidebarilh{font-size:11px;font-family:georgia;color:#555;border-radius:20px;height:auto;z-index:100;text-align:justify;background:#fff;padding:5px;border:1px solid #ddd;}

- Você pode mudar do código acima a width, margin-top, margin-left, position, LINK DO PATTERN, border-radius, font-size, font-family e color.

02- Depois vá depois de <body> e coloque o código abaixo:

<div id="sidepilh">
<div id="sidebarilh">

Sua descrição aqui.

</div></div>

- Coloque sua descrição e está pronto ! Espero ter ajudado, qualquer dúvida, faça um comentário :)

Postado por I Love HTML. 23:10. 4 Comentários


4 Comentários:

Às 4 de março de 2012 14:50 , Blogger David - Garoto Nerd disse...

ótimo tutorial esse >< to gostando daqui rsrs (:

Gosta de ler? Sim, então não deixe de participar do sorteio que esta rolando no GN, e ainda mais nao custa participar né!

http://garotoonerd.blogspot.com/2012/03/sorteio-garoto-nerd-spazio-dm.html

 
Às 13 de março de 2012 15:21 , Blogger I Love HTML disse...

ah mt mt obg amor.

 
Às 19 de maio de 2013 20:24 , Anonymous Anônimo disse...

Como faço para colocar borda branca normal na sidebar com esse código de HTML de imagem aleatória parecido com o do seu site: http://ilovehtml-things.blogspot.com.br/2012/02/imagens-aleatorias-02.html
só que é um pouco diferente, não tem a parte do center

OBRIGADA DESDE JÁ

 
Às 10 de julho de 2013 13:59 , Blogger The Vampire disse...

esses html's tbbm servem para blog's?
sou nova com içu e naum sei mto como usar me ajudem pleasee
:)

 

Postar um comentário

- Elogie, critique, mas faça isso com educação.
- Se seu comentário estiver com palavrões de baixo calão será excluído.

Assinar Postar comentários [Atom]

<< Página inicial