Eigenes Menü

[gimmli]

Hallo zusammen

hab das CMS nun alles soweit in ein Design eingebaut auch alles kein Thema nur hänge ich nun am Menü hab eins erstellt nur weiß ich nun nciht wie ich dies ins CMS einbaue. Könnte das Menü auch einfach ins Template einbauen aber sobald dann eine neue Seite erstellt wird usw. muss man das Menü per Hand nacharbeiten und das sollte ja nicht sein.

Könnte jemand das Menü was ich erstellt habe so umbauen das ich das im CMS nutzen kann ?

http://217.160.62.21/navi.html
http://217.160.62.21/navi.css

[lollipop27]

Hallo,

wieso benutzt du nicht das Template "simple navigation vertical", das ist so ziemlich alles was du brauchst, das ist es auch in Listen umgesetzt, was besser ist.

In diesem Post, habe ich mal die Farbanpassung des Menüs beschrieben...
http://forum.cmsmadesimple.org/index.ph ... l#msg79346

Du müsstest natürlich noch die paddings und margins anpassen, ich kann dir auch dabei helfen...

Dieses Menü wird automatisch aus deiner Seitenstuktur generiert.. also nichts neu schreiben, sobald du eine Seite einfügst.

[gimmli]

ok also ich hab denke ich mal ^^ schon das simple navigation vertical im einsatz http://v2.girosoft.com oder ?iwe muss ich jetzt vorgehen wo kann ich das nun so ändern wie ich es brauche ?

[lollipop27]

In diesem Post, habe ich mal die Farbanpassung des Menüs beschrieben...
http://forum.cmsmadesimple.org/index.ph ... l#msg79346

soweit ich das weiss ist das simple navigation vertical in einem div namens menu_vert (id), wenn du das bei dir auch so umsetzt, kannst du das standard stylsheet nehmen, ohne es gross umbauen zu müssen.

das stylesheet müsste bei dir noch als vorinstallation sein, ansonsten nimm das aus dem Post.

Das was ich dort goss geschrieben haba am anfang des codes sind alle verschiedenen Farben die du vergeben kannst, du kannst sie mit suchen&ersetzen dann ganz einfach in den code einbaun...

Also suchen&ersetzten SCHRIFT durch die farbe, die du als schrift verwenden willst etc....

das erleichtert schon mal die Farben, und wenn du das hast, kannst du noch die Anstände anpassen....

[gimmli]

Mal ganz von vorne also gelöscht habe ich nichts und unter Stylesheets habe ich auch noch Navigation: Simple - Vertical drin.

Aber wie weiß ich nun ob ich auch dieses Stylesheet nutze weil ich testweise dieses lösche ändert sich am Mneü auf meienr Seite nichs ergo wird wohl imo nicht das Simple - Vertical angezeigt.

Imo habe ich das Menü so im Design eingbaut {cms_module module='menumanager' collapse='1'} wie kann ich nun das Menü was ich brauche Simple - Vertical ins Design einbauen/aktivieren ?

Sorry arbeite das erste mal mit dem cms und kenn mich daher noch nicht so gut aus.

[lollipop27]

Mal ganz von vorne also gelöscht habe ich nichts und unter Stylesheets habe ich auch noch Navigation: Simple - Vertical drin.

sehr gut, hast du die auch an dein template verknüft?

unter templates > rechter gelber button css > add stylesheet, wenn es nicht schon in der liste steht

Aber wie weiß ich nun ob ich auch dieses Stylesheet nutze weil ich testweise dieses lösche ändert sich am Mneü auf meienr Seite nichs ergo wird wohl imo nicht das Simple - Vertical angezeigt.

moment, du hast auf deiner seite keinen div namens menu_vert.

aber die css datei spricht alle mit "#menu_vert ul" an etc....

das heisst das kann nicht funktionieren, deshalb mein tipp, mach dir diesen div drumrum....

Sorry arbeite das erste mal mit dem cms und kenn mich daher noch nicht so gut aus.

ging jedem mal so....

P.S. anderes Thema, aber arbeitest du aus einem bestimmten grund noch mit table layouts??

[lollipop27]

Ich habe gerade gesehn, dass du nun ein div drumrum gebaut hast, aber als class nicht als id!

modified: ups, jetzt passts...

[gimmli]

css verknüpft hatte ich schon die div id zu setzen hatte ich vegessen 

so dann werd ich mich mal durch deine anleitung kämpfen ^^ mal schauen ob ich das hinbekomme ^^

Tabellen Layouts find ich persönlich ziemlich einfach wie sollte ich es sonst machen? Mit Tabellen Layouts sollte jeder zurecht kommen wenn ich alles in einer css Datei deklariere und jemand mal was an der Seite ändern will/muss kann er sich erst durch die 500 Zeilen css kämpfen.

