YouPlay.clan.su menu.
Šo kodu iekopējam pie CSS jebkura vietā.
Code
/* Design of menu by TheNarKDoZoR http://scripts4.ucoz.de/ */
ul.menu1 {list-style: none; margin: 0px 0px 2px 0px; padding: 0px;}
li.menu1 a:link {display: block; text-decoration: none; border-left: 3px solid #131313; text-align: left; padding-left: 5px; height: 15px; color: #747474; font-size: 11px;}
li.menu1 a:visited {display: block; text-decoration: none; border-left: 3px solid #131313; text-align: left; padding-left: 5px; height: 15px; color: #747474; font-size: 11px;}
li.menu1 a:hover {display: block; text-decoration: none; border-left: 3px solid #6eb300; background-color: #131313; text-align: left; height: 15px; color: #7a7a7a; font-size: 11px;}
li.menu1 a:active {display: block; text-decoration: none; border-left: 3px solid #3D3D3D; background-color: #3D3D3D; text-align: left; height: 15px; color: #747474; font-size: 11px;}
li.menu1_bottom a:link {display: block; text-decoration: none; border-left: 3px solid #6eb300; border-bottom: 3px solid #131313; text-align: left; padding-left: 5px; height: 15px; color: #3D3D3D; font-size: 11px;}
li.menu1_bottom a:visited {display: block; text-decoration: none; border-left: 3px solid #6eb300; border-bottom: 3px solid #131313; text-align: left; padding-left: 5px; height: 15px; color: #3D3D3D; font-size: 11px;}
li.menu1_bottom a:hover {display: block; text-decoration: none; border-left: 3px soalid #6eb300; background-color: #131313; text-align: left; height: 15px; color: #3D3D3D; font-size: 11px;}
li.menu1_bottom a:active {display: block; text-decoration: none; border-left: 3px solid #6eb300; border-bottom: 3px solid #3D3D3D; background-color: #3D3D3D; text-align: left; height: 15px; color: #3D3D3D; font-size: 11px;}
ul.menu2 {list-style: none; margin: 0px 0px 2px 0px; padding: 0px;}
li.menu2 a:link {display: block; text-decoration: none; border-left: 3px solid #DCDCDC; text-align: left; padding-left: 5px; height: 15px; color: #3D3D3D; font-size: 11px;}
li.menu2 a:visited {display: block; text-decoration: none; border-left: 3px solid #DCDCDC; text-align: left; padding-left: 5px; height: 15px; color: #3D3D3D; font-size: 11px;}
li.menu2 a:hover {display: block; text-decoration: none; border-left: 3px solid #3b3b3b; background-color: #1e1e1e; text-align: left; height: 15px; color: #3D3D3D; font-size: 11px;}
li.menu2 a:active {display: block; text-decoration: none; border-left: 3px solid #3D3D3D; background-color: #3b3b3b; text-align: left; height: 15px; color: #3D3D3D; font-size: 11px;}
li.cat {display: block; text-decoration: none; background-color: #131313; border: 0px solid #3D3D3D; color: #6eb300; text-align: right; padding-right: 5px; padding-top: 3px; height: 16px; width: 175px; font-size: 10px;}
.menu1 {font-weight: bold; font-size: 8pt; font-family: Arial, Sans-Serif;}
a.menu1:link {text-decoration: none; color: #dedede;}
a.menu1:active {text-decoration: none; color: #dedede;}
a.menu1:visited {text-decoration: none; color: #dedede;}
a.menu1:hover {text-decoration: none; color: #FFFFFF;}
/* ----------------------- */
Code
<ul class="menu1">
<li class="cat">You Play</li>
<li class="menu1"><a href="/" title="Homepage">Homepage</a></li>
<li class="menu1"><a href="/load" title="File Catalog">File Catalog</a></li>
<li class="menu1"><a href="/gb" title="Guestbook">Guestbook</a></li>
<li class="menu1"><a href="/publ" title="Publisher">Publisher</a></li>
<li class="menu1"><a href="/blog" title="Blog">Blog</a></li>
<li class="menu1"><a href="/forum" title="Forum">Forum</a></li>
<li class="menu1"><a href="/photo" title="Photo Albums">Photo Albums</a></li>
<li class="menu1"><a href="/index/0-3" title="Contact Us">Contact Us</a></li>
</ul>
Iznākums:
Aizgūts no Jesk.id.lv