Saturday 10 December 2011

Tuto #8 : Round edges di bahagian atas title di sidebar


Cara membuat round edges di bahagian atas title di sidebar

Hye ! ni tutor macam mana nak buat round edge di title sidebar. round edges ? apa tu ? round edges ni lengkungan. nak tau rupa dia try lah tutor ni :)

*tapi korang buat tutor ni dulu ya tekan tekan
1. pergi ke dashboard - design - edit html
2. tick pada expands widget templates
3. search code ni -

h2 {

4. kat bawah code 4 ada code ni kan -

    border:0px dashed #FFFFFF; 
    text-align: center;
    margin:.5em 0 .5em;
    padding:0 0 4px;
    font-size:140%;
    font-weight:normal;
    line-height:1.2em;
    background:url(URL BACKGROUND);
    color:$titlecolor;
    }

5. untuk buat round edges di bahagian atas title di sidebar, tambah kod ni di antara background:url(URL BACKGROUND); dan color:$titlecolor; -

-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;
oren : ikut size yang korang nak okay 

6. preview dan save

kalau ikut betul-2 tutor ni InsyaAllah menjadi. so, ikut betul-2 tau :)

semoga berjaya dan selamat mencuba :)



anak tenggiling tidur mati, komen/like-lah kalau baik hati :)

0 comments:

 
copyright@Si.y Arts 2010