სახელი: ცისფერი მენიუ 
ძრავი: ყველა 
აღწერა: ეს არის ლამაზი მენიუ მიდის ყველა სისტემაზე. 

ავტორი: TazZzo კ

<style type="text/css">/* Some stylesheet reset */ 
#cssmenu > ul { 
  list-style: none; 
  margin: 0; 
  padding: 0; 
  vertical-align: baseline; 
  line-height: 1; 
} 

/* The container */ 
#cssmenu > ul { 
  display: block; 
  position: relative; 
  width: 240px; 
} 

  /* The list elements which contain the links */ 
  #cssmenu > ul li { 
  display: block; 
  position: relative; 
  margin: 0; 
  padding: 0; 
  width: 240px;  
  } 

  /* General link styling */ 
  #cssmenu > ul li a { 
  /* Layout */ 
  display: block; 
  position: relative; 
  margin: 0; 
  border-top: 1px dotted #3a3a3a; 
  border-bottom: 1px dotted #1b1b1b; 
  padding: 11px 20px; 
  width: 200px; 

  /* Typography */ 
  font-family: Helvetica, Arial, sans-serif; 
  color: #d8d8d8; 
  text-decoration: none; 
  text-transform: uppercase; 
  text-shadow: 0 1px 1px #000; 
  font-size: 13px; 
  font-weight: 300;  

  /* Background & effects */ 
  background: #282828; 
  } 

  /* Rounded corners for the first link of the menu/submenus */ 
  #cssmenu > ul li:first-child>a { 
  border-top-left-radius: 4px; 
  border-top-right-radius: 4px; 
  border-top: 0; 
  } 

  /* Rounded corners for the last link of the menu/submenus */ 
  #cssmenu > ul li:last-child>a { 
  border-bottom-left-radius: 4px; 
  border-bottom-right-radius: 4px; 
  border-bottom: 0; 
  } 

  /* The hover state of the menu/submenu links */ 
  #cssmenu > ul li>a:hover, #cssmenu > ul li:hover>a { 
  color: #fff; 
  text-shadow: 0 1px 0 rgba(0, 0, 0, .3); 
  background: #54cdf1; 
  background: -webkit-linear-gradient(bottom, ##5085bb, ##5085bb); 
  background: -ms-linear-gradient(bottom, ##5085bb, ##5085bb);  
  background: -moz-linear-gradient(bottom, ##5085bb, ##5085bb); 
  background: -o-linear-gradient(bottom, ##5085bb, ##5085bb); 
  border-color: transparent; 
  } 

  /* The arrow indicating a submenu */ 
  #cssmenu > ul .has-sub>a::after { 
  content: ''; 
  position: absolute; 
  top: 16px; 
  right: 10px; 
  width: 0px; 
  height: 0px; 

  /* Creating the arrow using borders */ 
  border: 4px solid transparent; 
  border-left: 4px solid #d8d8d8;  
  } 

  /* The same arrow, but with a darker color, to create the shadow effect */ 
  #cssmenu > ul .has-sub>a::before { 
  content: ''; 
  position: absolute; 
  top: 17px; 
  right: 10px; 
  width: 0px; 
  height: 0px; 

  /* Creating the arrow using borders */ 
  border: 4px solid transparent; 
  border-left: 4px solid #000; 
  } 

  /* Changing the color of the arrow on hover */ 
  #cssmenu > ul li>a:hover::after, #cssmenu > ul li:hover>a::after { 
  border-left: 4px solid #fff; 
  } 

  #cssmenu > ul li>a:hover::before, #cssmenu > ul li:hover>a::before { 
  border-left: 4px solid rgba(0, 0, 0, .3); 
  } 

   
  /* THE SUBMENUS */ 
  #cssmenu > ul ul { 
  position: absolute; 
  left: 240px; 
  top: -9999px; 
  padding-left: 5px; 
  opacity: 0; 
  /* The fade effect, created using an opacity transition */ 
  -webkit-transition: opacity .3s ease-in; 
  -moz-transition: opacity .3s ease-in; 
  -o-transition: opacity .3s ease-in; 
  -ms-transition: opacity .3s ease-in; 
  } 

  /* Showing the submenu when the user is hovering the parent link */ 
  #cssmenu > ul li:hover>ul { 
  top: 0px; 
  opacity: 1; 
  }</style> 
<div id='cssmenu'> 
<ul> 
  <li class='active '><a href='/'><span>მთავარი</span></a></li> 
  <li class='has-sub '><a href='http://mywebber.ge/datalife-engine/'><span>DataLife Engine</span></a> 
  <ul> 
  <li><a href='http://mywebber.ge/datalife-engine/templates/'><span>დიზაინები</span></a></li> 
  <li><a href='http://mywebber.ge/datalife-engine/modules/'><span>მოდულები</span></a> 
  <li><a href='http://mywebber.ge/datalife-engine/hacks/'><span>ჰაკები</span></a></li> 
  <li><a href='#'><span>DataLife Releases</span></a></li> 
  </ul> 
  </li> 
  <li class='has-sub '><a href='#'><span>Ucoz</span></a> 
  <ul> 
  <li><a href='#'><span>დიზაინები</span></a></li> 
  <li><a href='#'><span>სკრიფტები</span></a></li> 
  </ul> 
  </li> 
  <li class='has-sub '><a href='#'><span>სხვა სისტემები</span></a> 
  <ul> 
  <li><a href='#'><span>Joomla</span></a></li> 
  <li><a href='#'><span>PHP Scripts</span></a></li> 
  <li><a href='#'><span>HTML</span></a></li> 
  <li><a href='#'><span>Flash</span></a></li> 
  </ul> 
  </li> 
  <li><a href='#'><span>ფოტოშოპი</span></a></li> 
  <li><a href='#'><span>პროგრამები</span></a></li> 
  <li><a href='#'><span>გაკვეთილები</span></a></li> 
  <li><a href='#'><span>სტატიები</span></a></li> 
  <li><a href='#'><span>ფასიანი ფაილები</span></a></li> 
  <li class='has-sub '><a href='#'><span>სხვა</span></a> 
  <ul> 
  <li><a href='#'><span>Facebook</span></a></li> 
  <li><a href='#'><span>Vip სიახლეები</span></a></li> 
  </ul> 
  </li> 
</ul> 
</div>