Sidebar BR

18 de set de 2013

Bom gente essa é personalização da sidebar que uso aqui no blog e como estava salva aqui no blog resolvi postar já que estou sem post nenhum preparado a não ser esse... mais os créditos estão no final do post....
Para usar aqui no blog eu só alterei as cores... creio(não me lembro) que o código está da cor da imagem que mostra o modelo....Ãzulzinho *-*

Para colocar a sidebar é só ir em....
Design  Adicionar um Gadget  HTML/JavaScript
Mini GifsCola o seguinte código:


<style>
/**SIDEBAR BAD REPUTATION**/
.sidebar .widget {
box-shadow: inset 0 0 10px #eee, 0 0 2px #dbdbdb;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
width:100% !important;
background:#fff;  /** COR DO FUNDO DO GADGET **/
margin:33px 0 !important;
padding:10px;
border-top:2px solid #ebebeb;
border-right: 2px solid #ebebeb; 
border-left: 2px solid #ffd6eb; 
border-bottom: 2px solid #ebebeb; 
}
.sidebar .widget h2 {
text-align: center;
box-shadow: inset 0 0 10px #eee, 0 0 2px #dbdbdb;
border-left:2px solid #ffd6eb;  /** COR DA BORDA DE CIMA **/;
border-top:2px solid #ebebeb;  /** COR DA BORDA DE CIMA **/;
border-right:2px solid #ebebeb;  /** COR DA BORDA DE CIMA **/;
background: #ebf9ff;  /** COR DO FUNDO DA ÁREA DO TITULO **/
text-shadow:0 1px #ccc/** SOMBRA DO TITULO **/;
color:#ff94c9/** COR DO TITULO **/;
font-size:15px /** TAMANHO DO TITULO **/;
margin-top:-35px /** MARGIN **/;
margin-left:-12px /** MARGIN **/;
margin-bottom:5px /** MARGIN **/;
padding:3px;
width:40%;
overflow:hidden
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topleft: 20px;
border-top-left-radius: 20px;}
.sidebar .widget:first-child {
  margin-top: 0;
}
/** FIM DA SIDEBAR BAD REPUTATION [bad-reputation-13.blogspot.com.br]**/
</style>

Fique a vontade para Modificar do jeito que preferir
Não esqueça:

Créditos:KJ

Bom gente por hoje vai ser só isso,amanhã volto :)
Bjinhus

1 comentários :

Fábio Chan ~ disse...

Adorei... Quem sabe eu uso no lay q to fazendo! descupa não estar postando, e que eu estou aprendendo umas coisinhas básicas html

Postar um comentário

Seu Comentários é sempre bem vindo!
Comente,opine,se expresse! Este espaço é seu!
Comentar faz parte,então por favor deixem comentários

-Todos os comentários são moderados e só ficarão disponíveis ao serem aprovados
-A área de comentários não é casa da mãe Joana,então tenha respeito.Não use palavrões,nem insultos,ofensas,agressões e baixarias;
-Não serão aceitos comentários Anônimos,comentários repetidos,e que tenham qualquer material publicitários ou de merchandising pessoal ou de benefício de terceiros
-Contatos pessoais devem ser feitos na pagina de contato.
-Não deixe links desnecessários os comentários

AVISOS:

--Blog não é Chat,respeitadas as regras ,é livre o debate dos assuntos aqui postados,Que o espaço de comentários não sirva para bate papo sobre assuntos de caráter pessoal ou estranhos ao blog
--A tentativa de clonar nomes e apelidos de outros usuários para emitir opiniões em nome de terceiros configura crime de falsidade ideológica.

Espero que tenham gostado do blog e que volte sempre!