Maratona de Utilitários e Tutoriais: Efeito caption para autores

Boua taaarde!

Então, como anda a vida de vocês meus amorescos?

Comigo está ótimo! ~le eu fingindo que alguém me perguntou~

Nesses dias estou bastante inspirada! Espero continuar assim por um bom tempo!

E ai estão gostando da maratona? Eu estou amando ajudar vocês :3

Então a maratona vai seguir assim, tipo hoje eu fiz 2 posts de utilitários então agora só faço

1 de tutorial ;) ai quando eu fazer 2 de tutorial só faço 1 de utilitários!

O tutorial de hoje vai ser efeito caption para autores, igual o que eu uso, ah falando nisso a vagas!!

É fofo e muito kawaii ~le eu burrando kawaii e fofo é a mesma coisa~

Ei terráqueo! clique em more♥

1- Primeiro tecle F3 ( Ou ctrl + F ) e pesquise por: ]]></b:skin>. Acima desse código cole:

@font-face {font-family: "04b03"; src: url('http://static.tumblr.com/qbzesex/2tSm7y7gy/04b_03_.ttf'); format("truetype");}
imagem {display: block; position: relative; float: left; overflow: hidden; margin: 02px 2px 0;}
captioon {position: absolute; background: #000; color: #fff; padding: 3px 25%; opacity: 0; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; text-align: center; line-height: 10px; font-size: 8px; font-family: "04b03", small-fonts; text-shadow: 1px 1px 3px #000;}
imagem:hover captioon {opacity: 0.75;}
imagem:hover:before {opacity: 0;}
.caption:before {bottom: 10px; right: 10px;}
.caption captioon {bottom: 3px; right: 30%;}
.caption:hover captioon {right: 0px;}

Altere somente o que está em negrito. O numero 2 equivale ao espaço da imagem. O 000 é o a cor

do fundo da legenda e o fff é a cor da fonte. Edite somente o que ensinei!

Kisses babies!