Minggu, 12 April 2009
MENTAL BELAJAR SISWA

Bijimane bikin form nyangkaga mbosenin ????
nah kali ni kite bakalan bikinform make css style.. cantik dah pokokna :D
Style nasi ke gini ajah:
<style type="text/css">
<!--
body,td,th {
font-family: TrebuchetMS;
font-size: 11px;
color: #333333;
}
body {
background-color: #FFFFFF;
margin-left: 20px;
margin-top: 20px;
margin-right:0px;
margin-bottom: 0px;
}
a:link{
color: #0099FF;
text-decoration:underline;
}
a:visited {
text-decoration:underline;
color: #0099FF;
}
a:hover{
text-decoration: none;
color: #009900;
}
a:active {
text-decoration: underline;
color: #0099FF;
}
#OrangeWhiteBox {
background-color:#FFFBF2;
padding: 5px;
margin-bottom:5px;
border:2px solid #FFE9D2;
width:550px;
}
#GreyWhite {
background-color: #FBFBFB;
padding: 5px;
margin-bottom:5px;
border:2px solid #F4F4F4;
width:550px;
text-align:center;
}
/* BOXDESIGN BY dr.emi */
#formM {margin:0px;padding-left:20px;padding-bottom:20px;}
#formM h1{ padding-left:72px;padding-top:10px;font-size:18px;padding-bottom:10px; color:#990000; }
#formM p{ padding-left:72px;padding-top:10px;font-size:11px;padding-bottom:10px; }
#formM.inputM{
border:1px solid #C0C0C0;
color:#666666;
background:url(beautifull-form.gif) 0 0repeat-x; /*support IE, FF*/
height:26px;
font-size:16px;
}
#formM .textareaM{
border:1px solid #C0C0C0;
color:#666666;
font-size:16px;
}
#formM label{
display:block;
margin-bottom:10px;
color:#666666;
}
#formM labelspan{
display:block;
float:left;
padding-right:6px;
width:70px;
text-align:right;
font-weight:bold;
font-size:16px;
}
#formM .spacer{margin-left:80px;
margin-bottom:10px;
font-size:11px;
color:#555555;
}
#formM .buttonM{
background:url(coklat.gif) 0 0 no-repeat;
border:1px solid#3b6e22;
height:26px; width:100px;
color:#FFFFFF;
font-size:14px;
text-decoration:none;
font-weight:bold;
}
.spacerA { clear:both; height:20px; margin:0px; padding:0px;}
-->
</style>
Nah lu bikin dahform na, nysuaiin ama style css diatas:
<div id="OrangeWhiteBox">
<div id="formM">
<h1>Komentar gw bwat eloh ! :P (bahasa abg mumet)</h1>
<form id="form1" name="form1"method="post" action="">
<label><span>Nama</span>
<input name="name2" type="text"class="inputM" id="name2" value="dr.emi" size="20" />
</label>
<label><span>E-Mail</span>
<input name="name" type="text"class="inputM" id="name" value="lia@cintaku.com" size="20"/>
</label>
<label><span>No. HP</span>
<input name="name" type="text"class="inputM" id="name" value="081300004000" size="20"/>
</label>
<label><span>Website</span>
<input name="name" type="text" class="inputM" id="name"value="http://" size="41"/>
(* kosong ? yo ra popo</label>
<label><span>Komentar</span>
<textarea cols="38" rows="5" class="textareaM">sumpeh deh! gueh naksir ama eloh ! mau jadi gebetan gue kagak?</textarea>
</label>
<label>
<divclass="spacer"><input type="submit" name="Submit"value="Kirim" class="buttonM"/>
</label>
</div>
</form>
</div>
</div>
<pclass="spacerA"> </p>
<div id="GreyWhite"><ahref="http://dremi.info/forum" target="_blank">Falling in loveto dr.emi ? Just Click Here!</a></div>
Cepetbanged !!!! ??? iye mang cpet bikin na, palagi kalo make dreamweaver,kaga usah ribet ....
ni preview na kalo udahjadi...
Mao cobahtml na ? klik na disini ...
Nyangmao nDownload disinih...
Sumbangkan sedikit ilmu lu, bwatkebaikan... kami tunggu di http://dremi.info/forum
Woke! Met malem mingguan yak :D thanks!
Sumber dari situs ilmu/'>http://www.ilmuwebsite.com">Ilmu Website dalam kategori html dengan judul Beautifull'>http://www.ilmuwebsite.com/detil_html/18/Beautifull_Form_dr.emi_with_CSS/">Beautifull Form dr.emi with CSS