[Tutorial] Modelo de blockquote #2


Olá cupcakes!!

Hoje estou mesmo com vontade de postar, por isso, hoje trago um modelinho super fofo de blockquote.
Como está escrito no aviso na sidebar, eu adorei este layout que fiz. Por isso, este será, ate que enjoe, o modelo de layout que irei seguir. So irei mudar as cores e alguns efeitos e menus.

Mas bem, voltando ao tuto, cliquem em ler mais....


blockquote {
padding: 10px;
font-size: 12px;
color: #696969;
text-align: center;
background: #fff;
padding: 9px;
border: 5px solid #fff;
outline-offset: -3px;
outline: 1px dashed #ffbfd6;
-webkit-box-shadow: inset 0px 0px 3px #eae9e9, -2px 2px 0px rgba(0,0,0, 0.1);
-moz-box-shadow: inset 0px 0px 3px #eae9e9, -2px 2px 0px rgba(0,0,0, 0.1);
-ms-box-shadow: inset 0px 0px 3px #eae9e9, -2px 2px 0px rgba(0,0,0, 0.1);
}
E pronto, vocês podem alterar as cores e o fundo.
Se quiserem um hover, é só acrescentar:
blockquote: hover {
color: #696969;
background: #fff;
border: 5px solid #fff;
outline: 1px dashed #ffbfd6;
}
E já está!
Se usarem, não se esqueçam de creditar. Se creditarem, o blog ira crescer, o que significa mais tutos para voces^^

Kiss~ 

Sem comentários:

Enviar um comentário

Hey, arigato por vires comentar.
Respondo a todos os comentários assim que possível.
Por favor, não uses palavras impróprias nem nada disso.
Não uses o comentários só para divulgar o teu blog, no entanto, se falares sobre o post, podes deixar o url.

Aviso: os comentários maldosos e com insinuações serão publicados, mas eliminarei o seu conteúdo e darei uma breve respostinha.

Sayonara^^


=((•̪●))= ๑(•ิ.•ั)๑ ٩(●̮̮̃•̃)۶ ε(●̮̮̃•̃)з ٩(×̯×)۶̿ ┌∩┐(◣_◢)┌∩┐ ⊙▂⊙ ⊙0⊙ ⊙︿⊙ ⊙ω⊙ ⊙▽⊙ ⊙﹏⊙ ⊙△⊙ ◑▽◐ ◑ω◐ ◑﹏◐ ●︿● ●ω● ●﹏● ≧▂≦ ≧︿≦ ≧ω≦ ≧﹏≦ ≧▽≦ >︿< >ω< >﹏< >▽< ≡(▔﹏▔)≡ (¯▽¯;) <(“”"O”"”)> (-__-)b (;°○° ) \( ̄︶ ̄)> <( ̄︶ ̄)/ (/≧▽≦/) \(≧3≦)/ \(≧ω≦)/ o(≧ω≦)o o(≧o≦)o ㄟ(≧◇≦)ㄏ ╮(╯▽╰)╭ ╮( ̄▽ ̄)╭ (~o ̄▽ ̄)~o ~ 。。。(~ ̄▽ ̄)~[] (╯-╰)/ (*^3^) 'U_U ♪ ♥ ஐ ▲☼゚ ♣ (๏̯͡๏) †