meniu

Diskusijos apie WWW svetainių kūrimą.
Skelbti atsakymą
Žinutė
Autorius
Vartotojo avataras
eminem
rašytojas profesionalas
rašytojas profesionalas
Pranešimai: 278
Užsiregistravo: 2005 08 06 11:35
Miestas: kaunas
Susisiekti:

meniu

#1 Standartinė eminem » 2005 12 02 13:55

gal zinote kaip padaryti toki meniu kaip siam saite(uzvedus pele ant migtuko atsiranda sarasa)
http://www.salcius.kaunas.lm.lt/
Paveikslėlis

Vartotojo avataras
Šaras
mega dalyvis
mega dalyvis
Pranešimai: 965
Užsiregistravo: 2005 06 28 12:54
Miestas: Kedainiai

#2 Standartinė Šaras » 2005 12 02 14:32


Vartotojo avataras
Zebda
rašytojas profesionalas
rašytojas profesionalas
Pranešimai: 359
Užsiregistravo: 2004 06 08 18:55
Miestas: Kaunas
Susisiekti:

#3 Standartinė Zebda » 2006 01 31 14:48

Ar naudoji macromedia dreamweaver? Jei taip, tai galesiu lengviau pagelbeti, jei ne galesiu ideti koda cia.
Gyvenimas yra gražus ! ! !

Vartotojo avataras
eminem
rašytojas profesionalas
rašytojas profesionalas
Pranešimai: 278
Užsiregistravo: 2005 08 06 11:35
Miestas: kaunas
Susisiekti:

#4 Standartinė eminem » 2006 01 31 15:58

deja dreamviewerio nenaudoju ,bet gal gali pasakyt koda
Paveikslėlis

Vartotojo avataras
Zebda
rašytojas profesionalas
rašytojas profesionalas
Pranešimai: 359
Užsiregistravo: 2004 06 08 18:55
Miestas: Kaunas
Susisiekti:

#5 Standartinė Zebda » 2006 01 31 16:16

Grysiu namo ir parasysiu. Jei pamirsciau primink, parasydamas i foruma – gausiu emailu pranesima.
Gyvenimas yra gražus ! ! !

Vartotojo avataras
Zebda
rašytojas profesionalas
rašytojas profesionalas
Pranešimai: 359
Užsiregistravo: 2004 06 08 18:55
Miestas: Kaunas
Susisiekti:

#6 Standartinė Zebda » 2006 01 31 20:11

Va, ziurek - pateikiu ant lekstutes.

HTML puslapis

Kodas: Pasirinkti visus

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<link rel="stylesheet" href="emx_nav_left.css" type="text/css">
<script type="text/javascript">
var time = 3000;
var numofitems = 7;

//menu constructor
function menu(allitems,thisitem,startstate){ 
  callname= "gl"+thisitem;
  divname="subglobal"+thisitem;  
  this.numberofmenuitems = 7;
  this.caller = document.getElementById(callname);
  this.thediv = document.getElementById(divname);
  this.thediv.style.visibility = startstate;
}

//menu methods
function ehandler(event,theobj){
  for (var i=1; i<= theobj.numberofmenuitems; i++){
    var shutdiv =eval( "menuitem"+i+".thediv");
    shutdiv.style.visibility="hidden";
  }
  theobj.thediv.style.visibility="visible";
}
				
