Monday, July 2, 2012
tutorial styling sidebar
Posted at 8:35 PM
0 comment(s)
1.dashboard > design > edit HTML
2.tekan CTRL F and cari code .sidebar h2 @ .sidebar {
3.and copy code di bawah yang mana2 korang suka...and paste di bawah code yang korang cari tadi
style 1
border: 2px solid#333333;background-colour: #FAAFBEborder-bottom-right-radius: 25px;border-top-right-radius: 25px;border-top-left-radius: 25px;border-left: 2px solid #333333;
style 2
border-bottom: 2px dashed #58FAAC;background: url(URL IMAGE);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 IMAGE);margin: 1.6em 0 .5em;padding: 4px 5px;background-color: $sidebarTitleBgColor;font-size: 100%;color: $sidebarTitleTextColor;
style 4
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 5
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;}