16 de abril de 2013

Novas Faixas para sidebar+Backgrounds Pontilhados + VOLTEI!

Geente fiquei sem net estes dias :(
e então resolví ir criando coisas novas pra vocês..
Eu fiz umas faixinhas para sidebar fofas, e fiz também alguns backgrounds pontilhados, espero que gostem!
Clique em Leia Mais




 Backgrounds  SE UTILIZAR AVISE E CREDITE, CASO CONTRÁRIO VOU TE DENUNCIAR!
 
Faixinhas Para sidebar, TODAS FEITAS POR MIN, SE USAR AVISE E CREDITE!


Como colocar a faixa:

Vá no seu HTML e pesquise por :

h2 {
ACIMA deste trecho cole:

.sidebar h2 {  background:url(link-da-faixinha)no-repeat;  width:182px;  height:41px;  margin-left:-20px;  margin-top:-5px;  margin-bottom:0px;  padding-left:10px;   color:#FFFFFF;  text-shadow:1px 1px 0 #666666;  text-align:left;  font-family:Trebuchet MS;  font-size:13px;  line-height:40px;   text-transform:normal;  } 
Edite o código com estas explicações:

.sidebar h2 é a div class dos títulos dos gadgets, toda vez que desejar personalizar esses títulos acrescente essa class seguida das propriedades CSS no código do seu template.background: é o fundo dos títulos, no caso, o fundo será a faixinha. Coloque o link da faixa no local indicado e não altere o no-repeat.width: é a largura, coloque a largura certa da faixa para não ficar desconfigurado.height: é a altura, a regra é a mesma da largura.margin-top: é o espaço entre a faixa e  topo da sidebar. Valor negativo = diminue o espaço, valor positivo = aumenta o espaço.margin-left: é o espaço à esquerda da faixa, deve ser alterado se necessário. Se quiser a faixa mais para a esquerda, diminua o valor; para posicioná-la mais a direita, aumente.margin-bottom: é a margem abaixo, altere se necessário.padding-left: é o espaço à esquerda entre o título e o início da faixa. Se a sua sidebar for à direita, altere o left por rigth.color: cor do título, altere o #FFFFFF (branco) pela cor que quiser.text-shadow: é a sombra do texto, se não quiser usá-la apague o código. text-align: é o posicionamento do título, no caso, o título posiciona-se à esquerda (left), mas pode ser ao centro (center) ou à direita (right).font-family: o tipo da fonte usada para os títulos, use a fonte que preferir.font-size: é o tamanho da fonte, altere se necessário.line-height: é a altura da linha, ou melhor dizendo, o que fará com que o título fique sobre a faixa. Aumente o valor para que o título "desça", se quiser que o título "suba" diminua o valor.text-transform: é a transformação do texto; em maiúsculas (uppercase), em minúsculas(lowercase) 
Este tutorial de como colocar a faixinha é todo e exclusivo do Camila's Designer, então os créditos do tutorial é de lá, PORÉM as faixinhas foram feitas por MIM se usar qualquer UMA CREDITO O MF.

Por hoje é só bjs!







Translate