• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

17 de julho de 2012

Estilos para o titulo dos Gadgets(Barra lateral)

UUHUL 
Olá gente, olá pessoal, Manolos como vocês agora sabem que estou viva (e como estou hahaha) então trouxe um tutorial para vocês e estilos de título de gadgets também! {eu tô digitando feito louca por falta de tempo depois vou ter de sair }

Vamos começar né?!!!!!!!!

Bora muié clica em Leia mais! ^w~
1- Vá em modelo >> editar html >> CTRL F e procure por: 

]]></b:skin>

Quando você achar, cole acima um dos links que você preferir abaixo: (obs: PODE MUDAR A COR, clique aqui que tem a tabela!)



.sidebar h2 {

background: #f5f5f5;

border-bottom: 3px double #40E0D0;

font-family: arial;

font-style: italic;
font-size: 10px;
font-weight: normal;
text-align: right;
text-shadow:#fff 0px 0px 1px;
}




Mude a cor do fundo onde está escrito #f5f5f5 background: #f5f5f5; 

Mude, escolhendo a cor da tebela de cores pegue o #???? e subsitua pelo #f5f5f5;




.sidebar h2 {
background: #000;
font-family: arial;
color: #fff;
font-size: 10pt;
font-weight: normal;
text-transform: uppercase;
border-bottom: 1px solid #F0F8FF;
text-align: center;
text-shadow:#fff 0px 0px 1px;
border-radius: 10px;
}

Mude a cor do fundo onde está escrito #000 background: #000;


Mude, escolhendo a cor da tebela de cores pegue o #???? e subsitua pelo #000




.sidebar h2 {
background: #7AC5CD;
color: #fff;
font-weight: normal;
text-align: center;
font-family: century gothic;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}

Mude a cor do fundo onde está escrito #7AC5CD background: # 7AC5CD ;
Mude, escolhendo a cor da tebela de cores pegue o #???? e subsitua pelo #7AC5CD




.sidebar h2 {
background: #E6E6FA;
color: #9370DB;
border-bottom: 2px solid #9370DB;
font-weight: normal;
text-align: center;
font-family: tahoma;
-webkit-border-radius: 10px;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius: 10px;
-moz-border-radius-bottomleft: 0;
border-radius: 10px;
border-bottom-left-radius: 0;
}

Dica: Para mudar a cor do fundo aprenda, está assim (exemplo:)Background: #E6E6FA
A cor do fundo é o #E6E6FA (exemplo) para mudar a cor, você precisa ir na tabela de cores e ver a cor que quer.
Depois, mude tudo:
.sidebar h2 {
background: (a cor do fundo)
font-family: (a fonte, exemplos: Comic Sans MS ou etc..);
color: (cor da letra);
font-size: (tamanho da letra);
font-weight: (negrito, itálico, ou, até mesmo normal,rs!);
text-transform: uppercase;
border-bottom: 1px solid (<esperssura da borda) #F0F8FF(<cor da borda);
text-align: center;
text-shadow:#fff (cor da sombra) 0px 0px 1px < larguras da sombra);
border-radius: 10px;
}

Uhul acabou! Então para terminar... O que o Batman faz pra abrir a Batcaverna?
não sabe? haha eu sei...ele bate palmas skapokopkopkop Melhor eu sair.





7 comentários:

  1. AAAH, eu fiz um tutorial igualzinho a esse no FT *-* É bem útil (:

    farryteen.blogspot.com

    ResponderExcluir
  2. Nossa amei *-* Já to usando um desses :) Blog: StardollMaisBrasil.blogspot.com ! Muito obrigada amore! Alias amei o blog e já seguindo ;)

    ResponderExcluir
    Respostas
    1. E Obrigada pela sua :) Bem tenho umas duvidas! Pode me ajudar? Gostaria de saber como eu consigo separar as postagens uma da soutras e como posso deixar redondo os cantos das colunas onde est[á os arquivos, seguidores.... ? Obrigada desde já ♥

      Excluir
  3. Eu amei o último vou colocar no meu blog ^_^
    #May-Sun

    layrakauana.blogspot.com

    ResponderExcluir