Може ли някой да ми преработи хоризонтално меню в вертикално

A

alexander_85

Registered
Код: 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=window-1251">
<meta name="description" content="#" />
<meta name="keywords" content="#" />
<meta name="author" content="#" />
<script type="text/javascript" src="uploads/GrassStains/niftycube.js"></script>
<script type="text/javascript" src="uploads/GrassStains/niftygrassLayout.js"></script>

<link rel="stylesheet" type="text/css" href="http://www.kennelquantos.com/stylesheet.php?templateid=20" />
<link rel="stylesheet" type="text/css" media="screen" href="http://www.kennelquantos.com/stylesheet.php?templateid=20&mediatype=screen" />

<title>www.KennelQuantos.com</title>

</head>
<body>
<div class="wrap clearfix">
  <div class=""><strong></strong></div>
   <div class="topnav" id="nav">
   <div id="">
<ul id="primary-nav">
	<li class="menuactive"><a class="menuactive" href="http://www.kennelquantos.com/index.php?page=home">Начало</a></li>
	<li><a href="http://www.kennelquantos.com/index.php?page=om-oss">За Нас</a></li>
	
	<li class="menuparent"><a class="menuparent" href="http://www.kennelquantos.com/index.php?page=resultater">Мъжки</a>
	<ul>
	<li><a href="http://www.kennelquantos.com/index.php?page=2007-2">Moris Splitberg</a></li>
	<li><a href="http://www.kennelquantos.com/index.php?page=2006-2">Fanto Vlaisavljevic</a>
	<li><a href="http://www.kennelquantos.com/index.php?page=2007-2">Canon Spliberg</a></li>
	<li><a href="http://www.kennelquantos.com/index.php?page=2006-2">Aras Splitberg</a>
	</li></ul>
	</li>
	<li class="menuparent"><a class="menuparent" href="http://www.kennelquantos.com/index.php?page=aktive">Жеснки</a>

	<ul>
	<li><a href="http://www.kennelquantos.com/index.php?page=iza-av-quantos">Zana vom Vlaisavljevic</a></li>
	<li><a href="http://www.kennelquantos.com/index.php?page=nobby-zazha-av-quantos">Etna Vlaisavljevic</a></li>
	<li><a href="http://www.kennelquantos.com/index.php?page=inger-lise-nora-telissa">Dixi Vlaisavljevic</a></li>

	<li><a href="http://www.kennelquantos.com/index.php?page=totten">Deni Junior Vlaisavljevic</a></li>
	<li><a href="http://www.kennelquantos.com/index.php?page=tor-harald-zenta">Falvavolgyi Qvena</a></li>
	<li><a href="http://www.kennelquantos.com/index.php?page=roy-nixxe-waco">Timba Vlaisavljevic</a></li>

	</li></ul>
	</li>
	<li class="menuparent"><a class="menuparent" href="http://www.kennelquantos.com/index.php?page=meritter">Млади</a>
	<ul>
	<li><a href="http://www.kennelquantos.com/index.php?page=beste-oppdretter-2005">Ghandi v.d Alexander</a></li>
	<li><a href="http://www.kennelquantos.com/index.php?page=mutz-av-quantos">Dixi Alexander</a></li>
	<li><a href="http://www.kennelquantos.com/index.php?page=votan-av-quantos">Figo v.d Alexander</a></li>

	<li><a href="http://www.kennelquantos.com/index.php?page=adaya-av-quantos">Fabia v.d Alexander</a></li>
	<li><a href="http://www.kennelquantos.com/index.php?page=iza-av-quantos-2">Zad Vlaisavljevic</a></li>
	<li><a href="http://www.kennelquantos.com/index.php?page=ankan-e-av-quantos">Dala Splitberg</a></li>
	<li><a href="http://www.kennelquantos.com/index.php?page=quidi-av-quantos">Guarda v.d Alexander</a></li>

	</li></ul>
	</li>
	<li class="menuparent"><a class="menuparent" href="http://www.kennelquantos.com/index.php?page=meritter">Бебета</a>
        <ul>
	<li><a href="http://www.kennelquantos.com/index.php?page=beste-oppdretter-2005">Имаме малки от:</a></li>
	<li><a href="http://www.kennelquantos.com/index.php?page=mutz-av-quantos">Очакваме малки от:</a></li>

        </li></ul>
        </li>
	<li class="menuparent"><a class="menuparent" href="http://www.kennelquantos.com/index.php?page=nyheter">Продажби</a>
	<li class="menuparent"><a class="menuparent" href="http://www.kennelquantos.com/index.php?page=nyheter">Галерия</a>
	<li class="menuparent"><a class="menuparent" href="http://www.kennelquantos.com/index.php?page=nyheter">Видео</a>


	<li class="menuparent"><a class="menuparent" href="http://www.kennelquantos.com/index.php?page=meritter">Връзки</a>
	<ul>
	<li><a href="http://www.kennelquantos.com/index.php?page=beste-oppdretter-2005">България</a></li>
	<li><a href="http://www.kennelquantos.com/index.php?page=mutz-av-quantos">Македония</a></li>
	<li><a href="http://www.kennelquantos.com/index.php?page=votan-av-quantos">Сърбия</a></li>
	<li><a href="http://www.kennelquantos.com/index.php?page=adaya-av-quantos">Хърватска</a></li>

	<li><a href="http://www.kennelquantos.com/index.php?page=iza-av-quantos-2">Чехия</a></li>
	<li><a href="http://www.kennelquantos.com/index.php?page=ankan-e-av-quantos">Унгария</a></li>
	<li><a href="http://www.kennelquantos.com/index.php?page=quidi-av-quantos">Италия</a></li>
	<li><a href="http://www.kennelquantos.com/index.php?page=adaya-av-quantos">Германия</a></li>
	
        </li></ul>
        </li>
        <li class="menuparent"><a class="menuparent" href="http://www.kennelquantos.com/index.php?page=meritter">История</a>
	
	
	</li>
	</ul>