function closesubnav(event){
  if ((event.clientY <48)||(event.clientY > 107)){
    for (var i=1; i<= numofitems; i++){
      var shutdiv =eval('menuitem'+i+'.thediv');
      shutdiv.style.visibility='hidden';
    }
  }
}
</script>
</head>
<body onmousemove="closesubnav(event);"> 
<div id="masthead"> 
  <h1 id="siteName">&nbsp;</h1> 
  <div id="globalNav"> 
    <div id="globalLink"> 
      <a href="#" id="gl1" class="glink" onmouseover="ehandler(event,menuitem1);">global 
	  link</a><a href="#" id="gl2" class="glink" onmouseover="ehandler(event,menuitem2);">global
      link</a><a href="#" id="gl3" class="glink" onmouseover="ehandler(event,menuitem3);">global
      link</a><a href="#" id="gl4" class="glink" onmouseover="ehandler(event,menuitem4);">global
      link</a><a href="#" id="gl5" class="glink" onmouseover="ehandler(event,menuitem5);">global
      link</a><a href="#" id="gl6" class="glink" onmouseover="ehandler(event,menuitem6);">global
      link</a><a href="#" id="gl7" class="glink" onmouseover="ehandler(event,menuitem7);">global
      link</a> 
    </div> 
  </div> 
  <div id="subglobal1" class="subglobalNav"> 
    <a href="#">subglobal1 link</a> | <a href="#">subglobal1 link</a> | <a href="#">subglobal1
    link</a> | <a href="#">subglobal1 link</a> | <a href="#">subglobal1 link</a> | <a href="#">subglobal1
    link</a> | <a href="#">subglobal1 link</a> 
  </div> 
  <div id="subglobal2" class="subglobalNav"> 
    <a href="#">subglobal2 link</a> | <a href="#">subglobal2 link</a> | <a href="#">subglobal2
    link</a> | <a href="#">subglobal2 link</a> | <a href="#">subglobal2 link</a> | <a href="#">subglobal2
    link</a> | <a href="#">subglobal2 link</a> 
  </div> 
  <div id="subglobal3" class="subglobalNav"> 
    <a href="#">subglobal3 link</a> | <a href="#">subglobal3 link</a> | <a href="#">subglobal3
    link</a> | <a href="#">subglobal3 link</a> | <a href="#">subglobal3 link</a> | <a href="#">subglobal3
    link</a> | <a href="#">subglobal3 link</a> 
  </div> 
  <div id="subglobal4" class="subglobalNav"> 
    <a href="#">subglobal4 link</a> | <a href="#">subglobal4 link</a> | <a href="#">subglobal4
    link</a> | <a href="#">subglobal4 link</a> | <a href="#">subglobal4 link</a> | <a href="#">subglobal4
    link</a> | <a href="#">subglobal4 link</a> 
  </div> 
  <div id="subglobal5" class="subglobalNav"> 
    <a href="#">subglobal5 link</a> | <a href="#">subglobal5 link</a> | <a href="#">subglobal5
    link</a> | <a href="#">subglobal5 link</a> | <a href="#">subglobal5 link</a> | <a href="#">subglobal5
    link</a> | <a href="#">subglobal5 link</a> 
  </div> 
  <div id="subglobal6" class="subglobalNav"> 
    <a href="#">subglobal6 link</a> | <a href="#">subglobal6 link</a> | <a href="#">subglobal6
    link</a> | <a href="#">subglobal6 link</a> | <a href="#">subglobal6 link</a> | <a href="#">subglobal6
    link</a> | <a href="#">subglobal6 link</a> 
  </div> 
  <div id="subglobal7" class="subglobalNav"> 
    <a href="#">subglobal7 link</a> | <a href="#">subglobal7 link</a> | <a href="#">subglobal7
    link</a> | <a href="#">subglobal7 link</a> | <a href="#">subglobal7 link</a> | <a href="#">subglobal7
    link</a> | <a href="#">subglobal7 link</a> 
  </div> 
  <div id="subglobal8" class="subglobalNav"> 
    <a href="#">subglobal8 link</a> | <a href="#">subglobal8 link</a> | <a href="#">subglobal8
    link</a> | <a href="#">subglobal8 link</a> | <a href="#">subglobal8 link</a> | <a href="#">subglobal8
    link</a> | <a href="#">subglobal8 link</a> 
  </div> 
