Olá pessoal!!! Estou meio enrolada aqui com o blog, pois tenho muitos trabalhos da escola e acabo não tendo muito tempo para postar aqui, mas vou continuar e tentar ao máximo postar com mais frequência aqui. Hoje trouxe pra vocês dois modelos para sidebar que eu mesma fiz (e como sempre apenas dois modelos) e foi pedido na ask.
Para colocar o modelo escolhido deixe a sidebar transparente e depois vá na caixa de HTML e procure por:
.sidebar .widget {
E cole no lugar dessa tag até } cole o código do modelo escolhido.
Modelo 1
.sidebar .widget {
background: #fff;
padding-bottom: 10px;
margin: 10px 0;
}
.sidebar h2 {
padding: 3px;
font-family: PF Arma Five; /*Tipo de fonte*/
font-size: 8px; /*Tamanho da fonte*/
font-weight: normal;
color: #fff; /*Cor da fonte*/
background: #f9cee1; /*Cor de fundo*/
text-align: center; /*Alinhamento do texto*/
margin-bottom: 2px;
border: 1px solid #f49dc1;
box-shadow: inset 1px 1px 0px #fff;
}
Modelo 2
.png)
.sidebar .widget {
background: #fff;
padding: 5px;
margin: 10px 0;
}
.sidebar h2 {
padding: 3px;
font-family: PF Arma Five; /*Tipo de fonte*/
font-size: 8px; /*Tamanho da fonte*/
font-weight: normal;
color: #fff; /*Cor da fonte*/
background: #f9cee1; /*Cor de fundo*/
text-align: center; /*Alinhamento do texto*/
margin-bottom: 2px;
border: 1px solid #f49dc1;
box-shadow: inset 1px 1px 0px #fff;
}
.sidebar h2:hover {
padding-bottom: 8px;
padding-top: 8px;
margin:10px;
font-family: PF Arma Five;
font-size: 8px;
Color: #fff;
Background: #ffcccc;
border: 1px solid #ff7766;
border-radius: 10px;
box-shadow: inset 1px 1px 0px #fff;
}
Espero que tenham gostado!!!
