Panda Boy Story Panda Boy: Buat Code Box

13 May 2012

Buat Code Box





hi korang....
ari nie aku nak tunjukkan cara nak buat kotak untuk kod HTML
senang jer....ikut step kat bawah...

Log in---> New Post

korang buat lah post untuk kod tu macam tuto ke...
pastu copy kod yang akan di beri nanti ...

then...tekan Edit HML




pastekan kod yang dicopy tadi




hasil nyer...macam ni lah

korang nak letak ayat lain pun x pe kalau x nak letak kod
nak kod????
nie dia.....


<textarea onfocus="this.select()" onmouseover="this.focus();" style="border-bottom: 2px dashed; border-left: 2px dashed; border-right:2px dashed; border-top: 2px dashed; color: #999999; height: 50px; overflow: auto; overflow: hidden; width: 200px;">ayat/kod korang</textarea></div>

<div style="text-align: center;">
<textarea onfocus="this.select()" onmouseover="this.focus();" style="border-bottom: 2px dotted; border-left: 2px dotted; borderright:2px dotted; border-top: 2px dotted; 

color: #999999;height:50px; overflow: hidden; width: 200px;">ayat/kod korang</textarea></div>


<textarea onfocus="this.select()" onmouseover="this.focus();" 
style="background-image: url(http://dl10.glitter-graphics.net/pub/575/575270ehu3guptig.gif);
border-bottom: #f3a5c9 1px solid; borderleft:#f3a5c9 1pxsolid;
border-right:#f3a5c9 1px solid;border-top: #f3a5c9 1px solid;

color: #999999; height: 50px; overflow: hidden;

width: 200px;">ayat/kod korang</textarea>

<textarea style="border-bottom: #ccc 1px solid; 
border-left: #ccc 1px solid; border-right: #ccc 1px solid;
border-top: #ccc 1px solid; color: #555555;

font-size: 11px; height: 50px; padding-bottom: 10px; 

padding-left: 10px; padding-right: 10px;
padding-top: 10px; width: 200px;
">ayat/kod korang</textarea></div>

<textarea onfocus="this.select()" onmouseover="this.focus();" 
style="border-bottom: #999999 5px inset; border-left: #999999 5px inset; 
border-right: #999999 5px inset; border-top: #999999 5px inset; 

color: #999999; height: 48px; overflow: hidden;
width: 195px;">ayat/kod korang</textarea>

<textarea onfocus="this.select()" onmouseover="this.focus();"
style="border-bottom: 5px double; border-left:  5 px double; 
border-right:  5 px double; border-top:  5 px double;color: #999999;

height: 50px; overflow:hidden; width: 200px;

">ayat/kod korang</textarea>


warna hijau--->ketebalan border
warna merah --->warna border
warna biru--->tukar semua.....panjang,lebar,saiz font,warna,URL...korang tukar lah yer sendiri....


kod warna ada kat >> sini <<


URl gambar korang boleh cari kat google atau kat >> sini <<



Amacam aku punya citer??Bez x??Kalau bez sila lah Like dan Comment

0 AsaRi Chan:

Post a Comment

Related Posts Plugin for WordPress, Blogger...