Menk : Navigcis men, vltoz httrszn, bal oldali szegly - CSS |
Navigcis men, vltoz httrszn, bal oldali szegly - CSS
A kd kt rszbl ll:
1. Menpontok
Ezt a kdot abba a modulba rakd, ahol a ment meg szeretnd jelenteni. A kdban jelltk, mit kell megadni:
<ul id="menu">
<li><a href="MODUL URL">Menpont</a></li>
<li><a href="MODUL URL">Menpont</a></li>
<li><a href="MODUL URL">Menpont</a></li>
<li><a href="MODUL URL">Menpont</a></li>
<li><a href="MODUL URL">Menpont</a></li>
</ul>
Az <li><a href="MODUL URL">Menpont</a></li> sort annyiszor rakd egyms al, ahny menpontot szeretnl.
2. CSS
Itt adhatod meg a men stlust. A kdot rakhatod az elz kddal megegyez modulba, de ha tbb ugyanolyan ment szeretnl, akkor rakd bal vagy jobb oldali modulba.
<style type="text/css">
#menu
{margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
list-style: none;}
#menu li
{margin-bottom: 2px;}
#menu a /* a men kinzete */
{background: #F4F4F4;
color: #8a8a8a;
text-decoration: none;
display: block;
width: 160px;
border-left: 5px solid #23C8F2;
padding-left: 10px;
padding-bottom: 5px;
padding-top: 5px;}
#menu a:hover /* a men kinzete, ha rviszed az egeret */
{background: #F9F9F9;
color: #C044A1;
text-decoration: none;
border-left: 5px solid #C044A1;}
</style>
|