cssmenu.tpl Farbe ändern

[Suniram]

Hallo,

ich verwende das Navigationsmenü cssmenu, das bei der Installation schon dabei ist auf meiner Seite Suniram.de .

Ich möchte die Hintergrund Farbe ändern.

Laut der Hilfe soll ich dazu das cssmenu in meine Datenbank importieren. So weit so gut. Das sieht dann so aus:

that is active. *}
{if $count > 0}


{foreach from=$nodelist item=node}
{if $node->depth > $node->prevdepth}
{repeat string='' times=$node->depth-$node->prevdepth}
{elseif $node->depth prevdepth}
{repeat string='' times=$node->prevdepth-$node->depth}

{elseif $node->index > 0}
{/if}
{if $node->parent == true or ($node->current == true and $node->haschildren == true)}

current == true}

haschildren == true}

type == 'sectionheader' and $node->haschildren == true}
{$node->menutext}{elseif $node->type == 'separator'}
{else}

type != 'sectionheader' and $node->type != 'separator'}
{if $node->target}target="{$node->target}" {/if}
href="{$node->url}">{$node->menutext}
{elseif $node->type == 'sectionheader'}
>{$node->menutext}
{/if}
{/foreach}
{repeat string='' times=$node->depth-1}




{/if}


.. und wie kann ich da jetzt die Farbe ändern? Ist das Java oder css?

vielen Dank für eure Hilfe
lg

[nockenfell]

Das Design des Menüs ist im Stylesheet definiert. Du musst die Hintergrundfarbe somit im Stylesheet ändern.

[exundhopp]

hallo zusammen,

hätte da mal ne frage, und zwar hätte ich gerne die gesamte homepage mit einem schwarzen hintergrund versetzt. habe schon in den stylesheets rumgebastelt aber nur mit wenig erfolg. habe jetzt nur in der mitte der seite schwarz und rundum ist es immernoch weiß!!!

http://med-user.net/~starkesuechtige//i ... startseite

kann mir bitte jemand helfen???

lg

[nockenfell]

Füge im body tag:

Code: Select all

background-color: #000;

ein

[exundhopp]

habe es probiert!!!! es ist immernoch weiß umrandet!!!
http://med-user.net/~starkesuechtige//index.php?page=infos

Code: Select all

body {
   text-align: left;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
}

div {
   font-size: 11px;
}

img {
   border: 0;
}

a,
a:link 
a:active {
   text-decoration: none;
   background-color: #000; 
 /* color: #cc6714;  */
   color: #ff6600;
}

a:visited {
   text-decoration: none;
   background-color: #000;
   color: ##ff6600;
}

a:hover {
   text-decoration: none;
   background-color: #f3f3f3;
   color: #ff6600;
}

body {

   color: #000000;
   margin:1em;
}

lg

[nockenfell]

im Body sehe ich zwar den Eintrag

Code: Select all

background-color: #000;

nicht im CSS. Bei den Link-Tags hast du es drin aber nicht im Body

[exundhopp]

habs geschafft!!! vielen dank!!!

[Suniram]

ja sehr gut! und was hat das jetzt mit meinem Problem zu tun?

Ich habs übrigens immer noch nicht geschafft, die Hintergrundfarbe der Navigationsleiste zu ändern. Hier mal der Link zur Seite. Wär toll, wenn mir da noch jemand helfen könnte. Im Stylesheet sind leider viel zu viele Navi Einträge drin, so dass ich nicht weiss, was jetzt der richtige ist.

www.suniram.de

[exundhopp]

tut mir leid, kann dir leider nicht helfen! kenne mich selber nur mäßig mit dem zeug aus. habe auch lange rumprobiert bis es funktioniert hat!!!!!

trotzdem noch viel glück!!!!

lg

[antibart]

Im Stylesheet sind leider viel zu viele Navi Einträge drin, so dass ich nicht weiss, was jetzt der richtige ist.

So viele sind es auch nicht :



Hintergrund des Menüs (das betrifft nur die Farbe zwischen den Menüpunkten):
#nav ul  {
float : left;
list-style : none;
background : url(uploads/Outdoors/nav.jpg) repeat-x;<- grünes Background-Image
width : 870px;
height : 20px;
text-transform : uppercase;
margin : 0 0 0 15px;
padding : 0;
display : inline;
}

Die Hintergrundfarbe der einzelnen Menüpunke:
 #nav ul li  {
display : inline;
margin : 0;
padding : 0;
background-color : #9fb419; <- grüne Hintergrundfarbe
}

Die Ränder der Menüpunkte
#nav ul li a {
display : block;
float : left;
width : auto;
margin : 0;
padding : 0 14px;
border-right : 1px solid #899d00; <- grüner Rand rechts
border-left : 2px solid #a7d101;<- grüner Rand links
font : 14px/20px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
text-transform : uppercase;
text-decoration : none;
letter-spacing : 3px;
color : #fff;
}


Hover-Hintergrundfarbe
#nav ul li a:hover, #nav ul li a:active {
background : url(uploads/Outdoors/nav-hover.jpg) repeat-x; <- grünes Background-Image
}

Aktiver Menüpunkt
#nav ul li#current a {
background : url(uploads/Outdoors/nav-current.jpg) repeat-x; <- grünes Background-Images
}


Warum hier teilweise mit Images gearbeitet würde, ist mir momentan noch unklar, da sich ja nirgendwo ein Farbverlauf oder ähnliches befindet. Um alle Grüntöne komplett zu entfernen  müsstest Du entweder die Images ersetzen oder die Images durch einen Farbwert eingeben.

...

[mike-r]

Kleiner Tip am Rande:
height:20px bei #nav ul bewirkt, dass bei einer Skalierung Deine Menüpunkte im Nichts verschwinden. Abhilfe: einfach weglassen.

[Suniram]

Hallo, vielen Dank!

Habs gefunden. Jetzt würde ich die Navi noch gerne zentrieren. Aber mit text:center, wie in selfhtml

beschrieben, kriege ich es irgendwie nicht hin. Wie mache ich denn das am besten?

vielen Dank!

[NaN]

Aber mit text:center, wie in selfhtml beschrieben, kriege ich es irgendwie nicht hin.

Lies da nochmal genau nach. Text-align: center müsste es eigentlich heißen