Páginas

janeiro 24, 2013

Estilos de Gadgets modo simples



Ainda tem alguns blogueiros que faz imagens para cada gadget.Isso também tem algumas vantagens,você pode usar qualquer fonte,brushes e vários efeitos.Mas acho isso muito cansativo.Então hoje trouxe uns estilos pra vocês,espero que gostem :)


 1 -Vá em Design,Editar html,dê ctrl+f e procure por ]]></b:skin>

E antes dessa tag cole o código do estilo que quiser.


.sidebar h2 {
text-align: right; /*alinhamento do titulo*/
font-family:Times new romam; /*fonte */
font-size:20px; ---/* tamanho da fonte */
font-color:#707070; ---/* cor da fonte */
text-shadow:1px 5px 2px #fff;
border-bottom: 3px double #b779ff; } /*borda de baixo*/

.sidebar h2:hover {
border-radius: 10px 10px 10px; /*borda redonda*/
color: #ff96bf; /* Cor da fonte em hover */
background: #f5f5f5; /* Background em hover */
text-align: center; /* Alinhamento do texto hover */


.sidebar h2 {
text-align:center; /*alinhamento do texto*/
color: #000;  /*cor da fonte*/
font-family:century gothic;  /*fonte do titulo*/
text-shadow: 0px 0px 2px #ccc;  /*sombra da fonte */
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV6mP21dYX4A-W8qLZY79_3RYXxP6gsBqBqukdPAS0EX3mEte1RWNePy-CmstzWD9iwK9pmtIskWrPXVN3I9JpLZowkl419oNJjgPkjFdu_n6A0z2KrtDH4Ckudox5tEbEWG_30udCfie8/s1600/44.png") no-repeat; /*imagem*/
width: 180px; /*largura*/
height: 30px; /*altura*/
}
.sidebar h2 {
font-family: Century Gothic; /*Tipo de fonte*/
font-size: 16px; /*Tamanho da fonte*/
color: #ff88c2; /*Cor da fonte*/
border-radius:10px 10px 10px 10px;
border-left: 3px solid #ff88c2; /*borda lado esquerdo*/
border-right: 3px solid #ff88c2; /*borda lado direito*/
background: #fbfbfb; /*Cor de fundo*/
text-align: center; /*Alinhamento do texto*/
height:25px;/** altura **/
}

 .sidebar h2{
border-bottom: 2px dotted #696969; /*borda de baixo*/
text-align:center; /*alinhamento do texto*/
font-family:tahoma; /*nome da fonte/*
text-shadow: 1px 1px 1px #CFCFCF; /*sombra da fonte/*


São bem simples,mas ajuda bastante.
Espero que tenham gastado e usado ! Beijos ;*

Nenhum comentário:

Postar um comentário

Nada de sair sem deixar sua marquinha em Hum/ se quiser deixe o link e irei retribuir a visitinha beijinhos.