Page 1 of 1

cssmenu.tpl Farbe ändern

Posted: Wed Sep 09, 2009 9:57 am
by 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

Re: cssmenu.tpl Farbe ändern

Posted: Wed Sep 09, 2009 10:07 am
by nockenfell
Das Design des Menüs ist im Stylesheet definiert. Du musst die Hintergrundfarbe somit im Stylesheet ändern.

Re: cssmenu.tpl Farbe ändern

Posted: Wed Oct 14, 2009 4:50 pm
by 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

Re: cssmenu.tpl Farbe ändern

Posted: Wed Oct 14, 2009 6:59 pm
by nockenfell
Füge im body tag:

Code: Select all

background-color: #000;
ein

Re: cssmenu.tpl Farbe ändern

Posted: Wed Oct 14, 2009 7:22 pm
by 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

Re: cssmenu.tpl Farbe ändern

Posted: Wed Oct 14, 2009 9:00 pm
by 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

Re: cssmenu.tpl Farbe ändern

Posted: Thu Oct 15, 2009 6:38 am
by exundhopp
habs geschafft!!! vielen dank!!!

Re: cssmenu.tpl Farbe ändern

Posted: Thu Oct 15, 2009 10:45 pm
by Suniram
ja sehr gut! und was hat das jetzt mit meinem Problem zu tun? :D

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

Re: cssmenu.tpl Farbe ändern

Posted: Fri Oct 16, 2009 7:42 am
by 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

Re: cssmenu.tpl Farbe ändern

Posted: Fri Oct 16, 2009 8:30 am
by antibart
Suniram wrote: 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.

...

Re: cssmenu.tpl Farbe ändern

Posted: Fri Oct 16, 2009 11:23 am
by 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.

Re: cssmenu.tpl Farbe ändern

Posted: Thu Oct 22, 2009 1:31 pm
by 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!

Re: cssmenu.tpl Farbe ändern

Posted: Thu Oct 22, 2009 9:08 pm
by NaN
Suniram wrote: 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 ;)