Thema: Runde Ecken um die Module

Hallo,

Ich mach das immer so:
Füge in die css folgendes ein:

HTML-Code:

div.module {
  width: (breite des BG Images in px)px;
  background: url(mitte.gif) repeat-y;
  margin-bottom: 2px;
}

div.module div {
  background: url(rundunten.gif) bottom left no-repeat;
}

div.module div div {
  background: url(rundoben.gif) top left no-repeat;
  padding: 7px 10px 15px 12px;
}

div.module div div div {
  background: none;
  padding: 0;
  width: auto !important;
  width: 100%; 
}

und in die index.php das einfügen:

PHP-Code:

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

damit der Quelltext zum Beispiel das hier auspuckt:

Code:

<div class="module">
<div>
<div>
<div>
<h3>Main Menu</h3>
{Menu}
</div>
</div>
</div>
</div>

ev. noch padding in der css anpassen!

gruß

mar123

nur noch eine frage.. wie kann ich jetzt im modul die links definieren etc. also kann man den modulen diverse classes zuordnen und die font überschriftgröße und farbe definieren ?

Warum jeweils andere classen oder ids vergeben? Willst du, dass jedes Modul anders aussieht?

Ich weiß nicht ganz genau, was du jetzt meinst mit den links? Meinst du das Menü?
Sonst kannst du zum Beispiel so die Links anpassen:

HTML-Code:

div.module a {
blablablablablabla
blablablablablabla
}

div.module a:hover {
blablablablablabla
blablablablablabla
}

...

Die Überschriften kannst du zum beispiel so anpassen:

HTML-Code:

div.module h3 {
blablablablablabla
blablablablablabla
}

gruß

mar123

Zitat von purligar

Hi,

ich habe gerade das Problem, dass das mitte.gif über meine komplette div-Box "menu" wiederholt wird. Dadurch kommen die oberen und unteren (runden) Ecken natürlich nicht zur Geltung

Hat jemand einen Tip wie ich das verhindern kann?

siehe hier: http://img408.imageshack.us/my.php?image=menuso3.gif
Habe das mitte.gif mal rot gefärbt, dass deutlich wird, wie es sich verhält.

hi
kann da nur raten, mit link zur site gings leichter:
evtl solltest du für dein mittel.gif einen width wert festlegen