Pilih border yang korang suka
Step 1 :
Dashboard > design > edit html > tick expand widget template
Tekan Ctrl + F
Untuk kotak sidebar/ tajuk sidebar
cari : h2 {
ataupun .sidebar .widget{
ataupun .sidebar h2 {
Untuk tajuk post
h3.post-title {
Untuk blockquote
.post blockquote {
Step 2 :
Copy dan paste kan coding kat bawah ni, letak selepas coding yang korang search tadi
(A)
-moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 50px;
(B)
-moz-border-radius-bottomright: 50px 25px;
border-bottom-right-radius: 50px 25px;
(C)
-moz-border-radius-bottomright: 25px 50px;
border-bottom-right-radius: 25px 50px;
(D)
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
(E)
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
(F)
-moz-border-radius: 35px;
border-radius: 35px;
Selepas tu, tekan preview..Kalau ok tekan SAVE
Ini adalah contoh border yang kita gunakan untuk tajuk sidebar
.sidebar h2 {
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
text-align: center;
background:#FAAFBE;
margin:0;
padding:0 0.2em;
line-height:1.5em;
}
ataupun .sidebar h2 {
Untuk tajuk post
h3.post-title {
Untuk blockquote
.post blockquote {
Step 2 :
Copy dan paste kan coding kat bawah ni, letak selepas coding yang korang search tadi
(A)
-moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 50px;
(B)
-moz-border-radius-bottomright: 50px 25px;
border-bottom-right-radius: 50px 25px;
(C)
-moz-border-radius-bottomright: 25px 50px;
border-bottom-right-radius: 25px 50px;
(D)
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
(E)
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
(F)
-moz-border-radius: 35px;
border-radius: 35px;
Selepas tu, tekan preview..Kalau ok tekan SAVE
Ini adalah contoh border yang kita gunakan untuk tajuk sidebar
.sidebar h2 {
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
text-align: center;
background:#FAAFBE;
margin:0;
padding:0 0.2em;
line-height:1.5em;
}
Tiada ulasan:
Catat Ulasan