</div>

  </div>
	
</body>
</html>
Мерси! :(
 
Ей сега ще го направя :P
 
ами няма цсс фалловете и снимките я ги дай за да ти го направя
 
ами немога да ги намеря и аз

EDIT:// на половината съм още малко остава
 
ето ти кода (еее не стана както искаше обаче няма начин да стане освен ако не си го правиш ти)

Код: 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>


<title>www.KennelQuantos.com</title>

<meta http-equiv="content-type" content="text/html; charset=window-1251">
<meta name="description" content="#" />
<meta name="keywords" content="#" />
<meta name="author" content="#" />
 <style type="text/css">

#dropmenudiv{
position:absolute;
background: #ffffff url(http://www.kennelquantos.com/uploads/GrassStains/topnav_bg_grey.gif) ;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
background: #ffffff url(http://www.kennelquantos.com/uploads/GrassStains/topnav_bg_grey.gif) ;
}


.navlist li {
list-style-type: square;
width: 135px;
background: #ffffff url(http://www.kennelquantos.com/uploads/GrassStains/topnav_bg_grey.gif) ;
}

</style>


<script type="text/javascript">

/***********************************************
* Вертикално меню с линкове
* Урок преведен и сглобен от Our специално за web-tourist.net !
* Преписването му от тук е напълно забранено.
***********************************************/

//Съдържание на менюто само с един бутон :
var menu1=new Array()
menu1[0]='<a href="линк_в_менюто_1">Линк 1 в падащо меню</a>'
menu1[1]='<a href="линк_в_менюто_2">Линк 2 в падащо меню</a>'
menu1[2]='<a href="линк_в_менюто_3">Линк 3 в падащо меню</a>'
menu1[3]='<a href="линк_в_менюто_4">Линк 4 в падащо меню</a>'
menu1[4]='<a href="линк_в_менюто_5">Линк5 в падащо меню</a>'


