16 dezembro 2012

Como Centralizar o Título da Sidebar (Gadgets)



Oi pessoal, hoje resolvi fazer um tutorial ensinando a centralizar o título da sidebar, mais vamos fazer isso de um jeito muito fácil. Lets go!

Primeiro coloque um gadget HTML/JavaScript, e cole o seguinte código:

<style>
/*Centralizar Gadgets Inicio*/
.sidebar h2 {
font-family: Verdana;
font-size: 14px; /*Tamanho da Fonte*/
text-transform: uppercase;
font-weight: normal;
text-align: center; /*Posição do Texto*/
color: #A71BDE; /*Cor da fonte ou letra*/
background: #EAE4ED; /*Cor do fundo*/
padding-right: 5px;
margin-bottom: 5px;
/*Centralizar Gadgets Fakescomm*/ }
</style>










Agora e só modificar tudo o que está destacado no código, o que acharam? Fácil não? 


Instruções

Tamanho da Fonte: Não retire o px do lado do tamanho só mude o tamanho.
Posição do Texto: Quer dizer se centro(center), direita(left) e esquerda(right). Mude as posições de acordo com as palavras entre parêntese. 
Cor: Pra escolher uma cor do texto ou de fundo pegue o código de uma cor aqui (as cores são as que estão com jogo da velha antes. Ex.: #00000)


Espero que tenham gostado, deixe um comentário!
SE COPIAR COLOQUE OS DEVIDOS CRÉDITOS!

4 comentários:

  1. Já conhecia esse tuto, é bem útil né? c;

    Bjs
    garotas-cupcakes.com

    ResponderExcluir
  2. Oi da pra adicionar fundo usando esse condigo e da para adicionar sombra nos titulos?!

    ResponderExcluir
    Respostas
    1. Maria tem um outro tutorial aqui no blog explicando essa sua dúvida!
      http://fakescomm.blogspot.com.br/2014/04/personalizando-o-titulo-da-sidebar.html

      Excluir

Deixe um comentário, lembre-se vou retribuir cada visita com o tempo, então por favor, se for comentar comente sobre o post!

 

Copyright © Princesa Indelicada | Por Malu Aguiar