Sado

Tutorial : Jenis-jenis Border Part II.

Saturday, 13 October 2012 @ 2:33 pm | Leave a comment?

Hello :) Hee, hari ni yuni nk tunjuk kt awak semua pasal jenis-jenis border Part II pulak . Ok, border kali ni pulak, lebih tepat lagi, border-2 ni akan mencantikkan lagi awak semua punya sidebar, post title & blackquote . OK, let's see ..

-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;

Kalau nak guna border-2 ni semua utk sidebar, post title, blackquote, ikut je step kat bawah ni :

Untuk Sidebar

1- Dashboard > Design > Edit HTML > Tick Expand Widget Template

2- Tekan ctrl+f (untuk search code lebih cepat) . Search code kat bawah ni :

h2 {

Dah jumpa ? OK, good . Then, copy code bentuk sidebar tuh, paste kan di bahagian code h2 { tadi . Contoh :

h2 {"code""code""code""code"-moz-border-radius: 1em 4em 1em 4em;border-radius: 1em 4em 1em 4em;}

Untuk Post Title

1- Tekan ctrl+f untuk search code lebih cepat . Search code di bawah,

h3.post-title, .comments h4 {

2- Pastu, copy code sidebar tuh, paste kan kt bahagian h3.post-title, .comments h4 { tadi . Macam ni,

h3.post-title, .comments h4 {"code""code""code""code"-moz-border-radius: 1em 4em 1em 4em;border-radius: 1em 4em 1em 4em;}

Untuk blackqoute

1- Ok, tekan ctrl+f jugak . Then cari code ni :

.post blockquote {

2- Copy code sidebar, paste kan kat bahagian .post blockquote { tu .

Contoh macam ni :

.post blockquote {"code""code""code""code"-moz-border-radius: 1em 4em 1em 4em;border-radius: 1em 4em 1em 4em;}

K, Goodluck my dear :)

about

Notes