Thema: Menü und unter menüs

Hallo,

erstmal dickes Lob an alle Mambo leute, dieses CMS ist der Hammer.

komme langsam ganz gut damit zu recht.


nur was ich nun schon länger suche ist die nöglichkeit das menü zu ändern.

angefangen von der schrift art bis hin zu grafiken die im bg liegen oder vor jedem menü punkt auftauchen.

färben der tabellen und so weiter....danke für hilfe.

nette grüße, falko....

http://www.stopdesign.com/also/articles/replace_text

Also hier findest Du ein paar Beispiele wie das mit Bildern
und css geht.

Einfach mal ein paar Beispiele ins theme css einbauen.

danke für den tip, nette seite.


jetzt müsste ich nur noch wissen was für das menü verantwortlich ist...

hier mal mein css:

[code:1:c16c850deb]
BODY {
background-color: #ffffff;
scrollbar-face-color: #E9E9E9;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #E9E9E9;
scrollbar-3dlight-color: #CCCCCC;
scrollbar-arrow-color: #336699;
scrollbar-track-color: #EFEFEF;
scrollbar-darkshadow-color: #CCCCCC;
color : Black; }

a {
font-size: 11px
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #336699;
text-decoration: none; }

a:hover {
color: #FF9C00;
text-decoration: underline; }

a:active {
text-decoration:underline;
color: #336699; }

td {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333; }

.tabletop { border-color: #9e9587 black black; border-style: solid; border-top-width: 1px; border-right-width: 0px; border-bottom-width:

0px; border-left-width: 0px}

HR {
color: #EFEFEF;
height:1px;
width:100%; }

.articlehead {
font: bold 12px/normal "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
background: url(none);
color: #5A7C93;
; clip: rect( )
}

.button {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 10px;
color: #000000;
background-color : #F0F0F0;
border-style: solid;
border-color: #000000;
border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }

.componentHeading {
font: bold 12px/28px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
height : 28px;
text-align : left;
white-space:nowrap;
width : 100%;
background: url(none);
color: #5A7C93;
}

.mainmenuHeading {
font: bold 11px/28px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
height : 28px;
text-align : left;
white-space:nowrap;
width : 100%;
background: #F0F0F0 url(none);
color: #666666;
}

.inputbox {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
background-color : #FFFFFF;
border-style: solid;
border-color: #000000;
border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }

.newsarticle {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
text-align: left }

.newspane {
border: 0px none;
background-color : #FFFFFF;
}

.newspaneopen {
border: 0px none;
}

.poll {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
line-height: 14px }

.popupwindow {
background-color : #FFFFFF; }

.sectiontableentry1 {
background-color : #EFEFEF; }

.sectiontableentry2 {
background-color : #E0E0E0; }

.sectiontableheader {
background: #CCCCCC url(none);
height : 28px;
color : #000000;
font-weight : bold; }

.small {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #ffffff;
text-decoration: none;
font-weight: bold}

.smalldark {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
font-weight: normal }

li {
list-style: url(templates/coffeerings_standard/images/arrow.jpg) inside;
}

.borderHeader2 {
background-image: url(../images/topbg.gif);
background-repeat: no-repeat
}

.borderHeader {
border: solid; border-width: 1px 1px 1px 0px; border-color: black black black #CCCCCC;
background-image: url(../images/topbg.gif);
background-repeat: repeat-x
}

.borderHeaderEmpTop {
border: solid; border-width: 0px 1px 1px; border-color: black #CCCCCC #CCCCCC
}

.borderHeaderEmpRit {
border: solid; border-width: 0px 0px 0px 0px; border-color: black black black black;
background-image: url(../images/quicksumbg.gif);
background-repeat: no-repeat; background-position: right
}

.borderHeaderEmpLft {
border: solid; border-width: 1px 1px 1px 0px; border-color: #CCCCCC #CCCCCC #CCCCCC black
}

.inputboxSubmit {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; border-style: none;

text-decoration: underline; background-color: #F4F4F4
}

.tablebottom {
border-color: black black #9e9587; border-style: solid; border-top-width: 0px; border-right-width: 0px;
border-bottom-width: 1px; border-left-width: 0px
}

.change_text {
font-weight: bold; text-transform: capitalize; color: #FF0000
}

.right_menu {
border: solid; border-width: 0px 1px 0px 1px; border-color: #999999 #666666 #999999 #666666
}
.right_menu2 {
border: solid; border-width: 0px 1px 0px 0px; border-color: #999999 #666666 #999999 #999999
}
.articleheadhome {
font: bold 13px/normal "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; background: url(none);
color: #333333; ; clip: rect( )
}

.searchbar {
background-color: #FBF5E2; background-image: url(../images/searchbar2.jpg);
background-repeat: no-repeat; background-position: right
}

.frontpage {
background-image: none; border: 1px #CCCCCC solid
}

.borderHeaderBottom {
background-color: #666666;
border: solid; border-width: 0px 0px 1px 1px; border-color: black black black black
}

.borderHeaderBotto {
background-color: #666666;
border: solid; border-width: 0px 1px 1px 0px; border-color: black black black black
}

.mainmenu {
color: #999999
}

.borderHeaderLft {
border: solid; border-width: 0px 1px 0px 0px; border-color: black #CCCCCC black black
}
.moduleheading { font-weight: bold; color: #666666; background-color: #CCCCCC}
.mainlevel { list-style-position: inside; list-style-image: url(templates/coffeerings_standard/images/arrow.jpg)}
.createdate { font-size: 9px; color: #FF9933}
[/code:1:c16c850deb]

Wo ist das Problem steht doch alles überall gibt mainmenu
right menu usw da hast Du doch möglichkeiten über möglichkeiten dieses oder
jenes einzubauen.

Man muss halt nur alles ausprobieren.
Ansonsten muss man halt mit den Standards sich zufrieden geben

danke für die hilfe,

das mit dem probieren ist mir schon klar, nur wenn ich z.B .mainmenuHeading editiere, dann ändert sich auf der seite nichts....

das versteh ich halt nicht, alles andere was ich im css geändert habe, hat er fein übernommen.

nur halt nichts was mit dem menü zu tun hat.

damit kann man generelle die links verändern....ich will aber die überschrift änder....

also die schrift "Main Menü" und in die tabelle sol halt noch ein hintergrund, nur finde es einfach nicht....

Also wenn ich das richtig sehe möchtest Du, daß wenn jemand mit der Maus über einen Menüpunkt kommt, sich der Hintergrund des Menüeintrags farbig ändert. Da helfen natürlich Tipps, die die Linkfarbe ändern nicht viel weiter.

Ich würde hier ganz einfach ins Template an der Stelle der Menüeinträge eine Imagemap einbauen, die die betreffenden Menüpunkte wechseln läßt. Das bedeutet natürlich zunächst mal jeweils zwei Buttons zu basteln je Menüeintrag (aktiv / inaktiv). Das ist natürlich nicht so schön, wie eine Modifikation per CSS, aber m.E. viel schneller zu bauen. Natürlich ist damit auch eine gewissen Inflexibiliät verbunden, weil Du das Menü dann nicht mehr komplett über das Admin. steuern kannst. Wie man Bilder per CSS einbindet, kannst Du ja weiter oben lesen, da gabs schon mal einen Hinweis.

Ich hoffe das hilft.
Gruß
Bibo