Oi gente, bem todo
mundo ou quase todo mundo de férias e só a Marcicleide ainda na 3ª
avaliação em?, Mas esse não é o assunto de hoje. O que eu resolvi trazer é um
tutorial bem interessante, já o postei no blog Louca por HTML e resolvi trazer aqui pra vocês. Que é como criar
seu próprio Blockquote.
Primeiro vão em Modelo >> Editar HTML>> aperte em Ctrl+F
e procure por:
]]></b:skin>
Cole acima dessa tag
o seguinte código:
blockquote {
}
Agora, entre o { e o
} cole esse código:
padding: 6px;
margin:10px;
Color: #333;
Background: #FFF;
Agora, vamos
Personalizar pra ficar mais bonito:
border: Borda em todos os lados. (Para usar: 1px solid #333; )
Border-bottom: borda em baixo. (Para usar: 1px solid #333; )
Border-top: Borda em cima. (Para usar: 1px solid #333; )
Border-left: Borda na esquerda. (Para usar: 1px solid #333; )
Border-right: Borda na direita. (Para usar: 1px solid #333; )
Exemplo:
border: 1px solid #333;
Para arredondá-las:
webkit-border-radius: 10px; - Bordas Arredondadas (Mude o 10 para maior ou menor)
-moz-border-radius: 10px; - Bordas arredondadas (Mude o 10 para maior ou menor)
border-radius: 10px; - Bordas arredondadas (Mude o 10 para maior ou menor)
(NOTA: Para deixar bordas arredondas você tem que colocar os 3 códigos
acima.)
Exemplo:
webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
Cada um está com seu
significado, é só usar a criatividade e fazer seu próprio Blockquote.
Créditos: Amizade de Menina