Oi gente, trouxe hoje
para vocês três modelos de Blockquote que eu mesma fiz para vocês. Eles são
simples, mas na minha opinião ficaram bem fofos.
Vamos lá!
Antes vamos ver onde
vocês devem colocar o código do modelo escolhido.
Vá em Modelo>> Editar HTML>> Aperte Ctrl+F
e procure por:
]]></b:skin>
Acima dele cole o
código do modelo que você escolheu
1º Modelo
blockquote {
padding: 6px;
margin:10px;
Color: #fff;
Background: #ffcccc;
border: 1px solid #ff7766;
border-radius: 10px;
}
blockquote:hover {
padding: 6px;
margin:10px;
Color: #fff;
Background: #b8cad7;
border: 1px solid #639ebc;
border-radius: 0px;
-webkit-transition-duration: .90s;
}
Mude o que está em negrito
2º Modelo
blockquote {
padding: 6px;
margin:10px;
Color: #fff;
Background: #ffcccc;
border: 1px solid #ff7766;
}
blockquote:hover {
padding: 6px;
margin:10px;
Color: #fff;
Background: #b8cad7;
border: 1px solid #639ebc;
-webkit-transition-duration: .90s;
}
Mude o que está em negrito
3º Modelo
blockquote {
padding: 6px;
margin:10px;
Color: #fff;
Background: #ffcccc;
border: 1px solid #ff7766;
}
blockquote:hover {
padding: 6px;
margin:10px;
Color: #fff;
Background: #b8cad7;
border: 1px solid #639ebc;
border-radius: 10px;
-webkit-transition-duration: .90s;
}
Mude o que está em negrito
Pronto!
É isso pessoal espero
que gostem dos modelos.
Se usar. Créditos Sweet of Cherry