Thema: Menü CSS will nicht so wie ich es gern hätte :)

Du kannst für Module ein individueller Module Suffix vergeben und dann die Boxen jede einzeln im css formatieren.

Suffixe hängst du einfach in der CSS DAtei hinter die Klasse, jeweils mit einem Bindestrich getrennt. Z.B. so:
table.moduletable-xyz

Jetzt kannst du über den Modulemanager ein beliebiges Module aussuchen. Auf der Config Seite des Modules hast du die Möglichkeit ein Suffix zu vergeben. Dort trägst du dann in unserem Fall "-xyz" ein (ohne Gänsefüßchen natürlich. Wie du das Suffix nennst ist dabei egal. Es muß halt nur das gleiche sein)

Jetzt übernimmt nur dieses eine Modul die Formatierungsbefehle aus der CSS mit dem Suffix. Alle anderen nutzen die normale
table.moduletable Klasse.

Du müßtest deine neue table.moduletable Klasse noch verämdern, damit das ganze auch was bringt. Du könntest z.B. ein Hintergrundbild einfügen. Nur das eine Module welchem du das Suffix angehängt hast erscheint jetzt mit dem Hintergrundbild. Du kannst ein Suffix dabei auch mehreren Modulen anhängen.

Die Klasse hab ich übrigens nur als Beispiel genommen. Kannst das mit jeder Klasse machen.

Nu ja da gibt es nun mehrere Möglichkeiten.
Aber versuch es mal so:
Bau für jedes Module drei DIVs in die index.php ein den du einen gut zuzuordnenen Namen gibst. Z.B. so:
<div class="logintop"></div>
<div class="loginmain"><?php mosLoadModules ( 'user2' ); ?></div>
<div class="loginbottom"></div>

Das wäre beispielsweise für die moduleposition user2
Dann öffnest du deine CSS und fügst für jedes DIV eine eigene Klasse mit entsprechendem Hintergrundbild hinzu:

.logintop{
background-image:url(../images/bildname.xyz);
}
.loginmain{
background-image:url(../images/bildname.xyz);
}
.loginbottom{
background-image:url(../images/bildname.xyz);
}

Du mußt dann drei verschiedene Bilder angeben. Einmal für den oberen Teil, für den Hintergrund und für das untere Ende.
Weiterhin wirst du eventuell noch eine feste Breite angeben müssen damit die Bilder richtig angezeigt werden.

Das machst du dann für jedes Modul.
Das heißt soweit ich das sehe ändert sich bei dir immer nur das obere Hintergrundbild wegen dem Schriftzug. Daher brauchst du nur immer dafür eine neue CSS Klasse einrichten. Du könntest also die beiden Klassen .loginmain und .loginbottom "wiederverwerten".

<?php mosLoadModules ( 'left', -2 ); ?>

bedeutet, dass ALLE module, die dieser position zugeordnet sind, geladen werden, BEVOR dein bottom-Teil gezeigt wird. Also entweder, du packst jedes Modul in eine extra Position mit jeweils der bottom-box darunter, oder du nutzt den Parameter -3:

<?php mosLoadModules ( 'left', -3 ); ?>

Dann wird ein mehrfaches DIV-Konstrukt um JEDES Modul gepackt, dem Du dann per CSS auch eine bottom-Eigenschaft mitgeben kannst per CSS. Schau mal im madeyourweb-Template, da ist das auch so gel&#246;st.

Gru&#223; Marc

Bist du dir sicher das du

<div id="left_nav_bottom"></div>

auch unter der ersten box hast?
Also du mußt das ganze zweimal machen. Mit zwei verschiedenen Modulepositionen.

Habe das zwar im Quelltext unter der zweiten Box gefunden unter der ersten jedoch nicht. Ich schätze daher einfach mal das du das ganze nur einmal gemacht hast.

Weiteres Problem könnte auch sein das du mit "id" gearbeitet hast. Falls du das zweimal eingebaut hast. Die können nur einmal vorkommen. Nimm lieber "class", also:

<div class="left_nav_bottom"></div>

in der CSS muß die Klasse mit einem . anstatt einer # gekennzeichnet sein.
Also:
.left_class_bottom {background-image: url(../images/layout/box_left_nav_back.gif);}

Weiterhin würde ich zu der mittleren Klasse noch folgendes zur CSS hinzufügen:
background-repeat:repeat-y;
und zu dem "bottom"
background-position:bottom;

Müßte also in der index.php so aussehen:

<div class="left_nav_back"><?php mosLoadModules ( 'left', -2 ); ?></div>
<div class="left_nav_bottom"></div>
<div class="left_nav_back"><?php mosLoadModules ( 'right', -2 ); ?></div>
<div class="left_nav_bottom"></div>

Und in der CSS:
.left_nav_back {
background-image: url(../images/layout/box_left_nav_back.gif);
background-repeat:repeat-y;
}
.left_nav_bottom {
background: url(../images/layout/box_left_nav_bottom.gif); height: 18px;
background-position:bottom;
}

Du mußt dann noch beachten das die zweite Box mit der Moduleposition "right" verknüpft ist.