CSS Kodumuz
[syntax="css"]
<!-- Source: Dynamic Drive CSS Library -->
<!-- URL: http://www.dynamicdrive.com/style/ -->
<style type="text/css">
.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}
.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}
.toggleopacity img{
border: 1px solid #ccc;
}
.toggleborder:hover img{
border: 1px solid navy;
}
.toggleborder:hover{
color: red; /* Dummy definition to overcome IE bug */
}
</style>
[/syntax]
HTML Kodumuz
[syntax="html"]
<a class="toggleopacity" href="http://www.dynamicdrive.com">
<img border="0" src="media/button.gif" width="137" height="26" />
</a>
<a class="toggleborder" href="http://www.dynamicdrive.com/style/">
<img border="0" src="media/button2.gif" width="163" height="57" />
</a>
[/syntax]
Siz bu kodları kendinize göre uyarlayın.Örneğin HTML kod bölümünde src="media/button2.gif" yazıyor bunu kendinize göre ayarlayın.