დასახელება : მწვანე ჰორიზონტალური მენიუ
ავტორი : king
ზომა : 0-kb
ძრავი : UCOZ
აღწერა : რავი ეხლა ბევრს არ მივედ მოვედები ხედავთ ალბად რაცაა
სკრიპტი ჩასვით იქ სადაც გსურთ გამოჩნდეს მენიუ,
წარმატებები !!!
Code
<style>
/* header menu */
.h_menu { background: url(http://kaspi.ucoz.com/uploads/prowebz-topmenu/h_menu.gif) repeat-x; position: absolute; width: 980px; }
.h_menu1 { background: url(http://kaspi.ucoz.com/uploads/prowebz-topmenu/h_menu1.gif) no-repeat right; }
.h_menu2 { background: url(http://kaspi.ucoz.com/uploads/prowebz-topmenu/h_menu2.gif) no-repeat; height: 46px; }
#topmenu { line-height: 44px; text-shadow: 1px 1px 0 #56820c; }
#topmenu li, #topmenu a, #topmenu a b { height: 46px; float: left; }
#topmenu .topmenu_first a:hover { background: url(http://kaspi.ucoz.com/uploads/prowebz-topmenu/topmenu.png) no-repeat 0 -30px; }
#topmenu a { text-decoration: none; margin-right: -1px; color: #FFF; font-size: 15px; font-size: 13px\0/; background: url(http://kaspi.ucoz.com/uploads/prowebz-topmenu/topmenu.png) no-repeat right -168px; }
#topmenu a b { cursor: pointer; padding: 0 24px; font-weight: normal; background: url(http://kaspi.ucoz.com/uploads/prowebz-topmenu/topmenu.png) no-repeat 0 -999px; }
#topmenu a:hover { text-shadow: 1px 1px 0 #56820c; background-position: 0 -214px; }
#topmenu a:hover b { background-position: right -168px; }
#topmenu .sublnk a { background-position: 0 -112px; }
#topmenu .sublnk a b { padding-right: 42px; background-position: right -122px; }
#topmenu .sublnk a:hover, #topmenu .sublnk.selected a { padding-bottom: 1px; }
#topmenu .sublnk a:hover b, #topmenu .sublnk.selected a b { padding-right: 42px; background-position: 100% -76px; }
.reset, .reset li, .topmenu ul, .catmenu ul { list-style: none; padding: 0; margin: 0; }
</style>
<div class="h_menu" id="dropmenu">
<div class="h_menu1">
<div class="h_menu2">
<ul id="topmenu" class="lcol reset">
<li class="topmenu_first"><a href="http://kaspi.ucoz.com/" rel="ajaxlink" ><b>მთავარი</b></a></li>
<li><a href="/forum/"><b>ფორუმი</b></a></li>
<li><a href="/news/" rel="ajaxlink" ><b>სიახლეები</b></a></li>
<li><a href="/" rel="ajaxlink" ><b>კატეგორია</b></a></li>
<li><a href="/" rel="ajaxlink" ><b>კატეგორია</b></a></li>
<li><a href="/"><b>კატეგორია</b></a></li>
</ul>
</div>
</div>
</div>