KODBANKS ®

Css mavi dikey menü kodu

Anasayfa

LİNK ADI

İletişim

Ziyaretci defteri

Kod:

<table border="1" cellpadding="1" width="20%"> <tbody> <tr onMouseover="this.bgColor='#ff3333'" onmouseout="this.bgColor='#eeeeee'" bgcolor="#FFFFFF"> <td><img alt="" src="https://img.webme.com/pic/k/kodbanks/ok-kodbanks-ermn.gif" /> <a href="http://www.kodbanks.tr.gg/">Anasayfa</a></td> </tr> <tr onMouseover="this.bgColor='#fff000'" onmouseout="this.bgColor='#eeeeee'" bgcolor="#FFFFFF"> <td><img alt="" src="https://img.webme.com/pic/k/kodbanks/ok-kodbanks-ermn.gif" /> <a href="http://www.kodbanks.tr.gg/">LİNK ADI</a></td> </tr> <tr onMouseover="this.bgColor='#fff000'" onmouseout="this.bgColor='#eeeeee'" bgcolor="#FFFFFF"> <td><img alt="" src="https://img.webme.com/pic/k/kodbanks/ok-kodbanks-ermn.gif" /> <a href="http://www.kodbanks.tr.gg/">LİNK ADI</a></td> </tr> <tr onMouseover="this.bgColor='#fff000'" onmouseout="this.bgColor='#eeeeee'" bgcolor="#FFFFFF"> <td><img alt="" src="https://img.webme.com/pic/k/kodbanks/ok-kodbanks-ermn.gif" /> <a href="http://www.kodbanks.tr.gg/">LİNK ADI</a></td> </tr> <tr onMouseover="this.bgColor='#fff000'" onmouseout="this.bgColor='#eeeeee'" bgcolor="#FFFFFF"> <td><img alt="" src="https://img.webme.com/pic/k/kodbanks/ok-kodbanks-ermn.gif" /> <a href="http://www.kodbanks.tr.gg/">LİNK ADI</a></td> </tr> <tr onMouseover="this.bgColor='#fff000'" onmouseout="this.bgColor='#eeeeee'" bgcolor="#FFFFFF"> <td><img alt="" src="https://img.webme.com/pic/k/kodbanks/ok-kodbanks-ermn.gif" /> <a href="http://www.kodbanks.tr.gg/">İletişim</a></td> </tr> <tr onMouseover="this.bgColor='#fff000'" onmouseout="this.bgColor='#eeeeee'" bgcolor="#FFFFFF"> <td><img alt="" src="https://img.webme.com/pic/k/kodbanks/ok-kodbanks-ermn.gif" /> <a href="http://www.kodbanks.tr.gg/">Ziyaretci defteri</a></td> </tr> </tbody> </table>

KOD:

<style type="text/css"> /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .arrowgreen{ width: 180px; /*width of menu*/ border-style: solid solid none solid; border-color: #94AA74; border-size: 1px; border-width: 1px; } .arrowgreen ul{ list-style-type: none; margin: 0; padding: 0; } .arrowgreen li a{ font: bold 12px Verdana, Arial, Helvetica, sans-serif; display: block; background: transparent url(http://img576.imageshack.us/img576/395/kodbanksarrowblue.gif) 100% 0; height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/ padding: 4px 0 4px 10px; line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/ text-decoration: none; } .arrowgreen li a:link, .arrowgreen li a:visited { color: #5E7830; } .arrowgreen li a:hover{ color: #26370A; background-position: 100% -32px; } .arrowgreen li a.selected{ color: #26370A; background-position: 100% -64px; } </style> <div class="arrowgreen"> <ul> <li><a href="http://www.dynamicdrive.com" _fcksavedurl="http://www.dynamicdrive.com" title="Home">Home</a></li> <li><a href="http://www.dynamicdrive.com/style/" _fcksavedurl="http://www.dynamicdrive.com/style/" class="selected" title="CSS">CSS Library</a></li> <li><a href="http://www.ddwhois.com" _fcksavedurl="http://www.ddwhois.com" title="Whois">DD Whois</a></li> <li><a href="http://www.dynamicdrive.com/forums/" _fcksavedurl="http://www.dynamicdrive.com/forums/" title="Forums">Forums</a></li> <li><a href="http://tools.dynamicdrive.com/" _fcksavedurl="http://tools.dynamicdrive.com/" title="Tools">Webmaster Tools</a></li> <li><a href="http://www.javascriptkit.com" _fcksavedurl="http://www.javascriptkit.com" title="JavaScript">JavaScript</a></li> </ul> </div>

Css menülere GERİ DÖN

Css mavi dikey menü kodu

İki insan Çeşidi Vardır: Zaman Geçtikçe Hatalarıyla Yüzleşen, Zaman Geçtikçe Yüzsüzleşen...!