09/02/2013

Tutorial- Separar e colocar bordas nos gadgets


Bom dia, leitores.
Me pediram no post passado para postar sobre uma participação do Simple Plan nos Simpsons, mas eu infelizmente ainda não encontrei nada sobre :´(, então se vocês souberem poderiam me informar? Fiquei  curiosa mais do que já sou.
Trouxe um tutorial bem útil para vocês de como separar e colocar bordas nos gadgets.

Let's go.
Separando os gadgets:
1- Vá em Design > Designer do Modelo > Avançado > Plano de fundo da barra lateral e deixe transparente.
2- Depois vá em editar html e procure por:
/* Widgets
3- Antes do } cole:
Background: #000000; /*Cor do fundo dos Gadgets*/
Modifique  com o código que você quer e salve.
Colocando bordas:
1- Vá em editar html e procure por:
.sidebar .widget {
2- Abaixo cole:
border-bottom: 10px solid #d4d4d4;
 Entendendo o código:
Bottom - Faz com que a borda seja no fim de cada gadget. Você pode mudar para top (topo), left (esquerda) ou right (direita).
10px - Aumente ou diminua para regular o tamanho da borda.
Solid - É o tipo de borda, veja todos os tipos aqui.
#d4d4d4 - A cor da sua borda, mude para a que desejar.

Créditos do tutorial: Kawaii-World
Espero que tenha sido útil, até a próxima.
MetalKisses.



14 comentários:

  1. Já estou seguindo como pediu.
    O design do blog está muito lindo, adorei o cabeçalho e os gadgets ~

    @Kawaii World. /* perfil /*

    ResponderExcluir
  2. ameii o/
    tava procurando esse tuto só que para area de postagem, agora apoucoo
    acervo-de-livros.blogspot.com

    ResponderExcluir
    Respostas
    1. Que bom que você está gostando dos posts, obrigada pela visita!

      Excluir
  3. Oi Lah! Tudo bom?
    Adorei seu blog! Obrigada pela visitinha no Censored! Quer se afiliar com a gente?
    Amei o tutorial!
    Mil Beijinhos --> #Gabi
    Censored

    ResponderExcluir
    Respostas
    1. Tudo sim, de nada flower. Claro que eu quero me afiliar,vou te colocar na minha elite e vc me coloca na sua ok?

      Excluir
  4. Adorei! Já conhecia esse tuto,mas é realmente bem útil para algumas pessoas.

    CCM

    ResponderExcluir
    Respostas
    1. Obrigada pela visita, realmente muitos conhece esse tuto.

      Excluir
  5. Deeve ser bem lindo os gadgets!! Vou ver se fica bom no meu, mas só no outro lay ^^
    Conhecendo seu blog agora, já estou lhe seguindo fofa.... poderia retribuir??
    Espero que goste da baguncinha kkkkk'
    Te espero tomando uma xícara de coffee'
    Kiiisses...

    teenagedreamoff.blogspot.com

    ResponderExcluir
  6. Ótimo tutu, conhecia somente de como separa-lo, mas não de como botar essa borda ^w^ Gostei!
    Beijos e bom carnaval =*
    cotidianodeumabarbie.blogspot.com

    ResponderExcluir
  7. Olá adorei seu blog , estarei sempre por aqui
    se você poder seguir o meu de volta ficaria
    super feliz em ter você fazendo parte do meu blog

    BLOG :http://charmantye.blogspot.com.br/

    Fâ PAGE: https://www.facebook.com/Charmosa.cleidianesouza

    ResponderExcluir

- Não estou aceitando tags ou selinhos.
- Use os comentários ou a ask para fazer requests.
- Respondo todos os comentários e retribuo na maioria das vezes.
- "Seguindo! Segue de volta?" Depende, se você já tiver seguido realmente e eu gostar do seu blog.