Zur Navigation

Grafiken in der Navigation

1 Christian

Salve

ok, das hat hingehauen.... DANKE schön! noch zwei Fragen:

1. Wo sind die breadcrumbs im CSS versteckt? Sprich, es gibt ein Feld in der Seite, welches scheinbar anzeigt, wo sich der User gerade befindet. Auf das könnte ich eigentlich verzichten. Da ich die Navi eh ganz nach oben geschoben habe, sieht man es nicht mehr.

2. Wie kann ich bei der Navi den Text gegen Grafiken austauschen? Ich nehme mal an, das wird in der menu.php geschehen.

$menu[2] = '<a href="' . $gfpath . 'admin/">Admin</a>';
dürfte nach meiner DAUmeinung zu
$menu[2] = '<a href="' . $gfpath . 'admin/"><img src="http://www.domainname.org/images/banner.gif" border="0"></a>';
werden. Liege ich da richtig? Ehm, ich habe einfach mal eine Beispielgrafikadresse genommen zwinker

Gruss
Christian

19.11.2007 19:22 | geändert: 19.11.2007 19:23

2 Jörg

1. Wo sind die breadcrumbs im CSS versteckt?

Die ist in p#top angesiedelt

2. Wie kann ich bei der Navi den Text gegen Grafiken austauschen? Ich nehme mal an, das wird in der menu.php geschehen.

Das funktioniert leider nicht auf allen Seiten, da menu[2] etc. teilweise überschrieben werden. Du könntest die Texte aber vielleicht mit Grafiken hinterlegen, z.B. indem du in der CSS-DAtei "#navi li" mit einer entsprechenden Hintergrundgrafik ausstattest

19.11.2007 19:51

3 Christian

Salve

Eigentlich wollte ich für die entsprechenden Funktionen verschiedene Grafiken verwenden... muss ich mir demzufolge noch angucken.

Gruss
Christian

19.11.2007 19:57

4 Jörg

Du kannst auch die Datei /includes/output/tail.php bearbeiten - das wird dann so ausgegeben, ohne dass noch etwas überschrieben wird

19.11.2007 20:05

5 Christian

Salve

Lustig, die sieht noch besser aus zwinker Wo ich die entsprechenden Angaben zu den Nummern der Menus finde weiss ich. Aber wie ich diesen Punkten eine Grafik zuweisen kann.... puh.. staun
Ich versuche es zuerst mal mit einem generellen Hintergrund im Menu und schaue mir an, wie das aussieht. Beim ersten mal hat's auf jeden Fall nicht geklappt. Da wurde nur unterhalb des Links noch ein Streifen der Grafik angezeigt.

Christian

19.11.2007 20:13

6 Christian

ich nochmal.... wer denn sonst..

#navi li {
margin:3px 0;
line-height:120%;
font-size:100%;
background-image:url(http://www.domainname.org/images/red-bg.png);
Geht nicht traurig

19.11.2007 20:17

7 Jörg

Füg mal noch ein display:block hinzu

background-image:url(http://www.domainname.org/images/red-bg.png);
display:block;

19.11.2007 20:26

8 Christian

salve
nö, das funkt leider nicht. Naja, ich mach mal Feierabend... Familie ruft zwinker

Gruss, danke und Dir auch noch einen schönen Abend!
Christian

19.11.2007 20:30

9 Jörg

Nachtrag

Nur für die untergeordneten Menüpunkte:

#navi li ul li {
background-image:url(http://www.domainname.org/images/red-bg.png);
display:block;
}

... und dann gegebenenfalls noch Padding und Höhe angeben...

Edit:
nö, das funkt leider nicht.

Die obige Lösung habe ich gerade bei mir getestet, die sollte funktionieren

19.11.2007 20:31 | geändert: 19.11.2007 20:33

10 Christian

Mooorgen

Also, diesen Block habe ich nicht gefunden, aber ich nehme mal an Du hast diesen gemeint:
#navi ul li {
float:left;
width:20%;
background-image:url(http://www.domainname.org/images/red-bg.png);
display:block;
}

Damit funktioniert es nicht. Ich habe auch versucht, den von Dir angegebenen Codeschnipsel 1:1 in die CSS zu übernehmen, das funkt auch nicht.

Gruss
Christian

20.11.2007 07:14