.png)
Oi Oi .. Tudo bem?
Eu estava com saudades ... Hoje eu trouxe um tutorial bem fácil ensinando a colocar o blockquoete igual ao do blog Pequena Garota, Então? Vamos lá?
Aperte Ctrl + F (Abra sua caixinha de Busca) e pesquise por:
]]></b:skin>
Acima da Tag procurada cole isto:
.post blockquote {
background: #f5f5f5; /* fundo */
font-family: calibri;
font-size: 11px; /*-tamanho da fonte-*/
padding: 3px; /* acolchoamento */
border-left: 3px solid #00bfff; /* espessura, tipo e cor da borda esquerda */
border-right: 3px solid #00bfff; /* espessura, tipo e cor da borda direita */
transition-duration: 1s; /* transição */
-moz-transition-duration: 1s; /* transição */
-webkit-transition-duration: 1s; /* transição */
}
.post blockquote:hover { /* quando o mouse passa por cima */
font-size: 11px; /*-tamanho da fonte-*/
border-left: 5px solid #ff69b4; /* espessura, tipo e cor da borda esquerda */
border-right: 5px solid #ff69b4; /* espessura, tipo e cor da borda direita */
}
background: #f5f5f5; /* fundo */
font-family: calibri;
font-size: 11px; /*-tamanho da fonte-*/
padding: 3px; /* acolchoamento */
border-left: 3px solid #00bfff; /* espessura, tipo e cor da borda esquerda */
border-right: 3px solid #00bfff; /* espessura, tipo e cor da borda direita */
transition-duration: 1s; /* transição */
-moz-transition-duration: 1s; /* transição */
-webkit-transition-duration: 1s; /* transição */
}
.post blockquote:hover { /* quando o mouse passa por cima */
font-size: 11px; /*-tamanho da fonte-*/
border-left: 5px solid #ff69b4; /* espessura, tipo e cor da borda esquerda */
border-right: 5px solid #ff69b4; /* espessura, tipo e cor da borda direita */
}
Eu espero que tenham gostado do tutorial...
BeeeiiJuuh
Legal, mas achei dificil, rsrs
ResponderExcluirParece ser meio complicado mesmo,mas não é não .. rsrs'
ExcluirOi , você já terminou o layout do blog ?
ResponderExcluirInvadindo sua area Julia rs, aqui Heloh, eu respondi no seu blog!
ExcluirEu fiz esse tutorial no meu blog, ficou lindo, mas depois eu modifiquei. Até que é bem fácil. Comenta lá nas postagens? Obrigada. babinspira.blogspot.com
ResponderExcluirFica lindo mesmo,é fácil mesmo kk'
ExcluirBjs