Khamis, 21 Jun 2012

.Tutorial - Bentuk bentuk border untuk sidebar, post dan blockquote

Siti Nurfariha | 3:19 PTG | 0Comments |

Step 1 :
Dashboard > design > edit html > tick expand widget template
Tekan Ctrl + F

Untuk 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

Tiada ulasan: