tutorial - border at sidebar tittle


1. Dashboard - Design - Edit HTML - Tick Expand Widget Templates.
2. Tekan CTRL+F/F3, search for this code :

SIMPLE TEMPLATE and other : h2 {
DENIM TEMPLATE : .sidebar h2 {
MINIMA TEMPLATE : h2 {

#Kalau bawah code tu ada code yang sama atau lebih kurang sama macam kat bawah ni, TOLONG DELETE.

FOR SIMPLE TEMPLATE.



FOR DENIM TEMPLATE.

3. Now, choose anyone code that you want. Paste code tersebut kat BAWAH code simple or denim or minima template.
4. Preview dulu, baru SAVE. Alhamdulillah (: .

JENIS SIMPLE

text-align:center;
-moz-border-radius: 35px;border-radius: 35px;
text-shadow: 3px 3px 3px #FFFFFF;
border: 2px solid #000000;
background : #FFFFFF; font-size:14px;
padding: 5px;
margin: 10px
}
Warna-warna: 

bold : Can change into center / right / left.
biru : Type border yang korang nak . Boleh klik SINI kalau nak tukar. Just copy the code dan gantikan dengan code kat atas tu.
merah : Warna shadow tulisan. Boleh buang kalau taknak.
hijau : Ketebalan border tu.
biru cair : Also available dotted / dashed. Choose one only.
unggu : Warna border tu.
pink : Warna background yang korang suka.
oren : Saiz border tu, kalau makin besar number, makin besar border korang.
kelabu : Size font.

*CODE WARNA BOLEH CARI KAT SINI.

JENIS DOUBLE-COLOUR


text-align:center;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-top-right-radius: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom: 5px solid #000000;
background : #D8D8D8; font-size:14px;
padding: 2px;
margin: 5px}
Warna-warna:

bold : Can change into center / right / left.
hijau : Ketebalan border bawah tu, boleh ditukar la dei ;)
biru cair : Just choose one. Available : solid / dotted / dashed.
unggu : Warna border bawah tu.
pink : Warna background.
kelabu : Saiz border tu, kalau makin besar number, makin besar border korang.

JENIS BERBACKGROUND
text-align:center;
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;

text-shadow: 3px 3px 3px #FFFFFF;
border: 2px solid #000000;
background : url(URL BACKGROUND); font-size:14px;
padding: 1px;
margin: 10px
}
Sama macam arahan kat atas sekali. Korang just perlu masukkan URL BACKGROUND tu je :)
Credit to amal. Thanks you :)

THANKS FOR READING THIS :) LIKE IF YOU LIKE ♥

2 ♥:

Cik Chaotic said...

nice tutorial follow me back if u dont mind http://fazira-chaoticgirlblog.blogspot.com/