[gimmli]

Bekomme ich net so hin wäre vielleicht jemand so nett und könnte mir die css so anpassen wie ich es brauche ?

[lollipop27]

ich schaus mal an...

[lollipop27]

füg erst mal das ein....

Code: Select all

/* Start of CMSMS style sheet 'Navigation: Simple - Vertical' */
/********************
MENU
*********************/
#menu_vert {
   padding:0;
   margin: 0;
   background-color: #ccc;
}

#menu_vert ul {
   padding:0;
   margin: 0;
}

#menu_vert li {
   padding:0;
   margin: 0;
}

#menu_vert a {
   padding:0;
   margin: 0;
}

#menu_vert h3 {
   padding:0;
   margin: 0;
}

#menu_vert dfn {
   display: none;
}



/* menu li block */
#menu_vert li {
   list-style: none;
   margin: 0;
   display: block;
}

#menu_vert ul ul li {
      border: 1px dotted #c0c0c0;
      background-color: #fff;
}

/** fix stupid ie bug with display:block; **/
* html #menu_vert li a { height: 1%; } 
* html #menu_vert li hr { height: 1%; }
/** end fix **/

/* first level links */
div#menu_vert a {
   text-decoration:none; /* no underline for links */
   display: block; /* IE has problems with this, fixed above */
   padding: 0.8em 0.5em 0.8em 1.5em; /* some air for it */
   color: #d52323; /* this will be link color for all levels */
   min-height:1em; /* Fixes IE7 whitespace bug */ 
}

/* next level links, more padding and smaller font */
div#menu_vert ul ul a {
   font-size: 90%;
   padding: 0.5em 0.5em 0.5em 1.8em;
   background-position: 1.5em center;
}

/* third level links, more padding */
div#menu_vert ul ul ul a {
   padding: 0.3em 0.5em 0.3em 4.3em;
}

/* hover state for all links */
div#menu_vert a:hover {

}
div#menu_vert a.activeparent:hover {

   color: #666666;
}

/* 
active parent, that is the first-level parent 
of a child page that is the current page 
*/
div#menu_vert li a.activeparent {
   
   background-color: #385C72;
   color: #fff;
}

div#menu_vert ul ul li a.activeparent {
   background-position: 1.5em center; 
   background-color: transparent;
   color: #666666;
}


/* 
current pages in the default Menu Manager 
template are unclickable. This is for current page on first level 
*/
div#menu_vert ul h3 {

   display: block; 
   padding: 0.8em 0.5em 0.8em 1.5em;  /* some air for it */
   color: #666666;                                 /* this will be link color for all levels */
   font-size: 1em;                           /* instead of the normal font size for <h3> */
   margin: 0;                                  /* as <h3> normally has some margin by default */
}

/* 
next level current pages, more padding, 
smaller font and no background color or bottom border 
*/
div#menu_vert ul ul h3 {
   font-size: 90%;
   padding: 0.3em 0.5em 0.3em 2.8em;
   background-position: 1.4em center;
   background-color: transparent;
   border-bottom: none;
   color: #000;     
}

/* current page on third level, more padding */
div#menu_vert ul ul ul h3 {
   padding: 0.3em 0.5em 0.3em 4.3em;
}

/* section header */
div#menu_vert li.sectionheader {
   border-right: none;
   font-size: 130%;
   font-weight: bold;
   padding: 1.5em 0 0.8em 0;
   background-color: #fff;
   line-height: 1em;
   margin: 0;
   text-align:center;
}



/* separator */
div#menu_vert li.separator {
   height: 1px !important;
   margin-top: -1px;
   margin-bottom: 0;
   padding:2px 0 2px 0;
   background-color: #000;
   overflow:hidden !important;
   line-height:1px !important;
   font-size:1px; /* for ie */
}

div#menu_vert li.separator hr {
   display: none; /* this is for accessibility */
}
/* End of 'Navigation: Simple - Vertical' */

dann brauch ich unterseiten, sonst sehe ich nichts....

und wie soll hover, aktiv etc ausschaun, das kommt bei deinem ursprünglichen nicht raus

[lollipop27]

und wenn du die arbeit schon andere machen lässt, 

kannst du mir dann wenigstes die farben geben die du haben willst, sonst muss ich die auch noch mühsam rausfinden...


merci

[gimmli]

super sieht mal besser aus als vorher ^^ Danke

die Hover effekte usw. stehen in der css datei drin

der hintergrund stimmt aber nicht ganz der müsste #bfe490 sein

[lollipop27]

hab immer noch keine unterseiten... ok

[lollipop27]

ich blick dein css file nicht... kannste das nicht auf die beispielseite anwenden... wie viele unterseiten sprich ebenen willste denn haben?