//Съдържанието на менюто със списъка с бутони :
var menu2=new Array()
menu2[0]='<a href="линк1">Линкът 1</a>'
menu2[1]='<a href="линк2">Линкът 2</a>'
menu2[2]='<a href="линк3">Линкът 3</a>'
menu2[4]='<a href="линк4">Линкът 4</a>'
menu2[3]='<a href="линк5">Линкът 5</a>'
menu2[4]='<a href="линк6">Линкът 6</a>'

var disappeardelay=250
var horizontaloffset=2



var ie4=document.all
var ns6=document.getElementById&&!document.all

if (ie4||ns6)
document.write('<div id="dropmenudiv" style="visibility:hidden;width: 160px" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')

function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}


function showhide(obj, e, visible, hidden, menuwidth){
if (ie4||ns6)
dropmenuobj.style.left=dropmenuobj.style.top=-500
dropmenuobj.widthobj=dropmenuobj.style
dropmenuobj.widthobj.width=menuwidth
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function clearbrowseredge(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x-obj.offsetWidth < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure+obj.offsetWidth
}
else{
var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move menu up?
edgeoffset=dropmenuobj.contentmeasure-obj.offsetHeight
if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either? (position at top of viewable window then)
edgeoffset=dropmenuobj.y
}
}
return edgeoffset
}

function populatemenu(what){
if (ie4||ns6)
dropmenuobj.innerHTML=what.join("")
}


function dropdownmenu(obj, e, menucontents, menuwidth){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
clearhidemenu()
dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
populatemenu(menucontents)

if (ie4||ns6){
showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+obj.offsetWidth+horizontaloffset+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+"px"
}

return clickreturnvalue()
}

function clickreturnvalue(){
if (ie4||ns6) return false
else return true
}

function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

function dynamichide(e){
if (ie4&&!dropmenuobj.contains(e.toElement))
delayhidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhidemenu()
}

function hidemenu(e){
if (typeof dropmenuobj!="undefined"){
if (ie4||ns6)
dropmenuobj.style.visibility="hidden"
}
}

function delayhidemenu(){
if (ie4||ns6)
delayhide=setTimeout("hidemenu()",disappeardelay)
}

function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}

</script>


<ul class="navlist">
<li><a href="http://stranicata.com">Начало</a></li>
<li><a href="stranicata.bg">За нас</a></li>
<li onMouseover="dropdownmenu(this, event, menu2, '150px')" onMouseout="delayhidemenu()">
<a href="stranicata.net">Мъжки</a></li>
</li>
<li onMouseover="dropdownmenu(this, event, menu2, '150px')" onMouseout="delayhidemenu()">
<a href="stranicata.net">Женски</a></li>
</li>
<li onMouseover="dropdownmenu(this, event, menu2, '150px')" onMouseout="delayhidemenu()">
<a href="stranicata.net">Млади</a></li>
</li>
<li onMouseover="dropdownmenu(this, event, menu2, '150px')" onMouseout="delayhidemenu()">
<a href="stranicata.net">Бебета</a> </li>
<li><a href="stranicata.bg">Продажби</a></li>
<li><a href="stranicata.org">Галерия</a></li>
<li><a href="stranicata.org">Видео</a></li>
<li onMouseover="dropdownmenu(this, event, menu2, '150px')" onMouseout="delayhidemenu()">
<a href="stranicata.net">Връзки</a></li>
</li>
<li><a href="stranicata.org">История</a></li>
</ul>

</head>
<body>


   
</body>
</html>

дано да ти е харесало как стана :wink:
 
Много ти благодаря!А да те попитам как може да стане падащо меню?
А на стария код можеш ли само да му махнеш белия фон?Много мерси!
 
alexander_85 каза:
Много ти благодаря!А да те попитам как може да стане падащо меню?
А на стария код можеш ли само да му махнеш белия фон?Много мерси!
Увеличете...

ами то си е падащо меню.и кой бял фон да махна ?
 
май не се изказах като хората може ли това меню което ми направи да мърда с предвижването на страницата на долу и нагоре?
 
да еи сега 6те се опитам да го направя
 
http://www.dynamicdrive.com/dynamicindex1/slideinlink.htm

ето пробвай от тук :P земи този код и малко си го едитни :P
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе