quarta-feira, 28 de novembro de 2012

Tutorial-Como deixar a barra lateral igual a do blog?

 
Recebi há alguns segundos (kkkkk) o pedido de uma leitora de como deixar a barra lateral igual a do blog,é um tutorial super fácil que não usa nem HTML...Bora aprender?

 O único segredo é ir em um Gadget de HTML/JavaScript e colar o código abaixo editando as cores como quiser!

<style>
/**PERSONALIZAÇÃO DA SIDEBAR BY CANDYLLAND**/
.sidebar .widget {
width:100% !important;
background:#fff;  /** COR DO FUNDO DO GADGET **/
margin:10px 0 !important;
border-top:10px #000000 solid;  /** COR DA BORDA DE CIMA **/;
border-radius:0 0 10px 10px;
padding:10px;
box-shadow: inset 0 0 20px #eee, 0 0 3px #ccc; /** SOMBREAMENTO **/
overflow:hidden
}


.sidebar .widget h2 {

background:#FFFAFA/** COR DO FUNDO DO TITULO **/;
color:#00BFFF /** COR DO TITULO **/;
font-size:17px /** TAMANHO DO TITULO **/;
text-shadow:0 1px #ddd /** SOMBRA DO TITULO **/;
margin-top:-10px /** MARGIN **/;
margin-left:-9px /** MARGIN **/;
margin-bottom:10px /** MARGIN **/;
padding:5px;
width:107%;
overflow:hidden
}
/** FIM DA SIDEBAR BY [www.candylland.net]**/
</style>



7 comentários:

  1. Respostas
    1. Não precisa agradecer,eu vou tentar aprender a por caixinha de código mas como não sei fiz assim mesmo ok?

      Excluir
  2. Respostas
    1. Obrigada estou muito feliz com o seu comentário o primeiro me elogiando kkkk!

      Excluir
  3. Nossa flor que estranho,tem certeza que fez tudo certinho?Foi lá no Layout criou um Gadget HTML/JavaScript e colou o código?

    ResponderExcluir