sexta-feira, setembro 07, 2012

Uni duas coisas e fiz uma!

Oie gente linda do meu Brasil Baronil!(homenagem ao Brasil rápida)
Deu trabalho fazer o Brasil Baronil com letras personalizadas!
Então pois é!Hoje eu uni 2 tutos!Um do Bad Raputation e um outro do Cherry Bomb
Então vamos...
Leia mais e aproveite!
Primeiramente estou dizendo que esse tuto foi testado somente no ultimo modelo do estilo Travel!
Os outros modelos ficam com a sidebar marcada!
Mais aproveite...
A primeira coisa que deve fazer é separar os gadgets mais não precisa arredonda-los!
Faça o seguinte:
Primeiramente procure pela tag:/*Widgets
Você vai achar um trechinho mais ou menos assim:

/* Widgets
----------------------------------------------- */
.sidebar .widget {
border-bottom: 2px solid $(widget.border.bevel.color);
padding-bottom: 10px;
margin: 10px 0;
}


Logo depois de .sidebar .widget { selecione logo depois da abertura da chave e de um enter dai você cola:
Background: #fff;/*Cor do Background da Sidebar*/
Dai você vai em modelo e deixa a sua sidebar transparente!
Pronto!
Mais esse é só o primeiro passo de tudo!
Depois anote o nome de todos os gadget que quer personalizar!
*O Gadget de seguidores no HTML se chama followers*
Começando tudo:
Entre no seu HTML de uma busca e nessa busca procure pelo titulo do gadget!
Você vai achar e logo antes vai ter um código!
Segue o exemplo:
Imagem do Cherry Bomb-Clique para ampliar
Dai agente procura pela tag:]]><b:skin>
Dai antes desse codigo você cola:
#ID-DO-GADGET {
background: #fff; /*Cor de fundo do gadget*/
}
#ID-DO-GADGET h2 {
/*Estilos para o título do gadget*/
Font-family: Verdana;
color: #000;
font-size: 14px;
}

Está facinho de mudar né?
Dai tem mais umas coisas se quiser mudar...
Antes de fechar a tag logo depois da linha: font-size: 14px;
Você deve colar um desses códigos:
box-shadow: inset 0 0 15px #ccc, 0 0 3px #aaa;-Se quiser uma sombrinha hihi!

border-radius:10px;-Para arredondar

background: url(URL DO BG AQUI) repeat;-Cole esse código para colocar background diferente as coisas são simples bem mais bem simples é só você coloca-lo no lugar de background:#fff

border: solid 1px #000;-Se quiser por bordinhas

Pronto espero que tenham aproveitado KISSUS!
Votem nas enquetes se inscrevam para posts e outra coisa espero que vocês participem da futura gincana do blog!




Um comentário:

  1. Adorei esse tuto ! Flor , há um tempo , vc me encomendou um layout , me desculpe pela falta de retorno , mas estou numa correria , e não poderei fazer o layout .
    Beijos , Dinti
    maniadegarotas2s2.blogspot.com

    ResponderExcluir

Regras:
-Não aceitamos comentários Anônimos
-Sem estou seguindo segue de volta
-Não ofenda nenhuma pessoa
-Coloque a URL do seu blog ou semelhante ao final do comentário
-Sem SPAM
-Não serão aceitos comentários com excesso de caps lock (fixa)