Zitat: <style type="text/css">
<!--
td.nav:hover{background-image: url(http://img.webme.com/pic/d/designcodes/buttonblau2.png);background-color:#XXXXXX;width:
185px;height: 27px;border: 1px solid #969696;}
td.nav{background-image: url(http://img.webme.com/pic/d/designcodes/buttonblau1.png);background-color:#XXXXXX;width:
185px;height: 27px;border: 1px solid #969696;}
-->
</style>
das grüne ist der hoverbutton.
das braune ist der eigentliche button.
achte darauf, dass beide gleich gross sind. sonst springt die navi.
die 185 bleibt stehen und die 27 musst du dann anpassen. der border ist ein rahmen um den button. du kannst ihn farbig anpassen (das # bleibt dazu erhalten). zum ausschalten des borders, einfach auf 0 (null) stellen.
du musst natürlich dazu 2 bilder anfertigen, hochladen und im code die url ersetzen.
gruss gringo
______________
Mein Youtube Kanal |
Standard-Designs als Red Design ohne rechte Boxen |
Tips zum Design Professionell
