Styling Sidebar

Bismillahirrahmanirrahim. In The Name of Allah The Most Gracious and The Most Merciful. Salam to all readers.

Assalamualaikum . Dekat bawah ni antara jenis2 bentuk sidebar yang korang bole guna utk dijadikan post title & sidebar title. Copy je code dekat bawah ni.Credit to Tieqa

Style 1

border: 1px dashed #000000;

background: url(URL BACKGROUND);

border-bottom-right-radius: 10px;

border-top-right-radius: 10px;

border-left: 1px solid #999999;

margin: 1.6em 0 .5em;

padding: 4px 5px;

background-color: $sidebarTitleBgColor;

font-size: 100%;

color: $sidebarTitleTextColor;

}

Style 2 

border: 2px solid #FAAFBE;

background: url(URL BACKGROUND);

margin: 1.6em 0 .5em;

padding: 4px 5px;

background-color: $sidebarTitleBgColor;

font-size: 100%;

color: $sidebarTitleTextColor;

}

Style 3 

border-bottom: 2px solid #8A4B08;

border-top: 2px solid #8A4B08;

background: url(URL BACKGROUND);

margin: 1.6em 0 .5em;

padding: 4px 5px;

background-color: $sidebarTitleBgColor;

font-size: 100%;

color: $sidebarTitleTextColor;

}

Style 4 

border-bottom: 2px dashed #58FAAC;

background: url(URL BACKGROUND);

margin: 1.6em 0 .5em;

padding: 4px 5px;

background-color: $sidebarTitleBgColor;

font-size: 100%;

color: $sidebarTitleTextColor;

}

Style 5 

border: 2px solid #333333;

background-colour: #FAAFBE;

border-bottom-right-radius: 25px;

border-top-right-radius: 25px;

border-top-left-radius: 25px;

border-left: 2px solid #333333;

}

Merah : URL background
Hijau : warna background
Biru : warna border
Oren : solid / dotted / dashed