Friday, June 24, 2011

Tutorial | Entri dalam Box ??

Assalamualaikum dan salam Jumaat =)

atas permintaan miss librarian, aku buat entri ni khas untuk dia. First time aku buat entri toturial *eh, ye ke?? tak ingat X.X*

Berikut contoh border yang aku jumpa =>


1. <p style="border:4px solid green;">SILA ISIKAN TEMPAT KOSONG</p>
2. <p style="border:4px dotted green;">SILA ISIKAN TEMPAT KOSONG.</p>
3. <p style="border:4px dashed green;">SILA ISIKAN TEMPAT KOSONG</p>
4. <p style="border:4px double green;">SILA ISIKAN TEMPAT KOSONG</p>
5. <p style="border:4px groove green;">SILA ISIKAN TEMPAT KOSONG</p>
6. <p style="border:4px ridge green;">SILA ISIKAN TEMPAT KOSONG.</p>
7. <p style="border:4px inset green;">SILA ISIKAN TEMPAT KOSONG</p>
8. <p style="border:4px outset green;">SILA ISIKAN TEMPAT KOSONG.</p>
9. <p style="border:4px hidden green;">SILA ISIKAN TEMPAT KOSONG</p>



1.
SILA ISIKAN TEMPAT KOSONG

2.
SILA ISIKAN TEMPAT KOSONG

3.
SILA ISIKAN TEMPAT KOSONG

4.
SILA ISIKAN TEMPAT KOSONG

5.
SILA ISIKAN TEMPAT KOSONG.

6.
TSILA ISIKAN TEMPAT KOSONG

7.
SILA ISIKAN TEMPAT KOSONG

8.
SILA ISIKAN TEMPAT KOSONG'.

9.
SILA ISIKAN TEMPAT KOSONG.

*no.9 memang takde border. Border tu main hide and seek. hehehe


Seterusnya, nak border kotak tu berwarna selain hijau?? boleh. sesaja letak warna hijau sebab suka warna hijau.. =)

contohnya;

<p style="border:4px solid green;">ISIKAN TEMPAT KOSONG.</p>


tukarkan green kepada blue ka, pink ka, black ka.. hasilnya...

ISIKAN TEMPAT KOSONG.
*kotak dekat atas ni aku gunakan kod di bawah ni*
<p style="border:4px solid #ff00ff;">ISIKAN TEMPAT KOSONG.</p>




Antara contoh-contoh kod/nama warna2 yang korang boleh cuba ada dekat box bawah ni ye. 
Selamat mencuba =)




oh ya, ada lagi tinggal, macamnana nak buat dalam kotak tu berwarna??


<p style="background-color: silver; border:4px solid #ff00ff;">ISIKAN TEMPAT KOSONG.</p>

Tambahkan tulisan yang berwarna merah tu, lepas tu tukar silver tu kepada warna yang korang suka ^___^

hasilnya =>
ISIKAN TEMPAT KOSONG.





nota coklet: sharing is caring. Jangan lupa menunaikan solat Jumaat terutamanya para lelaki.. :hoh






10 insan doakan kebahagiaanku:

Aku said...

x phm la ??

Khumaera Ismail aka Mariam Ismail said...

aaaaaa~!!!! suke-suke- mekasih!!!!! cayang muah-muah... =)

syuwai said...

@ Nur

cuba try buat. Baca berkali-kali. kalau mata tu lirik2 je tgk entri ni memanglah tak faham kot.. XD

syuwai said...

@ Khumaera

sama2 =)

mimi nurfarahin said...

follow you sis :)

btw,nice tuto..

Hans Hanis said...

wah
bagus2
:-)

syuwai said...

@ miyamoy

thanks ;)

fllw u back

syuwai said...

@ Hans

bagus ke??

ehehehe ^___^

www.myobw.com said...

tutorial yang menarik 'sungguh ringkas!' terima kasih sudi berkongsi..


blog syuwai tersenarai dalam list terjah bersama myobw...

Unknown said...

gud tutorial....

 

Copyright © 2011 Reserved to Bukan Cerita Tentang Coklat Design with love by CikBulat