Kék nyíl
Két kódra van szükséged:
1. DIV ID
Ezt a kódot illeszd annak a modulnak a forráskódjába, ahol meg szeretnéd jeleníteni a menüt:
Amennyi menüpontot szeretnél, annyiszor rakd a kódban egymás alá ezt a sort:
<li><a href="http://MENÜPONT URL-JE>MENÜPONT NEVE</a></li>
Értelemszerűen a menüpont url-je helyére megy a modul url címe, a menüpont nevéhez pedig a menüpont neve :), pl:
<li><a href="//nevek.gportal.hu>Kezdőlap</a></li>
S itt a kód:
<div id="menu">
<ul>
<li><a href="http://MENÜPONT URL-JE>MENÜPONT NEVE</a></li>
<li><a href="http://MENÜPONT URL-JE>MENÜPONT NEVE</a></li>
<li><a href="http://MENÜPONT URL-JE>MENÜPONT NEVE</a></li>
</ul>
</div>
2. CSS
A kódot egy bal/jobb oldalon lévő egyszerű modul forráskódjába illeszd, amennyiben az oldaladon több helyen is ezt a menüt szeretnéd használni. Ha csak egy helyen, akkor rakhatod nyugodtan abba, amelyikbe a divet is raktad.
<style type="text/css">
*{
list-style:none;
margin:0px;
padding:0px;
}
#menu {
width: 200px;
border-style: solid solid none solid;
border-color: #0e69be;
border-size: 1px;
border-width: 1px;
}
#menu li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}
#menu li a:link, #menu li a:visited {
color: #0e69be;
display: block;
background:url(//nevek.gportal.hu/portal/nevek/image/gallery/1278967983_76.jpg);
background-repeat:no-repeat;
padding: 8px 0 0 10px;
}
#menu li a:hover {
color: #0e69be;
background:url(//nevek.gportal.hu/portal/nevek/image/gallery/1278967983_76.jpg) 0 -32px;
background-repeat:no-repeat;
padding: 8px 0 0 10px;
}
#menu li a:active {
color: #0e69be;
background:url(//nevek.gportal.hu/portal/nevek/image/gallery/1278967983_76.jpg) 0 -64px;
background-repeat:no-repeat;
padding: 8px 0 0 10px;
}
</style>
|