.main-inner .column-center-inner {
- Depois cole o código a seguir abaixo da tag que você procurou:
border-left: 1px dashed #000000;
Agora é só modificar do jeito que você quiser e salvar
Linha pontilhada entre a sidebar e os posts
- Vá em Design >> Editar HTML >> Aperte CTRL + F e procure por:
.main-inner .column-center-inner {
.main-inner .column-center-inner {
Efeito: Borda e imagem com efeito opacidade
- Vá em Desing >> Editar HTML >> Aperte CTRL + F e procure por:
]]></b:skin>
- Acima da tag que você procurou cole o código abaixo:
.border {
-moz-opacity:0.70; opacity:0.70;
-webkit-transition-duration:2s;
background-color:#e7b3c2 /*Cor de fundo, aparece enquanto a imagem está carregando*/;
border:2px solid #c8debf; /* Cor e estilo da borda*/ }
.border:hover {
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
background-color:#e7b3c2; /*Cor de fundo quando passa o mouse em cima*/
border: 2px solid #f2ada5; /* Cor e estilo da borda quando passa o mouse em cima*/
}
Se quiser pode mudar as cores de acordo com suas preferenciais.
Para usar basta aperta Editar HTML no post e colar esse código:
<img src="URL DA IMAGEM" class="border"/>
Não se esqueça de colocar o url da imagem desejada.
]]></b:skin>
- Acima da tag que você procurou cole o código abaixo:
.border {
-moz-opacity:0.70; opacity:0.70;
-webkit-transition-duration:2s;
background-color:#e7b3c2 /*Cor de fundo, aparece enquanto a imagem está carregando*/;
border:2px solid #c8debf; /* Cor e estilo da borda*/ }
.border:hover {
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
background-color:#e7b3c2; /*Cor de fundo quando passa o mouse em cima*/
border: 2px solid #f2ada5; /* Cor e estilo da borda quando passa o mouse em cima*/
}
Se quiser pode mudar as cores de acordo com suas preferenciais.
Para usar basta aperta Editar HTML no post e colar esse código:
<img src="URL DA IMAGEM" class="border"/>
Não se esqueça de colocar o url da imagem desejada.
Seleção de texto colorida
Vá em Design -> Editar HTML -> Aperte CTRL + F e procure por:
]]></b:skin>
Antes dessa tag cole o código abaixo:
::-moz-selection {
]]></b:skin>
Antes dessa tag cole o código abaixo:
::-moz-selection {
background:#F7DFDD; /*Cor do fundo*/
color:#E49D98; /*Cor da fonte*/
}
::selection {
background:#F7DFDD;/*Cor do fundo*/
color:#E49D98; /*Cor da fonte*/
}
O código já diz exatamente o que fazer, coloque a mesma cor de fundo e de fonte nos lugares indicados no código e salve
Nuvens passando pelo cabeçalho
Hey vim ensinar a colocar aquelas nuvens passando pelo cabeçalho do blog que é super fácil.
-Vá em Design >> Editar HTML >> aperte CTRL + F e procure por:
<div class='fauxcolumn-outer body-fauxcolumn-outer'>
Cole acima dessa tag esse código:
<marquee scrollamount="10" height="1000px"><img src="http://3.bp.blogspot.com/-c-tGWXIwXM0/T52p4C9XtuI/AAAAAAAAfh4/lNMTMi9jNlg/s1600/cloud.png"></img></marquee>
Pronto visualize se deu certo e salve.
Créditos: Things to you
-Vá em Design >> Editar HTML >> aperte CTRL + F e procure por:
<div class='fauxcolumn-outer body-fauxcolumn-outer'>
Cole acima dessa tag esse código:
<marquee scrollamount="10" height="1000px"><img src="http://3.bp.blogspot.com/-c-tGWXIwXM0/T52p4C9XtuI/AAAAAAAAfh4/lNMTMi9jNlg/s1600/cloud.png"></img></marquee>
Pronto visualize se deu certo e salve.
Créditos: Things to you
Assinar:
Postagens (Atom)