11 Mayıs 2013 Cumartesi

Sidebar için modeller

Sidebar için modeller ve kodlarını getirdim arkadaşlar. Beğeneceğinizi umuyorum...

Uyguladığınızda bunun gibi gözükecek:
Şimdi bunun için ilk /* Widgets kodunu bulun.Bu kodun hemen altına aşağıdakileri ekleyin:

.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%;
}
İşte bu kadar. Eğer sorununuz olursa bildirin...

Düzeltebileceğiniz yerler:
-Kırmızı URL ile belirtilen yere farklı bir resim ekleyerek kendinize özel yapabilirsiniz..

Hiç yorum yok:

Yorum Gönder

Rainbow