ie css hack

nge-hack tampilan CSS untuk Internet Explorer (khususnya IE 6 kebawah). Caranya adalah dengan menambahkan tanda underscore pada awal atribut css yang diinginkan khusus untuk IE. Contohnya:

p {
color: #123456; /* firefox dan advance browser bakal pake ini, IE juga */
_color: #654321; /* atribut color diatas bakal ter-override kalo pake IE*/
}

sumber :http://www.codepost.org/browse/snippets/63

free css dropdown menu framework

Features

• Modular, with themes. Not only HTML is separated from CSS, but even CSS definitions are categorized into structural and thematic types. Thus creating a new drop-down means creating only a new theme since structure is permanent. What is more, creating a new theme is easy with available templates and takes 10-15 mins.
• Easily deployable. The code and files are well organized. Available channels to hook up to your CMS or other tools as well as existing websites in XHTML format.
• Easily transformable. Can be transformed by changing class name only. Available transformations: horizontal, vertical left-to-right, vertical right-to-left, horizontal linear, horizontal upwards.
• Cross browser. Configurations available for Windows Internet Explorer 5 or later, Mozilla Firefox 1.5 or later, Opera 7 or later, Apple Safari 2 or later.
• JavaScript only for IE. Minimal JavaScript code only for IE 6 or earlier. Can be used with popular JavaScript libraries Jquery or Scriptaculous. Everything else is pure CSS.
• Super Fast. Having the above mentioned features it is not affected by any disturbances whatsoever.
• Continuous development. The project is constantly revised and improved.

download

Perangkat lunak ini berlisensi di bawah Lisensi Publik Umum GNU.

sumber:lwis.net

Pengenalan dan Pengertian HTML

Sebelum kita melangkah lebih jauh ada baiknya Anda tahu apa itu HTML.

HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).

Versi terakhir dari HTML adalah HTML 4.01, meskipun saat ini telah berkembang XHTML yang merupakan pengembangan dari HTML.

contoh drop up menu pake css

nie tag css nya

body{
background:url(images/bg.gif) repeat-x;
color:#7F7F7F;
font-family:Verdana, Arial, Helvetica,'sans-serif';
font-size:11px;
margin-top:20px;
}
a{
color:#7F7F7F;
}
a:link{
color:#7F7F7F;
}
a:active{
color:#7F7F7F;
}
a:hover{
color:#8e4c34;
}
ul {list-style-type:none; margin:0; padding:0;}
li {margin: 0;}

Beautifull Form dr.emi with CSS

Bijimane bikin form nyang
kaga mbosenin ????

nah kali ni kite bakalan bikin
form make css style.. cantik dah pokokna

Style na
si ke gini ajah:

<style type=”text/css”>
<!–
body,td,th {
font-family: Trebuchet
MS;
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;
}
/* BOX
DESIGN 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 0
repeat-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 label
span{
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 dah
form na, nysuaiin ama style css diatas:

<div id=”OrangeWhiteBox”>

<div id=”formM”>
<h1>Komentar gw bwat eloh ! (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>
<div
class=”spacer”><input type=”submit” name=”Submit”
value=”Kirim” class=”buttonM”/>
</label>
</div>

</form>
</div>

</div>
<p
class=”spacerA”>&nbsp;</p>
<div id=”GreyWhite”><a
href=”http://dremi.info/forum” target=”_blank”>Falling in love
to dr.emi ? Just Click Here
!</a></div>

Cepet
banged !!!! ??? iye mang cpet bikin na, palagi kalo make dreamweaver,
kaga usah ribet ….

ni preview na kalo udah
jadi…

Mao coba
html na ? klik na disini …

Nyang
mao nDownload disinih
…

Sumbangkan sedikit ilmu lu, bwat
kebaikan… kami tunggu di http://dremi.info/forum

Woke
! Met malem mingguan yak thanks
!

 

Sumber dari situs Ilmu Website dalam kategori html dengan judul Beautifull Form dr.emi with CSS