"Antes, preciso que realizem um passo para preparação. Os códigos vão ser aplicados em .sidebar .widget e .sidebar h2, então você precisaapagar tudo que refere-se a isto e só depois aplicar os códigos." Como assim? Procure por estes dois códigos e apague, no lugar deles coloque o código referente ao modelo que escolheu. Se ainda não entendeu, me procure pela ask que eu irei explicar calmamente até você entender.
.sidebar .widget {
width:100% !important;
background:#fff;
border-bottom:5px #faafd0 solid;
margin:15px 0 !important;
border-radius:0 0 0 0;
padding:10px;
box-shadow: inset 0 0 16px #eee, 0 0 5px #ccc;
overflow:hidden
}
.sidebar h2 {
font-family: Verdana;
font-size: 18px;
color: #fff;
background: url(http://i1234.photobucket.com/albums/ff411/SweetLG/84-1.png) no-repeat center;
height: 25px;
width: 300px;
text-align: center;
margin-top:-5px ;
margin-left:-9px ;
margin-bottom:10px;
padding:5px;
width:112%;
}
.sidebar .widget {
width:100% !important;
background:#fff;
border-bottom:10px #ffc0cb solid;
margin:15px 0 !important;
border-radius:0 0 0 0;
padding:10px;
box-shadow: inset 0 0 16px #eee, 0 0 5px #ccc;
overflow:hidden
}
.sidebar h2 {
font-family: Verdana;
font-size: 18px;
color: #fff;
background: url(http://i1234.photobucket.com/albums/ff411/SweetLG/86.png) no-repeat center;
height: 35px;
width: 200px;
text-align: center;
text-shadow: 1px 2px 3px #dd8b99;
margin-top:-12px ;
margin-left:-25px ;
margin-bottom:12px;
padding:6px;
width:115%;
}
Modelo I
.sidebar .widget {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
padding-bottom: 12px;
margin: 0px 0;
Background: #ffffff;
margin-top:41px;
padding:11px;
box-shadow: 1px 2px 3px 1px #e1dddd;
}
.sidebar h2 {
text-align:center;
background-color: #ee91af;
-moz-box-shadow: inset 0 0 10px #d85882;
-webkit-box-shadow: inset 0 0 10px #d85882;
box-shadow: inset 0 0 10px #d85882;
padding:2px;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
display:inline;
float:right;
margin-top:-38px;
}
Modelo II
.sidebar .widget {
border-bottom: 5px solid #ff74b5;
border-top: 5px solid #1cc9a6;
padding-bottom: 20px;
margin: 10px 0;
background: #fff;
padding:12px;
box-shadow: inset 0 0 15px #ebe9e9, 0 0 3px #ccc;
}
.sidebar .widget h2 {
background:#ffcddd;
color:#fff;
font-size:16px;
text-shadow:0 1px #ddd ;
margin-top:-12px;
margin-left:-13px;
margin-bottom:10px ;
padding:5px;
width:107%;
}
Nenhum comentário:
Postar um comentário