Spezielles Navi mit Bildern

Skipy · Post by **Skipy** » Sat 5. Aug 2006, 19:20

Hi!
Ich hab den Auftrag bekommen ein Navi zu gestalten, nach Vorlage ... Zu jedem Menüpunkt gibt es auch mehrere Untermenüpunkte ...
Ich könnte das ganze jetzt einfach als php schreiben und includen, aber dann wüsste ich bei einem erneuten Klick auf eine Navi erst noch nicht welche Untermenüpunkte gedade angezeigt werden sollen ..
Aussehen soll das ganze ungefär so:

Das große Bild ist ein Menüpunkt, die kleinen sind Untermenüpunkte ...

Wie baue ich das ganze jetzt am besten in PHPWCMS ein??

Bitte Ideen posten, vielen Dank

Grüße
Skipy

--------- Englisch ----------
Hi!
I have to make a special navi. In this navi there have to be menues and submenues. It has to look kind of like this:

Has anybody an idea how do make this become real in PHPWCMS??

I now, my english is not very good, but I whould be glad if you help me anyway

Thanx - greetings,
Skipy

pepe · Post by **pepe** » Sat 5. Aug 2006, 19:46

Mein Vorschlag....

du lädst dir die NAV_LIST_ALL Erweiterung herunter.

Dann kannst du die einzelnen Ebenen unabhängig voneinander in der frontend.css formatieren.

Für den Hintergrund kannst du dann dort natürlich auch die unterschiedlichen Grafiken einbauen....
Der Fantasie sind dann praktisch keine Grenzen gesetzt.

Und, du hast auch noch ein schön kompaktes und schnell ladbares Menü in reinstem CSS

Skipy · Post by **Skipy** » Sat 5. Aug 2006, 20:03

Hi!

Danke, das hört sich toll an ...

Allerdings hab ich ja je Menüpunkt eine andere Grafik ... ??

Ich fürchte wenn ich jetzt da einfach Text drüber lege, dass es mir dann alles verzieht, bei jedem Browser anders O:-)

Ich selber kenne mich allerdings nicht so hammer mit CSS aus ... Was glaubst du mit welcher Seite ich am schnellsten da rein komme?

Gruß
Skipy

pepe · Post by **pepe** » Sat 5. Aug 2006, 20:33

Also verziehen tut sich da nix... Die Grafik ist ja nur der Hintergrund und die Schrift liegt darüber!

Allerdings ist ( sinnvollerweise) auch nur eine der gängigen Standardschriften einsetzbar!
Dann läuft aller automatisch und du hast bei neuen Kategorien nichts mehr damit zu tun, weil das phpWCMS den Rest erledigt....

Aber vielleicht geht's ja mit dem GrafikMod????
Ich meine, ich hätte da im Forum schon was gesehen...

Oder war ich's gar selbst?
Man, vor lauter Tiftelei, weiß man schon nicht mehr, was man so alles gemacht hat....

Rahner · Post by **Rahner** » Sat 5. Aug 2006, 22:09

Ja du meinst den Graphical text Mod!

Wenn du in der nav list all datei vor dem menü name {GT:DeinStil} und danach {/GT} setzt müsste es so aussehen, wie du es haben willst

Skipy · Post by **Skipy** » Sun 6. Aug 2006, 00:14

WOW! Du scheinst ja so richtig da in deinem Element zu sein

Ich will ja nicht arg Faul erscheinen, aber ich hab da jetzt mit dem Tutorial bei http://www.webmaster-resource.de/tutori ... torial.php angefangen ... aber das zieht sich und zieht sich ... Jedenfalls sollt ich jetzt ins Bett *g*

Wenns dir nicht allzu viele Mühen bereitet, würd ich mich mega-arg über ein kurzes CSS-Beispiel freuen, bei dem so ein kleines Bildchen im Hintergrund eingebunden wäre ... und vielleicht noch wo ich das genau einbinden muss ..

Wenn du das machen würdest, hach dann wär ich erst Mal restos glücklich und würd versuchen dass hinzubekommen

(Und wenn du "Nein" sagst kann ichs auch verstehn, man kann ja nicht aller Welt nur helfen ... - trotzdem wärs toll!!!

)

Ok, dann gute N8 mal,
Skipy

pepe · Post by **pepe** » Sun 6. Aug 2006, 01:42

Hi Skipy,

also das zu verklickern... würde seeehr viel Zeit in Anspruch nehmen

Und bei mir ist es auch schon 1:20 Uhr !!!

Vielleichtkannst du dir ja mal ein Template runterladen von: http://phpwcms-templates.de
Dort ist die Lösung mit dem {NAV_LIST_ALL} zumindest schon mal ansatzweise funktionsfähig

Und wenn du da einen Hintergrund reinbringen willst, dann geht das prinzipiell so,
wie nachfolgend an der 1. Ebene der Navigation dargestellt:

.MenueEbene_1 A:link, .MenueEbene_1 A:visited, .MenueEbene_1 A:hover {
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:20px;
color:#000;
background-color:#EEE;
/* Wen du ein Bild als Hintergrund haben willst, nimm die folgende Variante! */
background-image: url(../../template/PEPEs_L/bg/bg_navi_normal.gif);
text-decoration:none;
margin:1px 0px 1px 0px; /* hier Abstand LINKS eintragen */
padding:0px 0px 0px 5px;
border-left:5px solid #ccc;
}
.MenueEbene_1 A:hover {
color:#000;
background-color:#ccc;
background-image: url(../../template/PEPEs_L/bg/bg_navi_hover.gif);
border-left:5px solid #333;
}

Das kommt in die frontend.css Datei!

Also, einfach mal anfangen... und durchwurschteln... das haben wir doch alle hier gemusst Du schaffst das schon

"Ohne Fleiß kein Preis" Hat meine Mutter mir beigebracht.... und das gilt bei phpWCMS ganz besonders

Rahner · Post by **Rahner** » Sun 6. Aug 2006, 09:30

@pepe:
Ich würde es eher so machen:

Code: Select all

background(url../../images/deinbild.gif) no-repeat;

Damit kannst du nämlich noch eine Hintergrundfarbe definieren

Skipy · Post by **Skipy** » Sun 6. Aug 2006, 12:00

Ok - Danke Jungs (und Mädels?) *g*

Ich werd mich mal dran machen .. find ich suuuper von euch

Wenn ich dann total stecken bleib meld ich mich wieder

mercy beaucoup...
Skipy