Não fui no "Baile a fantasia" da escola '-' E fiquei sem energia! noje o dia foi chato ¬¬
Hi leitores cutes *--* ´´E a Thami, agora estou na fase; Postando vários tutoriais! Pois estou dedicando meu tempo ao layout do meu blog! Não postei antes, porque como sabem esta acabando energia em vários lugares, não só onde a Brenda mora mas aqui também!!! E só voltou a algumas horinhas, não fui na escola porque não tenho fantasia para ir no Baile! Eu ia comprar mas como meu pai vai ficar na academia mais tarde não deu para eu ir (
Se usar comente!
- Eu sugiro que as imagens sejam do tamanho 135 x 135, Para caber as duas imagens na sidebar uma ao lado da outra (
não precisa ser duas, depende do tamanho da sua sidebar! Se quiser que seja menos é só mudar no HTML do efeito) - Depois de fazer, ou pegar icons para os adms do blog, va no editor HTML do seu blog aperte Ctrl + F e digite na caixinha que vai aparecer a seguinte tag: ]]></b:skin> e acima dela cole o seguinte código:
figure { margin: 3px; width: LARGURApx; height: ALTURApx; overflow: hidden; position: relative; border: 3px solid #CORDABORDA; margin-right: 3px; float: left;}figcaption { font-family: verdana; font-size: 11px; position: absolute; display: block; width: 111px; height: 20px; left: 267px; bottom: 6px; text-align: center; color: #CORDAFONTE; text-shadow: none; background: url(http://i1234.photobucket.com/albums/ff411/SweetLG/78-1.png); border: 3px solid #CORDABORDADAFAIXA; line-height: 20px; box-shadow: rgba(0,0,0,.5) 0 2px 8px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transition-duration: 60s; -webkit-transition-duration: .60s;}figure:hover figcaption { left: 35px;bottom: 10px;}No caso mude as tags em negrito!
Explicando:
Largura > é a largura do seu icon!
Altura > É a largura do seu icon!
No "#CORDAFONTE" Você substitui pela cor que você quer
e no "CORDAFAIXA" Você substitui pela cor da faixa que ira aparecer!
( Sugiro que veja o código da cor que você quer aqui)
Salve.
3. Agora vai em layout e adiciona um gadget HTML/JAVASCIPT Cole o seguinte código:
<a href="SEULINK"><figure><img src="LINKDAFOTO" width="LARGURADAFOTO" alt=""/> <figcaption>NOME</figcaption> </figure></a>
<a href="SEULINK"><figure><img src="LINKDAFOTO" width="LARGURADAFOTO" alt=""/> <figcaption>NOME</figcaption> </figure></a
Explicando:
Seu Link: é o link para visitar o autor, ou seja o Faceboo,ask,Twitter e etc..
Link da foto: é o url do icon que você pegou ou fez!
Largura da foto: É a largura que você colocou no HTML do efeito, lembra? Ou seja o tamanho do seu icon...
Salve e pronto, se tiver mais autores apenas duplique o código ou mais...
É só isso beijus meus lindos.
AMEI !
ResponderExcluirBjs da Leeh ~
Cantinho de Segredos
Ammmei o tuto
ResponderExcluirhttp://mygoodies1.blogspot.com.br/