kodlagitsin

cssmenuler

CSS MENÜ KODLARI

örnek ;

kodlar ;
html kodu

css kodu

örnek ;

kodlar ;
html kodu

<ul class="menu">   <li>       <a href="http://www.cssornekleri.com/menu/liste" _fcksavedurl="http://www.cssornekleri.com/menu/liste"> <img src="user.png" _fcksavedurl="user.png" alt="user.png">     <span class="name">Ana Sayfa</span>     <span class="description">açıklama alanı gelecek</span>     </a>  </li>  <li>      <a href="http://www.cssornekleri.com/menu/liste" _fcksavedurl="http://www.cssornekleri.com/menu/liste"> <img src="comment.png" _fcksavedurl="comment.png" alt="comment.png">      <span class="name">Hakkımızda</span>     <span class="description">açıklama alanı gelecek</span>     </a> </li>  <li>      <a href="http://www.cssornekleri.com/menu/liste" _fcksavedurl="http://www.cssornekleri.com/menu/liste"> <img src="print.png" _fcksavedurl="print.png" alt="print.png">      <span class="name">Referanslar</span>     <span class="description">açıklama alanı gelecek</span>      </a> </li>  <li>      <a href="http://www.cssornekleri.com/menu/liste" _fcksavedurl="http://www.cssornekleri.com/menu/liste"> <img src="edit.png" _fcksavedurl="edit.png" alt="edit.png">      <span class="name">Hizmetlerimiz</span>     <span class="description">açıklama alanı gelecek</span>      </a> </li>   </ul>

css kodu

örnek ;

kodlar ;
html kodu

css kodu

örnek ;

kod;

<html> <head> <style type="text/css"> #maviblokmenu{ border: 1px solid black; border-bottom-width: 0; width: 185px; } #maviblokmenu ul{ margin: 0; padding: 0; list-style-type: none; font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; } #maviblokmenu li a{ display: block; padding: 3px 0; padding-left: 9px; width: 169px; text-decoration: none; color: white; background-color: #2175dd; border-bottom: 1px solid #90bade; border-left: 7px solid #1958b7; } * html #maviblokmenu li a{ width: 169px; width: 169px; } #maviblokmenu li a:hover { background-color: #000069; border-left-color: #000099; } #maviblokmenu div.menutitle{ color: white; border-bottom: 1px solid black; padding: 1px 0; padding-left: 5px; background-color: black; font: bold 100% 'Trebuchet MS', Arial, sans-serif; }</style> <FCK:meta content="text/html; charset=windows-1254" http-equiv="Content-Type"  /> <div id="maviblokmenu" style="width: 171px; height: 315px"> <div class="menutitle">Kodsistemi</div> <ul> <li><a href="http://kodsistemi.tr.gg" _fcksavedurl="http://kodsistemi.tr.gg">Ana Sayfa</a></li> <li><a href="http://kodsistemi.tr.gg" _fcksavedurl="http://kodsistemi.tr.gg">En Yeniler</a></li> <li><a href="http://kodsistemi.tr.gg" _fcksavedurl="http://kodsistemi.tr.gg">Son Düzenlenenler</a></li> <li><a href="http://kodsistemi.tr.gg" _fcksavedurl="http://kodsistemi.tr.gg">Forum</a></li> </ul> <div class="menutitle">Birinci bölüm</div> <ul> <li><a href="http://kodsistemi.tr.gg" _fcksavedurl="http://kodsistemi.tr.gg">Yatay CSS Menü</a></li> <li><a href="http://kodsistemi.tr.gg" _fcksavedurl="http://kodsistemi.tr.gg">Düşey CSS Menü</a></li> <li><a href="http://kodsistemi.tr.gg" _fcksavedurl="http://kodsistemi.tr.gg">Resim Effektleri</a></li> <li><a href="http://kodsistemi.tr.gg" _fcksavedurl="http://kodsistemi.tr.gg">Form Effektleri</a></li> <li><a href="http://kodsistemi.tr.gg" _fcksavedurl="http://kodsistemi.tr.gg">Kutu & Şekiller</a></li> <li><a style="border-bottom-color: black" href="http://kodsistemi.tr.gg" _fcksavedurl="http://kodsistemi.tr.gg">Link menü</a></li> </ul> <div class="menutitle">İkinci bölüm</div> <ul> <li><a href="http://kodsistemi.tr.gg" _fcksavedurl="http://kodsistemi.tr.gg">MyDesign</a></li> <li><a href="http://kodsistemi.tr.gg" _fcksavedurl="http://kodsistemi.tr.gg">HazırKod</a></li> <li><a href="http://kodsistemi.tr.gg" _fcksavedurl="http://kodsistemi.tr.gg">Aspİndir</a></li> <li><a href="http://kodsistemi.tr.gg" _fcksavedurl="http://kodsistemi.tr.gg">PHP</a></li> <li><a style="border-bottom-color: black" href="http://www.javascriptindir.com" _fcksavedurl="http://www.javascriptindir.com">Üçüncü bölüm</a></li> </ul> </div> <strong><br />

örnek ;

kod ;

örnek ;

kod ;

örnek ;

örnek ;

kod ;

ANA MENÜ

CSS MENÜ

PHOTOSHOP MENÜ

DREAMWEAVER MENÜ

HTML MENÜ

İCON MENÜ

cssmenuler