Pomoc oko (padajuceg )menija

N

nenadsim

Član
Učlanjen(a)
28.06.2010
Poruka
3
Imam mali problemcic.
Posto sam jos pocetnik i ne poznajem dovoljno HTML treba mi vasa pomoc,
Napravio sam padajuci meni tako da kada se pridje misem npr. na "POCETNA" izadje ispod padajuci meni, e sad kako da kliknem na jedno od tih reči koje su u tom menije, da bi mi se otvorila ta stranica.
Npr. kada kliknem na Kontakt u meniju da se otvori stranica koju sam napravio za kontakt.
I jos jedno pitanje, kako da dizajniram taj meni?
 
N

nenadsim

Član
Učlanjen(a)
28.06.2010
Poruka
3
Otkucao sam ja i CSS kod samo mi sad treba da napravim da kada kliknem na rec u padajucem meniju, da mi se otvori stranica npr. kontakt
 
N

nenadsim

Član
Učlanjen(a)
28.06.2010
Poruka
3
<style type="text/css">
li{
float:left;
list-style:none;
}

ul {
list-style: none;
padding: 0;
margin:0px;
}

a{
outline:none;
display:block;
background-color:#003;
color:#0CF;
text-align:center;
width:80px;
text-decoration:none;
}

a:hover{
display:block;
background-color:#333;
color:#0FF;
text-align:center;
width:80px;
text-decoration:none;
}

ul li ul li{
display:none;
position:relative;

}

ul li:hover ul li{
display:block;
width:80px;
background-color:#000;
color:#FFF;
text-decoration:none;
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;
position:relative;

}
ul li{
width:80px;
}


#navigacija{
width:560px;
height:20px;
float:left;
}

#telo{
height:300px;
width:560px;
background-image:url(abs.jpg);
color:#CCCCCC;
}

</style>






<body>

<div id="navigacija">
<ul>
<li><a href="#">Pocetna</a>
<ul>
<a href="Registracija.html">
<li><a href="#">Nenad</a></a></li>
<li><a href="#">Jevtic</a></li>
<li><a href="#">Nenad</a></li>
</ul>
</li>

<li><a href="#">O nama</a>
<ul>
<li><a href="#">Link1</a></li>
<li><a href="#">Link2</a></li>
<li><a href="#">Link3</a></li>
<li><a href="#">Link4</a></li>
<li><a href="#">Link5</a></li>
<li><a href="#">Link6</a></li>
<li><a href="#">Link7</a></li>
<li><a href="#">Link8</a></li>
</ul>

</li>
<li><a href="#">Usluge</a>


<ul>
<li><a href="#">Proizvodnja</a></li>

</ul>

<li><a href="#">Galerija</a></li>
<li><a href="#">Proizvodi</a></li>
<li><a href="#">Kontakt</a></li>
<li><a href="#">Linkovi</a></li>
</ul>
</div>

<div id="telo"></div>
$("li:has(ul)").hover(function())
$(this).children("ul").css("display", "none");
$(this).children("ul").fadeIn("slow");$(this).children("ul").hide("fast");

<script src="jquery-1.3.2.min.js"></script>

<script type="text/javascript">

$(document).ready(function()
{
$("li:has(ul)").hover(function()
{
$(this).children("ul").css("display", "none");
$(this).children("ul").fadeIn("slow");
},
function()
{
$(this).children("ul").fadeOut("fast");
});
})

</script>





</body>
<p>

Evo tu imas i css i html kod pa ti ako imas malo vremena prepravi to i kazi mi kako da nastavim,
Hvala
 
Shuvak89

Shuvak89

Član
Učlanjen(a)
14.02.2010
Poruka
156
Vidi ovako, html sam nesto dodao a padajuci meni ne ide na link jer nema linka...tamo gde je taraba trebas uneti url tipa index.html, link1.html...

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Sajt</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="IME CSS-A.css" media="screen" />
</head>
<body>

<div id="navigacija">
<ul>
<li><a href="index.html">Pocetna</a>
<ul>


<a href="Registracija.html">
<li><a href="Nenad.html">Nenad</a></a></li>
<li><a href="Jevtic.html">Jevtic</a></li>
<li><a href="Nenad.html">Nenad</a></li>
</ul>
</li>


U css-u neke stvari nisu dobro napisane ili ja nisam dobro kopirao...ono sto mogu da te savetujem je da batalis jquery i javascript dok ne naucis css i html...ja sam ostavio par pps fajlova(powerpoint fajl) sa mojih predavanja gde verujem da mozes naci nesto korisno iz html i css-a...samo te fajlove nemam vise ali ima na forumu mislim pa potrazi.
 
N

nenadsim

Član
Učlanjen(a)
28.06.2010
Poruka
3
Da li bi ti hteo da ti platim ili neki drugi clan foruma da mi malo dizajnira ovaj meni i pozadinu sajta, znaci da bude nesto malo profesionalno, pravim sajt pa bi hteo uz nečiju pomoć. Npr. ovakav neki meni http://www.nenadsimic.netii.net/ (pravio sam sajt ali mi se ne svidja zato jer samo pružaju njihove šablone, ne daju da ja ubacim moje)

Evo ga HTML kod menija,
<style type="text/css">
li{
float:left;
list-style:none;
}

ul {
list-style: none;
padding: 0;
margin:0px;
}

a{
outline:none;
display:block;
background-color:#003;
color:#0CF;
text-align:center;
width:80px;
text-decoration:none;
}

a:hover{
display:block;
background-color:#333;
color:#0FF;
text-align:center;
width:80px;
text-decoration:none;
}

ul li ul li{
display:none;
position:relative;

}

ul li:hover ul li{
display:block;
width:80px;
background-color:#000;
color:#FFF000;
text-decoration:none;
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;
position:relative;

}
ul li{
width:80px;
}


#navigacija{
width:560px;
height:20px;
float:left;
}

#telo{
height:300px;
width:560px;
background-image:url(abs.jpg);
color:#FF0000;
}

</style>


<head>
<title>***NENAD SIMIC***</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="IME CSS-A.css" media="screen" />
</head>
<body>

<div id="navigacija">
<ul>
<li><a href="Hotmail,Gmail,Yahoo.html">Pocetna</a>
</li>
</ul>

<ul>
<li><a href="Knjiga gostiju.html">Knjiga gostiju</a>
</li>
</ul>

<ul>
<li><a href="Registracija.html">Registracija</a>
</li>
</ul>

<ul>
<li><a href="Kontakt.html">Kontakt</a>
</li>
</ul>

Pa vi prepravite, ako neko hoće.
Znači meni treba da mi neko napravi šablon, a ja ću njemu da platim iznos koji kaže.
Ako je neko zainteresovan može da uradi pa da mi kod pošalje na e-mail adresi: simicnenad72@gmail.com
Hvala!
 
Poslednja izmena:
Morate se prijaviti ili registrovati da odgovorite ovde.
Natrag
Top