#topo { width: 980px; /*Largura da imagem do cabeçalho*/ height: 300px; /*Altura do cabeçalho*/ background: url(http://3.bp.blogspot.com/-wLf8OHjuWn4/UTOR3zXhKxI/AAAAAAAADHI/Yn5-J6s7Upc/s1600/0se.png') no-repeat; margin-top: -20px; /*Margem do topo*/ }

domingo, 21 de outubro de 2012

Tutorial n° 2


Hoje vamos se surpreender com a genialidade de quem criou isso. Ou não. Bom só vai no Leia Mais.
Ta... vamos aprender como colocar no blog vários tipos de títulos de sidebar.. Mais um do CB.
Vá no layout do blogger e adicione um gadget Html/Java Script e cole o código que você quiser.

ESTILO 1

<style>
/*Inicio título dos gadgets*/
.sidebar h2 {
  font-family: Verdana;
font-size: 14px;
text-transform: uppercase;
font-weight: normal;
text-align: right;
  color: #A71BDE; /*Cor da fonte*/
background: #EAE4ED; /*Cor do fundo*/
padding-right: 5px;
border-radius: 15px;
border-top: 3px solid #D1CBD4; /*Cor da borda de cima*/
border-right: 2px solid #D1CBD4; /*Cor da borda da direita*/
margin-bottom: 5px;
/* Estilos para titulo dos gadgets por www.bombadecereja.tk  Não retire os créditos */ }
</style>

Estilo 2  

<style>
/*Inicio Titulo dos gadgets*/
.sidebar h2 {
font-family: Georgia;
font-style: italic;
font-size: 14px;
font-weight: bold;
text-align: left;
color: #BAE0E8; /*Cor da fonte*/
border-left: 10px solid #FF78D6; /*Cor da barrinha lateral*/
padding-left: 5px;
margin-bottom: 5px;
/*Estilo para titulo dos gadgets por www.bombadecereja.tk Não retire os créditos*/}
</style>

Estilo 3

<style>
/*Inicio Titulo dos gadgets*/
.sidebar h2 {
font-family: Verdana;
font-size: 14px;
text-align: left;
color: #40250A; /*Cor da fonte*/
font-weight: normal;
background: #FFCCDF url('http://img194.imageshack.us/img194/4015/miniheart.png') no-repeat left top; /*Cor de fundo e imagem do topo*/
padding-left: 12px;
margin-bottom: 5px;
border-top: 3px solid #FA3497; /*Borda do topo*/
/*Estilo para titulo dos gadgets por www.bombadecereja.tk Não retire os créditos*/}
</style>

Estilo 4

<style>
/*Inicio Titulo dos gadgets*/
.sidebar h2 {
font-family: Georgia;
font-style: italic;
font-size: 14px;
font-weight: bold;
text-align: left;
color: #40250A; /*Cor da fonte*/
background: url('http://img194.imageshack.us/img194/4015/miniheart.png') no-repeat left top; /*imagem do topo*/
padding-left: 12px;
margin-bottom: 5px;
/*Estilo para titulo dos gadgets por www.bombadecereja.tk Não retire os créditos*/}
</style>

Gustaram?? Adurarm? Amarum?


Um comentário:

~> Comentários bons aceito, e críticas só do post.
~> Não comente coisas que não sejam do post, pois será ignorado!

Obrigada por cumprir as regrinhas!