Luksus
Laipni lūdzu forumā "Luksus"
Lūdzu REĢISTRĒJIES vai IELOGOJIES!
Luksus
Laipni lūdzu forumā "Luksus"
Lūdzu REĢISTRĒJIES vai IELOGOJIES!
Luksus
Would you like to react to this message? Create an account in a few clicks or log in to continue.
Luksus

Daudzas lietas kas varētu interesēt daudzus.
 
SatursPortalGalleryLatest imagesMeklētReģistrētiesIeiet

 

 Izbīdāms vertikāls menju

Go down 
AutorsZiņojums
Admin
Admin
Admin


Number of posts : 262
Join date : 08.03.12
Age : 61
Dzīvesvieta : Talsi

Izbīdāms vertikāls menju Empty
PostTēma: Izbīdāms vertikāls menju   Izbīdāms vertikāls menju Icon_minitimePiektdiena Jūlijs 26, 2013 5:07 pm

Izbīdāms vertikāls menju 12460110

Kods:
<html>
<head>
<style>
a:focus, a:hover {
color : #7dbc00;
}

a {
color : #fff;
text-decoration : none;
}

#navigation {
margin-bottom : 5px;
}

.subnav {
color : #d1d1d1;
text-align:center;
}

.navhead, .navhead_blank {
width:100%;
text-align:center;
height:21px;
padding-top:3px;
background:url('http://wallaby.ucoz.ru/menu/greenrep.png') 0 0 repeat-x;
border:1px solid #7dbc00;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin-bottom:5px;
display: block;
  width: 210px;  // Ширина раздвижного меню
  height: 30px;  // Высота закритого раздвижного меню
}

.selected {
 background:url('http://wallaby.ucoz.ru/menu/whiterep.png') 0 0 repeat-x;
 border:1px solid #e8e8e8;
display: block;
 font-weight:bold;
  width: 210px;  // Ширина раздвижного меню
  height: 30px;  // Высота закритого раздвижного меню
}

.selected span {
 color:#000!important;
}

.navhead {
cursor : pointer;
}

.submenu {

width:100%;
margin : 0;
padding : 0;
list-style : none;
margin-bottom:20px;
  width: 210px;  // Ширина раздвижного меню
  height: 30px;  // Высота закритого раздвижного меню
}

.submenu li {
margin:0 auto;
width : 95%;
 width: 210px;  // Ширина раздвижного меню
  height: 30px;  // Высота закритого раздвижного меню

}

.submenu li a {
width:100%;
display : block;
color : #ccc;
padding-top : 3px;
height : 20px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background:#111;
 margin-bottom:3px;
 border:1px solid #222;
}

.submenu li a:hover {
color : #fff;
background:#222;
border:1px solid #333;
}
</style>
<script src="http://wallaby.ucoz.ru/menu/jquery.js" type="text/javascript"></script>
<script src="http://wallaby.ucoz.ru/menu/functions.js" type="text/javascript"></script>
</head>
<body>
<div id="navigation">  
  <div class="sidenav">
 <div class="navhead_blank"><span><a href="#" title="">Главная страница</a></span></div>
 <div class="navhead selected"><span>Меню 1</span></div>
 <div style="display: block;" class="subnav">

 <ul class="submenu">
 <li><a href="#" title="">Ссылка 1</a></li>
 <li><a href="#" title="">Ссылка 2</a></li>
 <li><a href="#" title="">Ссылка 3</a></li>
 <li><a href="#" title="">Ссылка 4</a></li>
 </ul>
 </div>

 <div class="navhead"><span>Меню 2</span></div>
 <div style="display: none;" class="subnav">
 <ul class="submenu">
 <li><a href="#" title="">Ссылка 1</a></li>
 <li><a href="#" title="">Ссылка 2</a></li>
 <li><a href="#" title="">Ссылка 3</a></li>
 </ul>

 </div>
 <div class="navhead"><span>Меню 3</span></div>
 <div style="display: none;" class="subnav">
 <ul class="submenu">
 <li><a href="#" title="">Ссылка 1</a></li>
 <li><a href="#" title="">Ссылка 2</a></li>
 <li><a href="#" title="">Ссылка 3</a></li>

 <li><a href="#" title="">Ссылка 4</a></li>
 </ul>
 </div>
 <div class="navhead"><span>Меню 4</span></div>
 <div style="display: none;" class="subnav">
 <ul class="submenu">
 <li><a href="#" title="">Ссылка 1</a></li>

 <li><a href="#" title="">Ссылка 2</a></li>
 <li><a href="#" title="">Ссылка 3</a></li>
 </ul>
 </div>
 <div class="navhead"><span>Меню 5</span></div>
 <div style="display: none;" class="subnav">
 <ul class="submenu">

 <li><a href="#" title="">Ссылка 1</a></li>
 <li><a href="#" title="">Ссылка 2</a></li>
 <li><a href="http://tpl.if.ua" title="">Ссылка 3</a></li>
 </ul>
 </div>
 </div>
 </div>
</body>
</html><div><span id="openstat2324925"></span><script type="text/javascript">var openstat = { counter: 2324925, next: openstat };(function(d, t, p) {var j = d.createElement(t); j.async = true; j.type = "text/javascript";j.src = ("https:" == p ? "https:" : "http:") + "//openstat.net/cnt.js";var s = d.getElementsByTagName(t)[0]; s.parentNode.insertBefore(j, s);})(document, "script", document.location.protocol);new Image().src = "http://cnt1.up.ru/stats.gif?cId=ucoz&cb="+Math.random();</script></div>

DEMO

Atpakaļ uz augšu Go down
https://luksus.latvianforum.net
 
Izbīdāms vertikāls menju
Atpakaļ uz augšu 
Lapa 1 no 1
 Similar topics
-
» Mini čats izbīdāms -apakšā
» Horizontālais izlaižams menju
» Horizontālais izlaižams menju (melns)
» Skaists menju Jūsu lapai
» Horizontālais izlaižams menju tumši zaļš (UCOZ)

Permissions in this forum:Jūs nevarat atbildēt tematos šajā forumā
Luksus :: Materiāli :: Skripti-
Pāriet uz: