31/03/2014

Tutorial.

Olá♥
Depois de um bom tempo sem postar tutoriais venho com um bem simples mas que usei recentemente e gostei. É um tuto que ensina a editar a Sidebar, não tem efeitos muito grandes, mas para os principiantes ou até mesmo para um layout mais simples é um bom "quebra galho", confiram.


Em seu HTML abra a caixa de pesquisa e procure por:
/* Headings

Você encontrará algo semelhante a isto: 
h2 {  font: $(widget.title.font);  color: $(widget.title.text.color);}
Apague toda a parte mostrada a cima e no lugar cole o código a seguir:
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 edite a fonte e as cores de acordo com as "instruções" existentes no próprio código, depois é só salvar. Caso você queira por uma imagem de fundo no titulo dos Gadgetes substitua essa parte:

background: #fbfbfb; /*Cor de fundo*/
 Por:
background: url(link_da_imagem) no-repeat center;height: 30px;/*Altura da imagem*/width: 200px; /*Largura da imagem*/ 

Faça as modificações de acordo com o que está destacado em negrito e após é só salvar. 
Créditos: Cherry Bomb
Abraços♥

8 comentários:

  1. Hello from Spain: great information. keep in touch

    ResponderExcluir
  2. Ótimo tutorial, porque anda tão sumida?? Você faz uma falta e tanto!! Estou fazendo concurso no meu blog, poderia participar??
    :D

    ResponderExcluir
    Respostas
    1. Obrigada. Ando um pouco ocupada,
      na verdade muito ocupada rs.
      Verei se dá pra participar Ok? Abraços♥

      Excluir
  3. Adorei o tutorial!
    Acho que vai ajudar muita gente, sério, principalmente os iniciantes >3<

    Beijo, kaorii.com!

    ResponderExcluir
    Respostas
    1. Que bom Clara, muito obrigada por comentar.
      Abraços♥

      Excluir
  4. Muito legal o tutorial! Pretendo usar no próximo lay <3

    ~Abraços!
    P.S.: Fiz a análise da Nikki LITD, caso se interesse em compra-lá, confira lá no BeCia (clica no perfil).

    ResponderExcluir

Hei, people <3 Que tal deixar sua opinião, sugestão ou critica (construtiva, por favor) em nossos comentários para que assim possamos melhorar ainda mais! Lembrando, é claro, que nossos comentários são moderados, isto é, precisa de minha aprovação para que apareça. Por tanto, seja educado e se expresse de forma a não ofender a autora do blog ou a terceiros, caso contrario seu comentário não será postado, okay? Até aceito o "seguindo, segue de volta?" desde que eu goste de seu blog, seguirei sem problemas. Sem mais delongas, fique a vontade e volte sempre.
Abraços da autora;
Babi Sah ♥