</div> 
<br> 
<script type="text/javascript">
    <!--
      var menuitem1 = new menu(7,1,"hidden");
			var menuitem2 = new menu(7,2,"hidden");
			var menuitem3 = new menu(7,3,"hidden");
			var menuitem4 = new menu(7,4,"hidden");
			var menuitem5 = new menu(7,5,"hidden");
			var menuitem6 = new menu(7,6,"hidden");
			var menuitem7 = new menu(7,7,"hidden");
    </script> 
</body>
</html>
CSS puslapis

Kodas: Pasirinkti visus

body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	background: #cccccc url("bg_grad.jpg") fixed;
}
#masthead{
	position: absolute;
	top: 0px;
	left: 2%;
	right: 2%;
	width:95.6%;
}
#siteName{
	margin: 0px;
	padding: 16px 0px 8px 0px;
	color: #ffffff;
	font-weight: normal;
}
#globalNav{
position: relative;
width: 100%;
min-width: 640px;
height: 32px;
color: #cccccc;
padding: 0px;
margin: 0px;
background-image:  url("glbnav_background.gif");
}
#globalNav img{
	margin-bottom: -4px;
}
#gnl {
	position: absolute;
	top: 0px;
	left:0px;
}
#gnr {
	position: absolute;
	top: 0px;
	right:0px;
}
#globalLink{
	position: absolute;
	top: 6px;
	height: 22px;
	min-width: 640px;
	padding: 0px;
	margin: 0px;
	left: 10px;
	z-index: 100;
}
a.glink, a.glink:visited{
  	font-size: small;
  	color: #000000;
	font-weight: bold;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	border-right: 1px solid #8FB8BC;
}
a.glink:hover{
  	background-image:  url("glblnav_selected.gif");
	text-decoration: none;
}
.skipLinks {display: none;}
.subglobalNav{
	position: absolute;
	top: 84px;
	left: 0px;
	/*width: 100%;*/
	min-width: 640px;
	height: 20px;
	padding: 0px 0px 0px 10px;
	visibility: hidden;
	color: #ffffff;
}
.subglobalNav a:link, .subglobalNav a:visited {
	font-size: 80%;
	color: #ffffff;
}
.subglobalNav a:hover{
	color: #cccccc;
}
h1{
 font: bold 120% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font: bold 114% Arial,sans-serif;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font: 100% Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font: 100% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}
Kode galima galybe info ismesti nes ji nereikalinga arba kaip pvz truksta 3 paveiksliuku, kad susidaryti geresni vaizda, taciau funkcionalumas matosi. Nenorejau daug laiko praleisti,nes nezinojau ar tau taslabai ir idomu. Paklausei - atsakiau. :wink:
Gyvenimas yra gražus ! ! !

Vartotojo avataras
eminem
rašytojas profesionalas
rašytojas profesionalas
Pranešimai: 278
Užsiregistravo: 2005 08 06 11:35
Miestas: kaunas
Susisiekti:

#7 Standartinė eminem » 2006 02 01 13:48

aciu labai padejai :D
Paveikslėlis

Vartotojo avataras
Zebda
rašytojas profesionalas
rašytojas profesionalas
Pranešimai: 359
Užsiregistravo: 2004 06 08 18:55
Miestas: Kaunas
Susisiekti:

#8 Standartinė Zebda » 2006 02 01 20:12

Visi taip turime elgtis. :wink:
Gyvenimas yra gražus ! ! !

euro
Pranešimai: 2
Užsiregistravo: 2006 07 16 10:44

#9 Standartinė euro » 2006 07 16 12:41

o gal galetum ir vertikalaus meniu toki pati koda ideti? :) tik as jau turiu pirminius mygtukus, prie ju reikia prilipdyti papildomus issiskleidziancius mygtukus,kurie i desine skleistusi :)

Skelbti atsakymą

Grįžti į

Dabar prisijungę

Vartotojai naršantys šį forumą: 1 ir 0 svečias(ių)