Hur får jag in denna jquery-menyn i overall-header?

jonthee · Inlägg av **jonthee** » 2011-02-14 12:15

Hej!

Jag har laddat ner källkodsfilerna för denna menyn:

http://nettuts.s3.amazonaws.com/600_spa ... index.html

Filerna består av en css-fil, en html-fil och en jquery-fil, dvs. sammanlagt tre st filer.

Kan någon förklara i detalj hur jag får in menyn i overall-header? På min hemsida som ni hittar i signaturen så har jag för tillfället en bild under headern där jag vill att menyn ska vara istället.

Tack så jättemycket på förhand!

Mvh
Jonathan Petersson

Inlägg av **Peetra** » 2011-02-15 15:12

Den menyn är ju tjusig.

Kan du länka till din hemsida i ett inlägg, din signatur syns inte. Vad heter din stil?

Fanns det nåt mer än följande i det du laddade ner?

Kod: Markera allt

<!DOCTYPE html> 
 
<html lang="en"> 
<head> 
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
	<title>untitled</title> 
	<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" /> 
</head> 
<body> 
 
<div id="container"> 
 
	<ul id="nav"> 
		<li id="selected"><a href="#">Home</a></li> 
		<li><a href="#">About</a></li> 
		<li><a href="#">Blog</a></li> 
		<li><a href="#">More About My Portfolio</a></li> 
		<li><a href="#">Contact</a></li> 
	</ul> 
 
</div> 
 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>	
 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script> 
 
<script type="text/javascript" src="js/jquery.spasticNav.js"></script>	
 
<script type="text/javascript"> 
$('#nav').spasticNav();
</script> 
 
     
</body> 
</html>

Kod: Markera allt

#container {
 width: 1200px;
 margin: 100px auto;
}

ul, li {
 margin: 0; padding: 0;
}

#blob {

 border-right: 1px solid #0059ec;
 border-left: 1px solid #0059ec;
 position: absolute;
 top: 0;
 z-index : 1;
 background: #0b2b61;
 background: -moz-linear-gradient(top, #0b2b61, #1153c0);
 background: -webkit-gradient(linear, left top, left bottom, from(#0b2b61), to(#1153c0));
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 -moz-box-shadow: 2px 3px 10px #011331;
 -webkit-box-shadow: 2px 3px 10px #011331;

}

#nav {
 position: relative;
 background: #292929;
 float: left;
}

#nav li {
 float: left;
 list-style: none;
 border-right: 1px solid #4a4a4a;
 border-left: 1px solid black;
}

#nav li a {
 color: #e3e3e3;
 position: relative;
 z-index: 2;
 float: left;
 font-size: 30px;
 font-family: helvetica, arial, sans-serif;
 text-decoration: none;
 padding: 30px 45px;
}

jonthee · Inlägg av **jonthee** » 2011-02-23 15:29

Hej o tack för svar!

Hittade dock ett enkelt jquery-script som jag nu använder, kolla forumet så ser du längst upp

Verkar vara någon konflikt mellan det scriptet och bildgalleriet, men inte mer än att menyn försvinner på just den sidan.

mvh
Jonathan

Inlägg av **Holger** » 2011-02-28 10:12

Vad är det för skript?

jonthee · Inlägg av **jonthee** » 2011-03-01 18:46

Hej!

Här fanns scriptet:

http://www.javascriptkit.com/script/scr ... anel.shtml

Jag bara ändrade html-filen och bilden.

Mvh
Jonathan

Inlägg av **Holger** » 2011-03-01 19:56

Tack!

Inlägg av **Peetra** » 2011-03-02 00:05

Haha, Holger, jag tog det ur källan, efter att ha hittat den filen som fattades. Blev den finaste "under construction"-sidan jag gjort iallafall. Nu är problemet bara att försöka göra nåt CMS till den, så jag bara sitter å leker med menyn istället.

http://kokkomc.fi

jonthee · Inlägg av **jonthee** » 2011-03-03 11:21

PS, Holger, jag bara la koden i overall_header och sedan javascriptfilerna och html-filen i root på forumet.

Mvh
Jonathan

Hur får jag in denna jquery-menyn i overall-header?

Hur får jag in denna jquery-menyn i overall-header?

Re: Hur får jag in denna jquery-menyn i overall-header?

Re: Hur får jag in denna jquery-menyn i overall-header?

Re: Hur får jag in denna jquery-menyn i overall-header?

Re: Hur får jag in denna jquery-menyn i overall-header?

Re: Hur får jag in denna jquery-menyn i overall-header?

Re: Hur får jag in denna jquery-menyn i overall-header?

Re: Hur får jag in denna jquery-menyn i overall-header?

Vilka är online