Seite 1 von 1

Individuelles Bild vor jedem Navigationspunkt?

Verfasst: Fr 16. Jun 2006, 14:10
von Anotherone
Ja hallo erstmal:

Ich würde gern in der Bottom Navigation vor die einzelnen Punkte (Impressum, Kontakt etc) kleine Pictogramme setzen. Man müsste die dann der Kategorie wie den Namen zuordnen. Hat da mal jemand einen Ansatz für mich, habe per Suche nix gefunden. Oder muss ich da die Datenbankstruktur erweitern. Ich hatte die Idee, die Illustration dafür zu missbrauchen, aber die wird ja immer nur einzeln angezeigt.

Verfasst: Fr 16. Jun 2006, 14:59
von silicone
Ich würde css empfehlen.

Verfasst: Fr 16. Jun 2006, 15:08
von Thorsten Gruber
jo die frage würde mich auch mal interessieren.

Denke das man dann das navimodul rauslassen müßte und das menu mit einer Liste erstellen. da könnte man dann natürlich zeichen vor jeden punkt setzen.

Aber wie würde sich das menu dann aufklappen ? mit java ?

für ne antwort wäre auch ich dankbar !

greetz

Verfasst: Fr 16. Jun 2006, 15:11
von silicone
Als Beispiel:

Das Modul folgendermaßen umschreiben:

Code: Alles auswählen

<?php
/***********************************************
* Bottom Navigation Output
*
* Author      :     Willi Man
* Copyright   :     four for business AG
* Version	  : 	1.0
* Created     :     17-03-2005
* Modified    :     05-08-2005, Andreas Lindner
************************************************/

#System properties in use:
#Type: navigation, Name: idcat_bottomnavi
#Contains idcat of tree to be displayed in bottom navigation


#Includes
cInclude("frontend", "includes/functions.navigation.php");
cInclude('classes', 'class.template.php');

#Get settings
$cApiClient = new cApiClient($client);
$catStart = $cApiClient->getProperty('navigation', 'idcat_bottomnavi');

if (!is_object($oClient)) {
	$oClient = new cApiClient($client);
}

#Get sub categories
$navigation = array ();
$navigation = createNavigationArray($catStart, $db);

#Output sub categories
$output = '';
if (count($navigation) > 0) {
$i = 0;
	foreach ($navigation as $key => $data) {
        $i ++;
	    $output .= '<a class="footer_'.$i.'" href="'.$sess->url("front_content.php?idcat=".$data['idcat']).'" title="'.$data['name'].'">'.$data['name'].'</a> | ';
	}
}
if (strlen($output) > 0) {
	$output = substr($output, 0, strlen($output) - 3);
}

echo $output;
?>

und dann die Klassen footer_1 bis footer_n in deiner Stylesheet erstellen und entsprechend konfigurieren.

Gruß,
Tom

Verfasst: Fr 16. Jun 2006, 16:51
von benzomat
hallo,
hört sich gut an,
kann man sowas auch mal auf einer seite online sehen?
und
muss nur dieser eine code geändert werden oder noch weiteres, css ist klar?

Verfasst: Fr 16. Jun 2006, 18:12
von silicone
Ich habe so etwas noch nicht umgesetzt, aber für die Bottom Navi ist der Code so fertig. Wie gesagt, für jeden Menüpunkt ne css-rule und fertich...

Verfasst: Fr 16. Jun 2006, 18:35
von mvf
silicone hat geschrieben:Ich habe so etwas noch nicht umgesetzt, aber für die Bottom Navi ist der Code so fertig. Wie gesagt, für jeden Menüpunkt ne css-rule und fertich...
und genauso wie du es gemacht hast, ist es IMHO auch die beste lösung

das ganze funktioniert mit einer standard-navigation genauso und wurde auch schon gepostet

@thorsten, einfach mal suchen anch barrierefreier navigation, da gibt es ne standardnavi mit nested lists, auch dort kannman dann wieder den zähler für die class mitgeben und anschliessend mittels css nicht nur bilder vorneweg einfügen ;)

Verfasst: Fr 16. Jun 2006, 19:30
von Anotherone
Vielen Dank für die Tips. Geht das über ein Hintergrundbild oder gibts da mit css noch was anderes?

Verfasst: Fr 16. Jun 2006, 19:57
von mvf
Anotherone hat geschrieben:Vielen Dank für die Tips. Geht das über ein Hintergrundbild oder gibts da mit css noch was anderes?
hintergrundbild! ;)

Verfasst: Sa 17. Jun 2006, 12:45
von Thorsten Gruber
dickes danke für eure Tips ! bin schon wieder ne ganze ecke schlauer.