Pages

Wednesday 12 August 2015

Tutorial : Buat Border Pada Sidebar Widget




1) copy code bawah ni..

.sidebar .widget{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;border:4px solid #D41A1F; margin:0 -5px 1.5em -5px;padding:0px 7px 10px 7px}


2) pergi kat DASHBOARD > DESIGN>TEMPLATE DESIGNER >ADVANCED> ADD CSS ..
dan paste code yang korang copy atas ni kat situ.

*code warna merah tu korang boleh tukar ikut suka korang.. tengok SINI
* code warna hijau tu boleh tukar denagan yang bawah ni..


solid
double
groove
dotted
dashed
inset
outset
ridge
hidden


*warna biru ketebalan border korang.. lagi besar nombor.. lgi besar border korang..
*nak tukar bentuk border .. as follows:






-moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 50px;
}
-moz-border-radius-bottomright: 50px 25px;
border-bottom-right-radius: 50px 25px;
}

-moz-border-radius-bottomright: 25px 50px;
border-bottom-right-radius: 25px 50px;
}

-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
}

-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
}


-moz-border-radius: 35px;
border-radius: 35px;
}

Related Posts Plugin for WordPress, Blogger...