კვირა, 2025-02-02, 12:08 PM
მოგესალმები, Guest
მთავარი » 2012 » ივნისი » 10 » ჰორიზონტალური მენიუ
2:48 PM
ჰორიზონტალური მენიუ
დასახელება: ჰორიზონტალური მენიუ
ავტორი: MoSe
სისტემა: All
დემო: Click

აღწერა: ლამაზი ჰორიზონტული მენიუ. ვისაც საბანერო საიტი გაქვთ გამოგადგებათ

Code
<style> /*Start Css Menu*/  
.menu {  
  border: none;  
  border: 0px;  
  margin: 0px;  
  padding: 0px;  
  font-family: verdana,geneva,arial,helvetica,sans-serif;  
  font-size: 14px;  
  font-weight: bold;  
  color: 8e8e8e;  
}  
   
.menu ul {  
  background: url(http://2.bp.blogspot.com/-W64HRGKssSo/T7zWbXCBBQI/AAAAAAAABzM/J3Ou605AS_U/s1600/helperblogger.com-menu-bg.gif) top left repeat-x;  
  height: 43px;  
  list-style: none;  
  margin: 0;  
  padding: 0;  
}  
   
.menu li {  
  float: left;  
  padding: 0px 8px 0px 8px;  
}  
   
.menu li a {  
  color: #666666;  
  display: block;  
  font-weight: bold;  
  line-height: 43px;  
  padding: 0px 25px;  
  text-align: center;  
  text-decoration: none;  
}  
   
.menu li a:hover {  
  color: #000000;  
  text-decoration: none;  
}  
   
.menu li ul {  
  background: #e0e0e0;  
  border-left: 2px solid #a80329;  
  border-right: 2px solid #a80329;  
  border-bottom: 2px solid #a80329;  
  display: none;  
  height: auto;  
  filter: alpha(opacity=95);  
  opacity: 0.95;  
  position: absolute;  
  width: 225px;  
  z-index: 200;  
/*top:1em;  
/*left:0;*/  
}  
   
.menu li:hover ul {  
  display: block;  
}  
   
.menu li li {  
  display: block;  
  float: none;  
  padding: 0px;  
  width: 225px;  
}  
   
.menu li ul a {  
  display: block;  
  font-size: 12px;  
  font-style: normal;  
  padding: 0px 10px 0px 15px;  
  text-align: left;  
}  
   
.menu li ul a:hover {  
  background: #949494;  
  color: #000000;  
  opacity: 1.0;  
  filter: alpha(opacity=100);  
}  
   
.menu p {  
  clear: left;  
}  
   
.menu #current {  
  background: url(http://1.bp.blogspot.com/-Z9bi1D4dtH8/T7zWalpDEWI/AAAAAAAABzI/iXhXlizOKO8/s1600/helperblogger.com-current-bg.gif) top left repeat-x;  
  color: #ffffff;  
}  
   
/*End Css Menu from http://www.helperblogger.com/*/  
</style>  
   
   
<div class="menu">  
  <ul>  
  <li><a href="/" id="current">Home</a></li>  
  <li><a href="#">კატეგორიები</a>  
  <ul>  
  <li><a href="#">კატეგორია</a></li>  
  <li><a href="#">კატეგორია</a></li>  
  <li><a href="#">კატეგორია</a></li>  
  <li><a href="#">კატეგორია</a></li>  
  <li><a href="#">კატეგორია</a></li>  
  </ul>  
  </li>  
  <li><a href="http://gelesson.net/faq">კონტაქტი</a></li>  
  <li><a href="#">Create This</a>  
  <ul>  
  <li><a href="http://gelesson.net/">GeLesson.Net</a></li>  
  <li><a href="http://gelesson.net/">GeLesson.Net</a></li>  
  <li><a href="http://gelesson.net/">GeLesson.Net</a></li>  
  <li><a href="http://gelesson.net/">GeLesson.Net</a></li>  
  <li><a href="http://gelesson.net/">GeLesson.Net</a></li>  
  <li><a href="http://gelesson.net/">GeLesson.Net</a></li>  
  </ul>  
  </ul>  
</div>
კატეგორია: სკრიფტები | ნანახია: 673 | დაამატა: MoSe | რეიტინგი: 3.0/2
სულ კომენტარები: 0
კომენტარის დამატება შეუძლიათ მხოლოდ დარეგისტრირებულ მომხმარებლებს
[ რეგისტრაცია | შესვლა ]