Hogyan lehet menüt készíteni? (lent)
Van egy weblapom [link] és nem tudok menüt készíteni..tudnátok ajánlani egy oldalt ahol megmondja rendesen és a kódot is leírja kérlek..
amúgy a menü azt jelenti: főoldal,vendégkönyv stb.
válasza:Miből áll a menü? A menü áll linkekből, amikre ha rákattintunk akkor elugrik egy másik oldalra (másik html kimenetű fájlokra) a böngésző. Tehát kell hozzá tudni a menüpontok neveit (ezt már tudod hiszen írtad: főoldal, vendégkönyv, stb) és kell tudni azt az elérési utat (pl. index.html, vendegkonyv.php, index.php?oldal=akarmi, stb), ahová szeretnéd, hogy tovább ugorjon a böngésző, ha rákattintanak az adott linkre.
Ehhez tudni kell, hogy html-ben hogy készítünk linket. Így:
<a href="erre_az_oldalra_ugrik.html">Ide kattints</a>
A menüpontokat érdemes listába tenni, a könnyebb formázhatóság miatt is. Így néz ki a lista html kódja:
<ul>
<li>lista elem 1</li>
<li>lista elem 2</li>
<li>lista elem 3</li>
</ul>
És akkor most rakjuk a listába a menüpontokat például főoldal, elérhetőségek, vendégkönyv. Így fog kinézni:
<ul>
<li><a href="fooldal.html">Főoldal</a></li>
<li><a href="elerhetosegek.html">Elérhetőségek</a></li>
<li><a href="vendegkonyv.php">Vendégkönyv</a></li>
</ul>
(A vendégkönyvet, mint látod php kiterjesztéssel írtam, mert azt többnyire php-ben írják.)
Kész a menü, most formázni kell. Ezt css kóddal érdemes. A CSS-t a html váz head részébe illik tenni (vagy külön fájlba, de azt most hagyjuk). Tehát a <head></head> tegek közé:
<style type="text/css">
</style>
És ezek közé jön a lista formázása, így:
<style type="text/css">
ul{
list-style:none; /*nincsenek pontozva a lista elemek*/
}
ul a{
color:brown; /*menüpontok színe*/
text-decoration:none; /*ne legyen aláhúzva a link*/
}
ul a:hover{
color:red; /*menüpont színe, ha rávisszük az egeret*/
}
</style>
Na kb így kell menüt készíteni. De valójában sokféle módszer van rá, szóval ha találsz jobbat csináld úgy. (Lehet hiba a css kódban, fejből írtam.)
válasza:nemazért de elöttem lévő válaszadó pontosan leírta mihogy kell...
miért kell kiemelni a kérdést :D? nemérted akk leírhatnád ...
Kapcsolódó kérdések:
Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!