Gå til innhold

Hjelp til meny


Anbefalte innlegg

Jeg ønsker å få laget en meny, hvor menypunktet får en annen bakgrundsfarve, når siden som linker henviser til er aktiv. Et eksempel på dette er Telenor mobil.

 

Malen jeg ønsker å bruke ligger som et eksempel her.

 

Menypunktene er lagret i mysql og hentes ut med id.

 

Eks: meny.php?katid=214

 

Noen som kan hjelpe meg med dette? :)

Lenke til kommentar
Videoannonse
Annonse
a:hover {
color: #fff /* Bytt ut med fargekode */
}

Dette løser vel problemet ditt?

 

Koden jeg gav deg er css, så den må bare legges i ett eksternt stilark ^^

9221422[/snapback]

Jeg tror jeg forklarte meg litt dårlig :blush: Jeg har allerede fått til å lage "a:hover", men trenger at menypunktet skifter farge når jeg er inne på siden.

 

Eks. Jeg klikker på linken til siden "Om meg"

 

Når jeg er inne på siden "Om meg" skal menypunktet "Om meg" lyse i en annen farge.

 

Beklager dårlig forklaring i første post.

Lenke til kommentar

Jeg har laget dette i php, så vet ikke om a.active kan brukes... Linkene er hentet fra en database slik at de automatisk blir gennerert.

 

Eks. Link 1. "Om meg" -> katid=1 -> link: meny.php?katid=1

Eks. Link 2. "Linker" -> katid=2 -> link: meny.php?katid=2

Endret av mariusmk
Lenke til kommentar

PHP spytter jo bare ut HTML-kode, så klart kan du bruke metoden det lenkes til. Det eneste du må passe på, er å gi menypunktet en klasse som unikt identifiserer det, når du er inne på siden menypunktet peker til. Deretter styler du med CSS slik som i tråden det lenkes til.

Lenke til kommentar
PHP spytter jo bare ut HTML-kode, så klart kan du bruke metoden det lenkes til. Det eneste du må passe på, er å gi menypunktet en klasse som unikt identifiserer det, når du er inne på siden menypunktet peker til. Deretter styler du med CSS slik som i tråden det lenkes til.

9224220[/snapback]

Ja, dette burde jeg sikke kunne fra før... Kan noen komme med et eksempel?
Lenke til kommentar

Bruk følgende css

li.aktiv, li.aktiv a {
background-color: navy;
color: #fff;
}

 

Og så bruker du php eller javascript til å oppdatere menyen din

 

Her er et lite og enkelt eksempel (PHP)

 

<ul>
<?php
if(basename($_SERVER['php_self']) "index.php") {
 echo "<li class="aktiv"><a href="index.php">Hovedsiden</a></li>
} 
else {
 echo "<li><a href="index.php">Hovedsiden</a></li>
}
if(basename($_SERVER['php_self']) == "ommeg.php") {
 echo "<li class="aktiv"><a href="ommeg.php">Om meg</a></li>
}
else {
  echo "<li><a href="ommeg.php">Om meg</a></li>
}
?>
</ul>

Endret av MrNeeon
Lenke til kommentar
Bruk følgende css

li.aktiv, li.aktiv a {
background-color: navy;
color: #fff;
}

 

Og så bruker du php eller javascript til å oppdatere menyen din

 

Her er et lite og enkelt eksempel (PHP)

 

<ul>
<?php
if(basename($_SERVER['php_self']) "index.php") {
 echo "<li class="aktiv"><a href="index.php">Hovedsiden</a></li>
} 
else {
 echo "<li><a href="index.php">Hovedsiden</a></li>
}
if(basename($_SERVER['php_self']) == "ommeg.php") {
 echo "<li class="aktiv"><a href="ommeg.php">Om meg</a></li>
}
else {
  echo "<li><a href="ommeg.php">Om meg</a></li>
}
?>
</ul>

9224790[/snapback]

Ja det må nok bli noe slikt, men det eneste er at jeg bruker mysql database. Jeg har ikke flere php filer med innholdet. Jeg har kun en fil som henter innholdet som skal være på siden. Denne filen heter meny.php.

 

Vil at det du skrev over skal skje automatisk. Noen som vet hva jeg kan gjøre. :dontgetit:

Lenke til kommentar

Anbefaler deg å lese litt på php.net og mysql.org.. men.. du kan gjøre noe alla dette:

 

<?php
echo "<ul>";

$fetch = "SELECT id,tittel FROM database.tabellnavn ORDER BY tittel";
$query = mysql_query($fetch);
while($rad = mysql_fetch_array($query)) {
  if($rad['id'] == $_GET['id']) {
    $class = " class=\"aktiv\"";
  }
  else {
    $class = "";
  }
echo "<li".$class."><a href=\"index.php?side=".$rad['id'].">".$rad['tittel']."</a></li>";
}

echo "</ul>";
?>

 

Om du nå er så dum at du bare kopierer og limer inn for så å poste et nytt innlegg der du sier:

Eh.. koden fungerer ikke, er det noen andre som har et forslag

Da anbefaler jeg deg å gjøre noe annet en webdesign/programmering..

Lenke til kommentar
Anbefaler deg å lese litt på php.net og mysql.org.. men.. du kan gjøre noe alla dette:

 

<?php
echo "<ul>";

$fetch = "SELECT id,tittel FROM database.tabellnavn ORDER BY tittel";
$query = mysql_query($fetch);
while($rad = mysql_fetch_array($query)) {
  if($rad['id'] == $_GET['id']) {
    $class = " class=\"aktiv\"";
  }
  else {
    $class = "";
  }
echo "<li".$class."><a href=\"index.php?side=".$rad['id'].">".$rad['tittel']."</a></li>";
}

echo "</ul>";
?>

 

Om du nå er så dum at du bare kopierer og limer inn for så å poste et nytt innlegg der du sier:

Eh.. koden fungerer ikke, er det noen andre som har et forslag

Da anbefaler jeg deg å gjøre noe annet en webdesign/programmering..

9225219[/snapback]

Jeg kan jo gjerne litt php koding, hvis jeg bruker database osv. Takk for hjelpen,.. Endret av mariusmk
Lenke til kommentar
  • 2 måneder senere...

Minner om retningslinjenes punkt 10, som blandt annet sier dette om korte meningsløse innlegg:

 

Korte, unødvendige innlegg kun egnet til å øke brukerens antall poster regnes som spam, og kan straffes deretter. Det samme gjelder unødvendig/overdrevet bruk av smiles, eller innlegg som ikke inneholder annet enn smiley's.

Innlegg som strider med dette er fjernet fra tråden. :)

 

(Reaksjoner på moderering tas på PM og ikke i tråden som blir moderert.)

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...