05 março 2014

Modelo de Blockquote (Exclusivos?)


Olá Meus Amores! Tudo bem com vocês? Como eu contei eu andei trabalhando em um layout certo? Porém, ele flopou/fracassou e eu terei que refaze-lo porém isso não é o poblema, é que nesse layout eu criei um blockquote só pra ele, porém é super simples. Como ele é: 



Relaxa Pessoal, eu ainda crio um blog de testes pro Garota Irresponsavel, é porque eu fiquei sem tempo hoje, eu quis criar essa postagem de ultima hora, portando..  Então vamos ao código:

Vá em Modelo > Editar HTML e procure por ]]>< e acime desse código o cole o seguinte: 


.post blockquote {
padding: 6px;
font-size: 15px;
color:#FF3E96;
padding: 6px;
margin:10px;
text-align: center;
font-family: silkscreen;
background:#CFCFCF;border: solid 1px #99c3ea;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
transition:All 0.7248s ease-in-out;
-webkit-transition:All 0.7248s ease-in-out;
-moz-transition:All 0.7248s ease-in-out;
-o-transition:All 0.7248s ease-in-out;
}
blockquote:hover {
border-radius: 10px;
color: #000
padding: 6px;
margin:10px;
background: #C6E2FF;

Para usar o blockquote é só ir na parte de escrever a postagem e clicar no icone de "Citação" (o terceiro da direita para a esquerda)

Nenhum comentário:

Postar um comentário

Quer comentar? Leias as regras abaixo! =3

♡ Deixe o URL do seu blog no final dos comentários para eu visitar! Se eu gostar eu sigo!

♡ "Seguindo, segue de volta?" Simplesmente irei ignorar, mas se quiser que eu siga comenta algo haver com o post e no final ponha o link do seu blog, se eu gostar eu sigo!

♡ Sem xingamentos, grosserias, etc!

♡ Faça Criticas Construtivas, sem ofensas!

♡ Fico muito feliz se vc comentar! Kissus