Parašė robert· 2009 Vas. 7 13:02:13
#3
<script type="text/javascript" src="http://www.mp3s.lt/jquery-1.2.2.pack.js"></script>
<script type="text/javascript" src="http://www.mp3s.lt/ddaccordion.js">
</script>
<script type="text/javascript">
ddaccordion.init({
headerclass: "submenuheader", //Shared CSS class name of headers group
contentclass: "submenu", //Shared CSS class name of contents group
collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content
animatedefault: false, //Should contents open by default be animated into view?
persiststate: true, //persist state of opened contents within browser session?
toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
togglehtml: ["suffix", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively ["position", "html1", "html2"] (see docs)
animatespeed: "normal" //speed of animation: "fast", "normal", or "slow"
})
</script>
<style type="text/css">
.glossymenu{
margin: 5px 0;
padding: 0;
width: 180px; /*width of menu*/
border-bottom-width: 0;
}
.glossymenu a.menuitem{
background: black url(http://www.mp3s.lt/images/sa.gif) repeat-x bottom left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: white;
display: block;
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}
.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}
.glossymenu a.menuitem:hover{
background-image: url(http://www.mp3s.lt/images/glossyback22.gif);
}
.glossymenu div.submenu{ /*DIV that contains each sub menu*/
}
.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}
.glossymenu div.submenu ul li{
border-bottom: 1px dashed #F9F9F9;
}
.glossymenu div.submenu ul li a{
display: block;
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}
.glossymenu div.submenu ul li a:hover{
background: #f5b95a;
colorz: white;
}
</style>
</head>
<body>
<div class="glossymenu">
<a class="menuitem" href="http://www.mp3s.lt/news.php"><img src='http://www.mp3s.lt/images/house.png' height='14' width='14'border='0'> NAMAI</a>
<a class="menuitem submenuheader" class="menuitem" href="#" ><img src='http://www.mp3s.lt/images/text_signature.png' height='14' width='14'border='0'> PAGRINDINIS</a>
<div class="submenu">
<ul>
<li><a href='http://www.mp3s.lt/faq.php?cat_id=1'><img src='http://www.mp3s.lt/images/rosette.png'border=0> Informacija</a></li>
<li><a href='http://www.mp3s.lt/articles.php'><img src='http://www.mp3s.lt/images/document.png'border=0> Dainų žodžiai</a></li>
<li><a href='http://www.mp3s.lt/viewpage.php?page_id=55'><img src='http://www.mp3s.lt/images/comments.png'border=0> Komentarai</a>
<li><a href='http://www.mp3s.lt/vip.php'><img src='http://www.mp3s.lt/images/user_orange.png'border=0> Tapk VIP nariu</a>
<li><a href='http://www.mp3s.lt/rekomenduok_mus.php'><img src='http://www.mp3s.lt/images/lightbulb.png'border=0> Rekomenduok mus</a>
</div>
<body>
<div class="menu">
<a class="menuitem submenuheader" class="menuitem" href="#" ><img src='http://www.mp3s.lt/images/emoticon_happy.png' height='14' width='14'border='0'> PRAMOGOS</a>
<div class="submenu">
<ul>
<li><a href='http://www.mp3s.lt/viewpage.php?page_id=56'><img src='http://www.mp3s.lt/images/flag_red.png'border=0> Kūno masės indeksas </a></li>
<li><a href='http://www.mp3s.lt/viewpage.php?page_id=19'><img src='http://www.mp3s.lt/images/phone.png'border=0> Nemokami SMS</a></li>
<li><a href='http://www.mp3s.lt/viewpage.php?page_id=13'><img src='http://www.mp3s.lt/images/television.png'border=0> TV programa</a></li>
<li><a href='http://www.mp3s.lt/viewpage.php?page_id=60'><img src='http://www.mp3s.lt/images/weather_cloudy.png'border=0> Orų Prognozė</a></li>
<li><a href='http://www.mp3s.lt/viewpage.php?page_id=61'><img src='http://www.mp3s.lt/images/information.png'border=0> Dienos informacija</a></li>
<li><a href='http://www.mp3s.lt/viewpage.php?page_id=58'><img src='http://www.mp3s.lt/images/ipod.png'border=0> Muzikos grotuvas</a></li>
<li><a href='http://www.mp3s.lt/viewpage.php?page_id=16'><img src='http://www.mp3s.lt/images/user_go.png'border=0> User barai</a></li>
<li><a href='http://www.mp3s.lt/skelbimai.php'><img src='http://www.mp3s.lt/images/newspaper.png'border=0> Skelbimai</a></li>
<li><a href='http://www.mp3s.lt/viewpage.php?page_id=64'><img src='http://www.mp3s.lt/images/resultset_next.png'border=0> Internetinis radijas</a></li>
</div>
<a class="menuitem submenuheader" href="#"><img src='http://www.mp3s.lt//images/money_euro.png' height='14' width='14'border='0'> PARAMA</a>
<div class="submenu">
<ul>
<li><a href="http://www.mp3s.lt/viewpage.php?page_id=29"><img src='http://www.mp3s.lt//images/money.png' height='14' width='14'border='0'> Paremk puslapį</a></li>
<li><a href="http://www.mp3s.lt/viewpage.php?page_id=62"><img src='http://www.mp3s.lt//images/user1.png' height='14' width='14'border='0'> Dosniausi nariai</a></li>
</ul>
</div>
<div class="menu">
<a class="menuitem" href="http://www.mp3s.lt/contact.php"><img src='http://www.mp3s.lt//images/telephone.png' height='14' width='14'border='0'> KONTAKTAI</a>
</div>
<div class="menu">
<a class="menuitem" href="http://www.mp3s.lt/reklama.php"><img src='http://www.mp3s.lt//images/chart_bar.png' height='14' width='14'border='0'> REKLAMA</a>
<a class="menuitem submenuheader" href="#"><img src='http://www.mp3s.lt/images/music.png' height='14' width='14'border='0'> MUZIKA</a>
<div class="submenu">
<ul>
<li><a href='http://www.mp3s.lt/naujausios.php'><img src='http://www.mp3s.lt/images/warning.png'border=0> 100 naujausių dainų </a></li>
<li><a href='http://www.mp3s.lt/top20.php'><img src='http://www.mp3s.lt/images/star.gif'border=0> 20 Top įvertintų mp3</a></li>
<li><a href='http://www.mp3s.lt/top50.php'><img src='http://www.mp3s.lt/images/disk.png'border=0> 50 Siunčiamiausių mp3</a></li>
<li><center>-------------------------------</center></li>
<li><a href='http://www.failai.lt/lebro'><img src='http://www.mp3s.lt/images/brick.png'border=0> LeBro sektorius <img src='http://www.mp3s.lt/images/new.gif'border=0></a>
<li><a href='http://www.mp3s.lt/forum/viewforum.php?forum_id=29'><img src='http://www.mp3s.lt/images/brick.png'border=0> Kolzar sektorius <img src='http://www.mp3s.lt/images/new.gif'border=0></a>
</ul></div>
<a class="menuitem submenuheader" href="#"><img src='http://www.mp3s.lt/images/dj.png' height='14' width='14'border='0'> DJ's <img src='http://www.mp3s.lt/images/new.gif'border='0'></a>
<div class="submenu">
<ul>
<li><a href='http://www.mp3s.lt/viewpage.php?page_id=86'><img src='http://www.mp3s.lt/images/dj.png'border=0> Armin Van Buuren</a></li>
<li><a href='http://www.mp3s.lt/viewpage.php?page_id=87'><img src='http://www.mp3s.lt/images/dj.png'border=0'> Dj Tiesto</a></li>
</ul>
</div>