შესვლა

დასახელება: ლამაზი მენიუ
ავტორი: AmGigauri
ძრავა: uCoz

აღწერა: ეს არის ლამაზი ( CSS ) მწვანე მენიუ...

დაყენების ინსტრუქცია:
1.) ეს CSS კოდი ჩასვით CSS -ში სულ ბოლოში ( CP/COSTUMIZE DESIGN/CSS )
Code
/* Design of menu by AmGigauri */  
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;}  
/* ----------------------- */


2.) ეს კი ჩასვით ბლოკში სადაც მენიუა ( ან სადაც გინდათ რომ გამოჩნდეს )
Code
<ul class="menu1">  
<li class="cat">GeLesson.NeT - By Amgigauri</li>  
<li class="menu1"><a href="/" title="მთავარი">მთავარი</a></li>  
<li class="menu1"><a href="/load" title="ფაილების კატალოგი">ფაილების კატალოგი</a></li>  
<li class="menu1"><a href="/gb" title="სტუმრების წიგნი">სტუმრების წიგნი</a></li>  
<li class="menu1"><a href="/publ" title="Publisher">Publisher</a></li>  
<li class="menu1"><a href="/blog" title="ბლოგი">ბლოგი</a></li>
<li class="menu1"><a href="/forum" title="ფორუმი">ფორუმი</a></li>  
<li class="menu1"><a href="/photo" title="ფოტოები">ფოტოები</a></li>  
<li class="menu1"><a href="/index/0-3" title="კონტაქტი">კონტაქტი</a></li>
</ul>





ტეგები: Nice Menu, by Amgigauri
657
ავტორი: Amirani კატეგორია: სკრიფტები
სულ კომენტარები: 0