Páginas

domingo, 15 de setembro de 2013 | | | |




o, nem consegui sair da cama. Como resultado, boa parte do que eu tinha que fazer hoje teve que ficar pra outro dia, mas por enquanto ainda estou aproveitando meus presentes e comendo as trufas que compramos ontem. Estou feliz  e por estar feliz, fiz uma coisinha bem legal pra vocês, um modelinho para sidebar. Ele é bem simples, parecido com um que já postei aqui, e facilmente adaptável a qualquer blog, bastando mudar as cores. Espero que gostem!
O modelo pronto, vocês veem aqui {}, no gadget Modelo de Side 1.

Para utilizar este modelo, cole o código a seguir logo acima de ]]></b:skin>:

h2 {
text-align: center;
font-family: Sorts Mill Goudy;
font-size: 18px;
font-weight: normal;
color: #fff; /* cor da fonte */
text-shadow: 1px 1px 0px #d77a78; /* sombra da fonte */
background: #f2acaa; /* cor de fundo do título do gadget */
line-height: 5px;
padding-top: 15px;
}
.sidebar .widget {
background: #faeae9; /* cor de fundo do gadget */
border: 1px solid #f2acaa; /* cor da borda do gadget */
outline-offset: -5px;
outline: 1px solid #f2acaa; /* cor da borda interna do gadget */
-webkit-box-shadow: 2px 2px 0px rgba(0,0,0, 0.1);
-moz-box-shadow: 2px 2px 0px rgba(0,0,0, 0.1);
-ms-box-shadow: 2px 2px 0px rgba(0,0,0, 0.1);
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
}
.sidebar .widget:hover {
outline-offset: -1px;
}

Nenhum comentário:

Postar um comentário