#navbar, #navbar-iframe { height: 0px; visibility: hidden; display: none; } Index Design - Inovando o conceito sobre design !!: Backgour atras do titulo do Gadget


E aew galerinha vim trazer um dos mais lindos tutoriais que eu já vi Background atras dos títulos dos Gadgets.. pois bem, vamos ao tuto:

O que é geralmente aquela imagem por traz do titulo da Gadget.

Vá em >>Layout>>Editar HTML>> e procure pela seguinte tag:

.sidebar h2 {


Subistitua o codigo da tag citada por este:

.sidebar h2 {
margin: 0px;
padding-left:12px;
height:47px;/* Altura da Imagem */
background: #000 url("URL_DA_IMAGEM")no-repeat;/* Coloque uma imagem ou uma cor */
text-align: left;/* Posicione o titulo */
font: Arial black;
padding-top:13px;
color:#fff;
text-shadow: #000 0px 1px 2px;
margin-bottom:-19px;
}

Em padding, seja padding-top ou padding-lef você posiciona o texto em relação aos lados. Edite: Font, Height, Cor do texto (color), Cor da sombra (text-shadow)... em fim edite ao seu gosto.

Font: Dark Genel portfólio.

Curta-Nos