10 January 2013

Cara buat kotak comey (part 2)

Arini nak terang mcm mana nak tukar mengikut citarasa sendiri ea..Big cheesy grin (hehe)

ni kod aritu:-
.post blockquote { background-image:url(Image URL anda); -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; padding: 6px; Border: 2px Solid #FA58D0; margin:1em 20px;-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;border-radius: 25px 10px / 10px 25px;
dan ini maksud kod2 tu:-

Warna Merah = Link URL background image yg dipilih
Warna Biru = Ketebalan garisan luar kotak
Warna Oren = Kod html warna garisan
Warna Hijau = Jenis garisan
Warna Pink = Bentuk kotak
Ni cara untuk tukar ea...(kod yg tidak berwarna tidak perlu diusik ea)...

1. Warna Merah (url image)
    --> ni link website tuk pilih URL image yg kiut miut (boleh pilih background yg menjadi pilihan hati ea)
Klik sini
   --> lepas dh pilih sila copy URL image tersebut.
   --> cara copy image URL:-
         (right klik pada image>klik 'copy image URL')
   --> pastekan dekat kod yg telah diwarnakan merah
   --> siap 1..Clappy

2. Warna Biru (tebal garis kotak)
   --> ketebalan garis boleh tukar mengikut citarasa masing2
   --> tulis 0 kalo xnk ada garis 
   --> tulis nombor (1,2,3,....) untuk tebal garis (lg besar nombor lg tebal la garis tu)
   --> siap 2...Clappy

3. Warna Oren (kod Html warna garisan)
   --> ni link website tuk kod warna html (boleh pilih warna mana berkenan ea)

HTML Color Codes
Klik sini
   --> cara untuk copy kod HTML:-
        (klik pada kotak warna>copy kod yg diberikan)
copy kod ni
   --> pastekan dkat kod yg diwarnakan oren
   --> siap 3...Clappy

4. Warna Hijau (jenis garisan)
   --> ni jenis2 garisan untuk kotak (boleh pilih n taip kt tempat yg dh warnakan hijau tu)

   --> siap 4...Clappy

5. Warna Pink (bentuk kotak)
   --> cara nak tukar border shape bleh rujuk blog ni ea:

Klik sini

Klik sini
   --> copy kod bentuk yg nak buat tu n pastekan kt tempat yg diwarnakan pink tu
   --> kalo nak empat segi tepat je (xnk tukar bentuk pape dh), delete sume kod warna pink tu
   --> Siap 5...Clappy

Phew
Phew...panjangnya (penat taip hehe)

p/s: jgn lupe komen ea 

~Love Story~

No comments:

Post a Comment