Untuk membuat sidebar atau pun kotak posting terlihat dalam bentuk kotak-kotak terpisah seperti yang tampak pada screenshot di bawah ini :
untuk lebih jelasnya klik aja di sini
kalau yang di bawah ini adalah catatan ane saja
cara membuar garis kotak di sidebar, widget, dan main widget
========================================
.sidebar .widget, .main .widget {
Border:3.5px solid $bordercolor;
margin:0 0 1.5em;
padding: 5px; }
=========================================
cara membuar garis kotak di sidebar, widget saja
=========================================
/* Sidebar Content
----------------------------------------------- */
.sidebar {
border:1px solid $bordercolor; padding:10px;/*10*/color: $sidebartextcolor;
line-height: 1.5em;
}
==========================================
cara membuat garis kotak di main widget (tempat posting)
==========================================
.post {
margin:.5em 0 1.5em;
border:1px solid $bordercolor;
padding:0 10px;/*jarak antara text dengan garis pinggir*/
padding-bottom:1.5em;
}
==========================================
Border : disesuaikan ketebalannya
Untuk kotak sidebar agar membentuk garis melengkung pada sudutnya sobat bisa tambahkan kode sehingga menjadi seperti berikut ini :
==========================================
.sidebar .widget {
background:#FFFFFF;
border:1px solid #CCCCCC;
margin:0 0 1.5em;
padding:15px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
}
==========================================
Sumber di sini
