Créditos:Kawaii World
Trouxe 2 tipos de Blockquotes para vocês
peguei uma delas no tumblr e a outra eu editei
Vamos Ver??
Essa e a blockquote hover que quando passa o mouse ela se mexe que
nem a da imagem acima:
Cole esse código abaixo de b:skin:
blockquote {padding: 10px 10px 10px; margin: 2px; background: #FFC0CB; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; color: #B03060; font-family: 'nau'; font-size: 6pt; text-align: center; -webkit-transition-duration: .90s;}blockquote:hover {-webkit-transform: rotate(4deg) scale(0.9) skew(1deg); opacity: 0.6; -webkit-border-radius: 0px;}@font-face{font-family: 'nau';src: url('http://static.tumblr.com/xxklb99/dpDm4g2o7/naucopie.ttf');src: url('http://static.tumblr.com/xxklb99/dpDm4g2o7/naucopie.ttf') format('embedded-opentype'),url('http://static.tumblr.com/xxklb99/dpDm4g2o7/naucopie.ttf') format('woff'),url('http://static.tumblr.com/xxklb99/dpDm4g2o7/naucopie.ttf') format('truetype'),url('http://static.tumblr.com/xxklb99/dpDm4g2o7/naucopie.ttf') format('svg'); }
Essa Blockquote tem duas cores e você pode editar as cores
com essa tabela[www]
Cole esse código acima de b:skin:
blockquote{background-color: transparent; border-right: 2px solid #8acac9; border-left: 2px solid #e8ccc6; border-bottom: 2px solid #e8ccc6; border-top: 2px solid #8acac9; color: #696969; font-family: 'verdana'; font-size: 8pt; line-height: 8px; font-weight:normal; margin:0px; padding:5px; margin-bottom:-0px; text-align:left; letter-spacing:1px; -webkit-border-radius: 5px; padding: 5px;}
Adoreeeei *-* São muito lindos, e bem úteis também né? Muitas pessoas deixam de usar porque o desconhecem, vale muito a pena de postar o tutorial. Beijão
ResponderExcluirExplodindo Glitter
Entre no meu perfil e acessa :)
Amei ^.^
ResponderExcluireu adorei o segundo *0* muito legale diferente, ainda nao tinha visto um tutorial parecido viu
ResponderExcluir