Grafiken in der Navigation

Seite 12

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

2 Jörg Kruse

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

3 Christian

Salve

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

Gruss
Christian

4 Jörg Kruse

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

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

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

7 Jörg Kruse

Füg mal noch ein display:block hinzu

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

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

9 Jörg Kruse

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

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

Seite 12

nach oben weiter >

Grafiken in der Navigation

Verwandte Themen