შემოგვიერთდით FACEBOOK ზე

ჩამოსაშლელი მენიუ სკრიპტები - ვებ მასტერებისთვის - free program,antivirus,for ucoz, template,desing,style,css, - only123.my1.ru

2024-12-26 19:22:47
ჩამოსაშლელი მენიუ

+A შრიფტის გადიდება | -A შრიფტის დაპატარავება

Данный контент платный. Для просмотра его необходимо оплатить с помощью SMS Данный контент платный. Для просмотра его необходимо оплатить с помощью SMS

Code


<style>
body {  
  padding: 100px!important;  
  font: 300 16px tahoma;  
}  
/* mark with differing style */  
.mark {  
  font-weight: 400;  
}  
/* nav */  
.nav {  
  list-style: none;  
}  
.nav li {  
  float: left;  
  position: relative;  
  background: #34495e;  
}  
/* круглые края */  
.nav > li:first-of-type {  
  border-radius: 5px 0 0 5px;  
}  
.nav > li:last-of-type {  
  border-radius: 0 5px 5px 0;  
}  
/* блоки ссылок */  
.nav li a {  
  display: block;  
  text-decoration: none;  
  color: #fff;  
  padding: 12px;  
  border-radius: 5px;  
}  
/* выпадающее меню */  
.sub-nav {  
  position: absolute;  
  border-top: 15px solid transparent;  
  left: -9999px;  
  list-style:none;  
  padding:0;  
}  
/* make submenu reappear */  
.nav li:hover .sub-nav {  
  left: 0;  
}  
/* triangle */  
.triangle {  
  width: 0;  
  height: 0;  
  border-left: 10px solid transparent;  
  border-right: 10px solid transparent;  
  border-bottom: 10px solid #34495e;  
  position: absolute;  
  margin-top: 5px;  
  left: -9999px;  
}  
/* reappear */  
.nav li:hover .triangle {  
  left: 15px;  
}  
/* prevent multi line links */  
.sub-nav li {  
  white-space: nowrap;  
}  
/* закругленные края */  
.sub-nav > li:first-of-type {  
  border-radius: 5px 5px 0 0;  
}  
.sub-nav > li:last-of-type {  
  border-radius: 0 0 5px 5px;  
}  
/* верхний уровень при наведении */  
.nav > li:hover > a {  
  background: #2C3E50;  
  transition: background ease .5s;  
}  
/* ссылки подменю */  
.sub-nav a {  
  font-size: 90%;  
  margin: 3px;  
  transition: background ease .3s;  
}  
.sub-nav a:hover {  
  background: #E74C3C;  
}
</style>


Code

<nav>  
  <ul class="nav">  
  <li><a href="only123.my1.ru">მთავარი</a></li>  
  <li><a href="only123.my1.ru" class="mark">ქვედა მენიუ</a>  
  <i class="triangle"></i>  
  <ul class="sub-nav">  
  <li><a href="only123.my1.ru">პუნქტი 1</a></li>  
  <li><a href="only123.my1.ru">პუნქტი 2 </a></li>  
  <li><a href="only123.my1.ru">პუნქტი3 </a></li>  
  <li><a href="only123.my1.ru">პუნქტი 4 </a></li>  
  </ul>  
  </li>  
  <li><a href="only123.my1.ru/stuff">online game</a></li>  
  </ul>  
</nav>  


მასალის სახელიჩამოსაშლელი მენიუ
ნახვები1504
ID162
რეიტინგი5.0/4
ლიცენზიაუფასო



სულ კომენტარები: 0
avatar

ინფორმაცია

მასალა ნანახია 1504
რეიტინგი 5.0
ავტორი ADMIN
მასალის ID 162
კატეგორია სკრიპტები
გამოქვეყნდა 2014-12-02/19:22:47





Follow Me



თქვენი ბანერის ადგილი


ავტორიზაცია


რეკომენდირებულია


სტატისტიკა

ყველა
მომხმარებლები
სტუმრები
სულ ონლაინში 3
სტუმრები 3
მომხმარებლები 0

კონტაქტი

Contact Us


Правила чата
Пользователи онлайн
Мини-чат
+Мини-чат
0
სულ ონლაინში 3
სტუმრები 3
მომხმარებლები 0


Индекс цитирования. Рейтинг@Mail.ru თავში დაბრუნება

Powered by ©w3.css