html

Personalizando o titulo dos gadgets

20:52



Olá gatas tudo bem? Meu Deus meninas como ta frio hoje aqui.. Está eu aqui debaixo das cobertas, bem quentinha, vendo um filmezinho fofo, Procura-se um Marido, e escrevendo para vocês ouvindo a chuva caindo no telhado, que delicia né? Mas vamos lá, estou eu aqui de novo para ensinar para minhas lindas mais um tutorial para deixar o blog cada vez mais lindo .
Vamos personalizar o titulo dos gadgets?

Aperte Ctrl+F e procure por h2 {

Vai ter algo parecido com isso

h2 {
  font: $(widget.title.font);
  color: $(widget.title.text.color);
}

Apague toda essa parte e no lugar coloque isso


.sidebar h2 {
font-family: Century Gothic; /*Tipo de fonte*/
font-size: 16px; /*Tamanho da fonte*/
color: #000000; /*Cor da fonte*/
border-bottom: 2px solid #fff; /*Borda de baixo, apague se não quiser*/
background: #fbfbfb; /*Cor de fundo*/
text-align: center; /*Alinhamento do texto*/
}
Agora é só personalizar como quiser. Se em vez de cor, você quiser colocar uma imagem de fundo, substitua :


background: #fbfbfb; /*Cor de fundo*/
Por

background: url(link_da_imagem) no-repeat center;
height: 30px;/*Altura da imagem*/
width: 200px; /*Largura da imagem*/


Visualize , está tudo ok? Agora você pode colocar outros efeitos, como sombrabordas arredondadas e estilos de bordas. Gostaram?

You Might Also Like

15 Chocolates viraram Cupcakes

  1. Eu ameeeei o tuto! Vou tentar fazer... Beijooos!
    Sou Paty

    ResponderExcluir
  2. Frio??? Ai que inveja!!! Aqui está um mega calor!!!
    Gostei muito do Tutorial!!!

    Beijos
    http://esmalteetudo.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Mas as vezes muito frio tbm desanima ne haha
      mas gosto desse clima haha
      beijinhos Ale

      Excluir
  3. Gosteei (:
    Tem selinho pra você lá no blog:
    http://mimosemodas.blogspot.com.br/2012/10/cara-nova-selinhos.html#comment-form

    ResponderExcluir
  4. Gih tem uma tag para vc la no meu blog


    bjxxxxxxxxxx

    http://intheskiess.blogspot.com.br/

    ResponderExcluir
  5. Amei o tutorial deu super certo.

    >>Estou participando de um concurso no We Heart HTML (wehearthtml.blogspot.com.br/) e no Garota Bipolar (girl-bipolar.blogspot.com.br/) peço que vote no !!Blog da Marci!! as votações já começaram então vote por favor...

    ResponderExcluir
  6. amei muito legal vou tentar fazer http://deixapralaelocura.blogspot.com.br/

    ResponderExcluir
  7. Adorei a dica.
    http://rrosachiclete.blogspot.com.br/

    ResponderExcluir
  8. O nome dos gadgets fica fora da faixa o nome fica la em cima da faixa.
    Pode me ajudar?
    Adoro o seu blog BJS!!

    ResponderExcluir

Deixe um recadinho sobre o blog. Obrigada!

Related Posts Plugin for WordPress, Blogger...