M & Ş Media - yan menu

yan menu

<style type="text/css"> .div{ width:13.7em; padding-left:5px; padding-bottom:5px;  padding-top:5px; background-color:#E8E8E8; border:1px solid #A4A4A4;} .baslik{ font-size:23px; font:bold; display:block;} ul.menu{ list-style-type:none; margin:0; padding:0;} ul.menu li a{ font:17px arial; color:white; display:block; width:12em; text-decoration:none; background-color:#ccc; padding:4px; margin:0 0 .1em 0; border:1px solid #585858;} ul.menu li a:hover{ background-color:#D1D1D1;}  </style>  <div class="div"> <div class="baslik">ANAMENÜ</div> <ul class="menu"> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Anasayfa</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Iletisim</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Defter</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Css</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Photoshop</a></li>  <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Dreamweaver</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Firework</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Photofiltre</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">XHTML</a></li> </ul> </div>  </body></html>

<style type="text/css"> .div{ width:13.7em; padding-left:5px; padding-bottom:5px; padding-top:5px; background-color:#E8E8E8; border:1px solid #A4A4A4;} .baslik{ font-size:23px; font:bold; display:block;} ul.menu{ list-style-type:none; margin:0; padding:0;} ul.menu li a{ font:17px arial; color:white; display:block; width:12em; text-decoration:none; background-color:#99CC00; padding:4px; margin:0 0 .1em 0; border:1px solid #585858;} ul.menu li a:hover{ background-color:#00CA65;}  </style>  <div class="div"> <div class="baslik">ANAMENÜ</div> <ul class="menu"> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Anasayfa</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Iletisim</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Defter</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Css</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Photoshop</a></li>  <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Dreamweaver</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Firework</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Photofiltre</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">XHTML</a></li> </ul> </div>  </body></html>

<style type="text/css"> .div{ width:13.7em; padding-left:5px; padding-bottom:5px; padding-top:5px; background-color:#E8E8E8; border:1px solid #A4A4A4;} .baslik{ font-size:23px; font:bold; display:block;} ul.menu{ list-style-type:none; margin:0; padding:0;} ul.menu li a{ font:17px arial; color:white; display:block; width:12em; text-decoration:none; background-color:#FFAC59; padding:4px; margin:0 0 .1em 0; border:1px solid #585858;} ul.menu li a:hover{ background-color:#FF8000;}  </style>  <div class="div"> <div class="baslik">ANAMENÜ</div> <ul class="menu"> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Anasayfa</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Iletisim</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Defter</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Css</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Photoshop</a></li>  <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Dreamweaver</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Firework</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Photofiltre</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">XHTML</a></li> </ul> </div>  </body></html>

<style type="text/css"> .div{ width:13.7em; padding-left:5px; padding-bottom:5px; padding-top:5px; background-color:#E8E8E8; border:1px solid #A4A4A4;} .baslik{ font-size:23px; font:bold; color:red; display:block;} ul.menu{ list-style-type:none; margin:0; padding:0;} ul.menu li a{ font:17px arial; color:black; display:block; width:12em; text-decoration:none; background-color:#FFFF80; padding:4px; margin:0 0 .1em 0; border:1px solid #585858;} ul.menu li a:hover{ background-color:#FFFF00;}  </style>  <div class="div"> <div class="baslik">ANAMENÜ</div> <ul class="menu"> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Anasayfa</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Iletisim</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Defter</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Css</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Photoshop</a></li>  <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Dreamweaver</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Firework</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Photofiltre</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">XHTML</a></li> </ul> </div>  </body></html>

<style type="text/css"> .div{ width:13.7em; padding-left:5px; padding-bottom:5px; padding-top:5px; background-color:#E8E8E8; border:1px solid #A4A4A4;} .baslik{ font-size:23px; font:bold; color:red; display:block;} ul.menu{ list-style-type:none; margin:0; padding:0;} ul.menu li a{ font:17px arial; color:white; display:block; width:12em; text-decoration:none; background-color:#4FA7FF; padding:4px; margin:0 0 .1em 0; border:1px solid #585858;} ul.menu li a:hover{ background-color:#0066FF;}  </style>  <div class="div"> <div class="baslik">ANAMENÜ</div> <ul class="menu"> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Anasayfa</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Iletisim</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Defter</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Css</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Photoshop</a></li>  <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Dreamweaver</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Firework</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Photofiltre</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">XHTML</a></li> </ul> </div>  </body></html>

<style type="text/css"> .div{ width:13.7em; padding-left:5px; padding-bottom:5px; padding-top:5px; background-color:#E8E8E8; border:1px solid #A4A4A4;} .baslik{ font-size:23px; font:bold; color:black; display:block;} ul.menu{ list-style-type:none; margin:0; padding:0;} ul.menu li a{ font:17px arial; color:white; display:block; width:12em; text-decoration:none; background-color:#FF4646; padding:4px; margin:0 0 .1em 0; border:1px solid #585858;} ul.menu li a:hover{ background-color:red;}  </style>  <div class="div"> <div class="baslik">ANAMENÜ</div> <ul class="menu"> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Anasayfa</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Iletisim</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Defter</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Css</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Photoshop</a></li>  <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Dreamweaver</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Firework</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Photofiltre</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">XHTML</a></li> </ul> </div>  </body></html>

<style type="text/css">   ul.menu{  list-style-type:none; margin:0; padding:0;} ul.menu li a{ font:17px  arial; text-align:center; color:white; display:block; width:12em;  text-decoration:none;  background-image:url(https://img.webme.com/pic/b/bs-platformu/menuhvr1.png);  background-repeat:no-repeat; padding:5px; margin:0 0 .1em 0; } ul.menu  li a:hover{  background-image:url(https://img.webme.com/pic/b/bs-platformu/menuhvr2.png);  background-repeat:no-repeat;}  </style>  <ul class="menu">  <li><a href="#" _fcksavedurl="#"  _fcksavedurl="#">Anasayfa</a></li> <li><a  href="#" _fcksavedurl="#" _fcksavedurl="#">Iletisim</a></li>  <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Defter</a></li>  <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Css</a></li>  <li><a href="#" _fcksavedurl="#"  _fcksavedurl="#">Photoshop</a></li>  <li><a  href="#" _fcksavedurl="#" _fcksavedurl="#">Dreamweaver</a></li>  <li><a href="#" _fcksavedurl="#"  _fcksavedurl="#">Firework</a></li> <li><a  href="#" _fcksavedurl="#" _fcksavedurl="#">Photofiltre</a></li>  <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">XHTML</a></li>  </ul>  </body></html>