Menü /unterseiten einrücken

Für Fragen und Diskussionen zum Layout und Design, Templates und Stylesheets sowie Themes
Post Reply
axl1975

Menü /unterseiten einrücken

Post by axl1975 »

Hallo@all

ich habe mich durch die zahlreichen Menü Templates gekämpft.
Aber irgendwie fehlt mir der entscheidende Tipp in die richtige Richtung.

Ich möchte ein einfachstes Menü haben.
momentan ist das minimal_menu.tpl ausgewählt.
eingebunden wird es mit
{menu collapse="1"}

Das Passt auch soweit.
nur möchte ich dass unterseiten etwas eingerückt werden, und die ausgewählten Seiten nicht unterstrichen sind.

Also:

Home
Seite eins
   unterseite eins
   unterseite eins
Seite zwei
Seite drei
   unterseite drei

irgendwie funktioniert das nicht. die unterseiten werden nicht eingerückt.
Könnt ihr mir da helfen ?


hoffentlich ist bei dem Wetter überhaupt jemand am Computer der das liest :-)
gruß
Axl
Last edited by axl1975 on Fri Aug 21, 2009 9:23 am, edited 1 time in total.
mike-r

Re: Menü /unterseiten einrücken

Post by mike-r »

Die Einrückung löst Du via CSS. Hast Du das zugehörige CSS mit dem Template verbunden?
axl1975

Re: Menü /unterseiten einrücken

Post by axl1975 »

Danke für deine Antwort " mike-r "
ja, das Stylesheet habe ich verbunden.
Nachdem ich ein bisschen herumexperimentiert habe und einfach eine Seite erstellt habe, in dem der ich einfach {menu} eingab, stellte ich mit erstaunen fest, dass genau die Darstellung Erfolgt, die ich möchte.
Warum also nicht in meinen Template.
Da ich noch nicht wirklich in CSS bewandert bin und meine Erfolge eher mit probieren als mit Dokus lesen erziele möchte ich euch mal……..
Das steht im Template:


Themen{menu collapse="1"}



Das ist das Stylesheet:
/* Menu */
#menu {float: right;}
#menu ul {margin: 0; padding: 15px 0 0 0; list-style: none;}
#menu li {display: inline;}
#menu a {display: block;float: left;margin-left: 30px;padding: 7px;text-decoration: none;
font-size: 13px; color: #000000;}
#menu a:hover {text-decoration: underline;}
#menu .active a {background: url(uploads/clean/img02.gif) repeat-x left bottom;}

So, das Stylesheet passt überhaupt nicht zu meinen eingestellten Menü Template.
Wenn wir von dem Minimal Menü ausgehen, müsste ich dann nicht im Template
eingeben ?
Das klappt überhaupt nicht.
Ich w. ich muss mich mit HTML und CSS beschäftigen, aber ich benötige dringend zur Motivationserhaltung eine Lösung  ::)
Bin ich von meiner Überlegung total falsch oder bastel ich schon mal in die richtige Richtung ??

Ist das verständlich ?
Lg
Axl
NaN

Re: Menü /unterseiten einrücken

Post by NaN »

axl1975 wrote: Ist das verständlich ?
Ehrlich gesagt nein.
Was da in Deinem Template steht ist völliger Quatsch.
Und falsch obendrein. Wo hast Du das her?
Das hier:

Code: Select all

<div id="sidebar">
    <h2>Themen</h2>
    <div id="menu">
        {menu collapse="1"}
    </div>
</div>
sollte da eigentlich völlig reichen.
Dann kannst Du im CSS mit

Code: Select all

#sidebar {
    ...
}

#sidebar h2 {
    ...
}

#menu {
    ...
}

#menu ul {
    ...
}

#menu ul li {
    ...
}

#menu ul li a {
    ...
}

usw.
auf jedes einzelne Element zugreifen.
Schau Dir mal im Browser den HTML Code deines Menüs an.
Für aktive Menüpunkte gibt es dort eine Klasse (meist "active" oder "currentpage").
Ebenso für "Elternelemente". (parent)

Im Prinzip sollte das simple_navigation.tpl und das dazugehörige CSS vollkommen ausreichen.
Da sind dann schon alle wichtigen Elemente drin. (und vor allem auch ausreichens kommentiert damit jeder weiß wo was zu ändern ist)
Wie diese Elemente aussehen sollen, musst Du schon selber festlegen.
Dazu gibt es hier sehr gute und vor allem verständliche Nachschlagewerke: http://forum.cmsmadesimple.org/index.ph ... 812.0.html

Mehr können wir dazu nicht sagen, weil wir nicht wissen wie Dein Menü aussehen soll und wo genau nun das Problem liegt außer, dass Du noch nicht so bewandert bist in CSS/HTML.
Besser als in den genannten Nachschlagewerken kann Dir das hier sowieso keiner erklären.
Post Reply

Return to “Layout und Design”