Page 1 of 1

CSSMenu top + 2 columns

Posted: Sun Jun 29, 2008 11:44 am
by saitz
Hallo moin alle zusammen,


zur frage:

Ich wollte gern die Vorlage "CSSMenu top + 2 columns " verwenden
aber mit 1 statt 2 colums.

Was genau muss ich dann an der Temp. ändern.
Oder gibts es i-wo eine gute Vorlage zum downloaden?

Ich brauche eig nur ein Ordentliches Topmenü

gruß Saitz

ps. bin laie mit cmsms aso bitte nicht zu kompliziert werden  ;)

Re: CSSMenu top + 2 columns

Posted: Mon Jun 30, 2008 12:49 am
by NaN
Moin.
saitz wrote: ...
ps. bin laie mit cmsms aso bitte nicht zu kompliziert werden  ;)
Also wie schon oft genug betont wurde: Wenn man Änderungen am Layout vornehmen möchte, sollte man wenigstens die Grundlagen in Sachen HTML und CSS beherrschen.
Aber keine Sorge, deswegen heißt es ja CMS Made Simple ;)
saitz wrote: ...
Ich wollte gern die Vorlage "CSSMenu top + 2 columns " verwenden
aber mit 1 statt 2 colums.

Was genau muss ich dann an der Temp. ändern.
...
Eigentlich steht alles was Du wissen musst im Template/CSS drin.
Im Backend (=Seitenadministration) unter "Layout->Templates" das Template auswählen.
Dort steht irgendwo:

Code: Select all


{* Start Sidebar *}
      <div id="sidebar" class="hascontent">
         {content block='Sidebar'}
      </div>
{* End Sidebar *}

Wie der Name "Sidebar" vermuten lässt, handelt es sich hier um den linken (kleinen) Inhaltsblock.
Den Eintrag einfach entfernen.
Dann isser wech.

Danach musst Du allerdings die Breite des Inhaltes um die Breite des "Sidebar" vergößern.
Sonst hast Du da links eine leere weiße Fläche.

Im Backend unter "Layout->Stylesheets" das Stylesheet "Layout: Top menu + 2 columns" auswählen.
Dort steht irgendwo:

div#sidebar {
  float: left;  /* set sidebar on the left side. Change to right to float it right instead. */
  width: 26%;    /* sidebar width, if you change this please also change #main margins */
  display: inline;  /* FIX ie doublemargin bug */
  margin-left: 0;
}

Sagt eigentlich schon alles, oder?
Wenn Sidebar nicht mehr existiert, kann der Eintrag für div#sidebar erstens weg und zweitens musst Du dann aus dem Eintrag darüber:

div#main {
  margin-left: 29%; /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
  margin-right: 2%; /* and some air on the right */
}

z.B. einfach

div#main {
  margin-left: 2%; /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
  margin-right: 2%; /* and some air on the right */
}

machen.
Ich habe 2% gewählt, weil dann links der gleiche Abstand ist wie rechts.

saitz wrote: ...
Ich brauche eig nur ein Ordentliches Topmenü
...

Das Menü wird im Template mit {menu template='cssmenu.tpl'} aufgerufen.
Ob es nun links ist und nach rechts aufklappt, oder oben und nach unten auflklappt, wird im Styleshheet festgelegt.
Je nachdem welches Stylesheet mit Deinem Template verknüpft ist, ändert sich das Aussehen bzw. "Verhalten" des Menüs.
Die Verknüpfung erfolgt auf unterschiedliche Wege.

1.: Unter "Layout->Templates" über einen gelben Link rechts in der Tabelle.
Dort erscheint eine Liste mit Stylesheets, die mit dem Template verknüpft sind.
Darunter ist ein Auswahlfeld mit allen weiteren verfügbaren Stylesheets, die noch nicht mit diesem Template verknüpft sind.
Man kann hier also die Stylesheets des Templates ändern.

2.: Unter "Layout->Stylesheets" über über einen gelben Link rechts in der Tabelle.
Dort erscheint dann umgekehrt eine Liste mit allen Templates, mit denen dieses Stylesheet verknüpft ist.
Darunter ist ein Auswahlfeld mit allen verfügbaren Templates, denen dieses Stylesheet noch nicht zugeordnet ist.

Das Template "CSSMenu top + 2 columns" ist z.B. unter anderem mit dem Stylesheet "Navigation: CSSMenu - Horizontal" verknüpft. Wenn Du stattdessen z.B. das Stylesheet "Navigation: CSSMenu - Vertical" verwendest, ändert sich das Menü, ohne, dass Änderungen an irgendwelchen Templates vorgenommen wurden.

Made Simple eben.

saitz wrote:
Oder gibts es i-wo eine gute Vorlage zum downloaden?
Schau mal im Downloadbereich unter

http://themes.cmsmadesimple.org/Full_Themes.html

http://themes.cmsmadesimple.org/Theme_Frameworks.html

http://themes.cmsmadesimple.org/Download_Themes.html

http://themes.cmsmadesimple.org/externa ... links.html

http://themes.cmsmadesimple.org/Share_a_Theme.html