06 julho 2013

Barra de Roalgem Personalizada

  Como prometido no mês de aniversario do nosso blog, a partir de agora, além de compartilhar e falar sobre bandas, iremos também ensinar  alguns Goodies para vocês que acompanha e gostaram do nove design do nosso blog, é importante deixar claro que todo o design de blog foi feito por mim, eu não sei mexer em HTLM e nunca fiz curso de Design Gráfico, tudo que eu aprendi e que sei que não é muito foi vasculhando e pesquisando na internet. Faço questão de deixar isso claro porque significa que você também consegue chegar ao Design legal para o seu blog, fazendo tudo sozinho.

 Então vamos começar!!!



1. No seu painel, vá em "Design", em seguida clique em "Editar HTML".
2. No seu teclado segure a tecla "Ctrl" e aperte na letra "F". (simultaneamente)
3. Cole o código que darei acima deste:  ]]></b:skin>


Codigo*

{
scrollbar-face-color:#000000;
scrollbar-highlight-color:#000000;
scrollbar-3dlight-color:#dddbdd;
scrollbar-darkshadow-color:#000000;
scrollbar-shadow-color:#000000;
scrollbar-arrow-color:#dddbdd;
scrollbar-track-color:#000000;
}

::-webkit-scrollbar {width: 12px; height: 4px; background: #dddbdd; }
::-webkit-scrollbar-thumb { background: #000000;


 4. Clique em "Salvar Modelo" e veja como ficou.

Dica*
  O código das cores usado (Preto#000000 e Cinza#dddbdd), foi desenvolvido especialmente para o nosso Rock in Evidence. Personalize  seu blog de acordo com as cores dele, se você tem alguma dificuldade em saber os códigos das cores exatas que você usa, é só você ir na Tabela de Cores e você irá encontrar a que você usa, ou encontrar outras.
  Então é só substituir os códigos das cores (apenas as cores)