hippocrates , reach

[lorenzdecor]

Hallo wie kann ich im hippocrates, reach design die Farbe ändern vom Balken horizontal menu oben wie leiste unten?
Derzeit ist sie grau ich hätte sie aber gerne Rosa :-)

[voodoo36]

Das wäre in der style_design zu ändern... Dann musst du aber die Schriftfarbe noch ändern...

#menubar {
margin: 0px 0px;
padding: 0px 0px;
min-height : 60px;
width: 100%;
background: #ffffff;
}

#footer {
width: 100%;
background: #ffffff;
text-align: center;
padding: 16px 0px;
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
}

[lorenzdecor]

hi vielen Dank erstmal,

d.h. ich müsste folgendes ändern.
wo finde ich raus welche zahl ,welche Farbe ergibt?
:-)


#menubar {
margin: 0px 0px;
padding: 0px 0px;
min-height : 60px;
width: 100%;
background: #ffffff; (rosa hintergrund)
}

#footer {
width: 100%;
background: #ffffff; (andere Schriftfarbe)
text-align: center;
padding: 16px 0px;
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
}

[lorenzdecor]

hab das geändert aber da tut sich nix,.

#menubar {
margin: 0px 0px;
padding: 0px 0px;
min-height : 60px;
width: 100%;
background: #EE82EE url(../images/<cc:print value="&pic.menubar.filename">) repeat-x top left;
}

was ist das für eine url verlinkung? die stand da schon
den farbcode hab ich von hier, stimmt das?
Farbtabelle - Farbtafel - Farbcodes

[voodoo36]

Hallo,
1. Farbcode = #FFB6C1 ROSA (Dein Link ist schon OK... besser wäre ein Grafik-Programm, aber egal.
2. Das grüne musst du löschen oder so wie hier auskommentieren...

Wenn das geht, dann die Schriftfarbe änden... z.B. color: #000000;
(ist aber tum Teil wo anders zu ändern... aber eins nach dem anderen)

#menubar {
margin: 0px 0px;
padding: 0px 0px;
min-height : 60px;
width: 100%;
background: #EE82EE; /* url(../images/<cc:print value="&pic.menubar.filename">) repeat-x top left;*/
}

#footer {
width: 100%;
background: #ffffff; (Hintergrund Farbe)
text-align: center;
padding: 16px 0px;
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;

[lorenzdecor]

footer ist Schrift?

[voodoo36]

NEIN,

horizontal menu oben wie leiste unten? = Footer

[lorenzdecor]

ok :-) thx
und was wäre dann schriftfarbe ändern?

[voodoo36]

Die Schriftfarbe ändern: (gelb) Farbcode musst du bestimmen z.B. Schwarz #000000; weiss: #ffffff; rot: ff0000; Farbcode Generator


Für das Menü:

.menu a {
color: #ffffff;
text-decoration: none;
font-weight: bold;
font-size: 12px;
line-height: 12px;
display: block;
}


.menu a:hover, .menu a.sel {
color: #dac176;
}



Für den Footer:

#footer a {
color: #ffffff;
text-decoration: none;
padding-right: 20px;
}


#footer a:hover {
color: #dac176;
}

[lorenzdecor]

ok klasse danke dir,

noch ne Frage , die Hauptgrafik die man sieht
wird die auch im style design ausgetauscht?
bzw geändert, und falls ja wo wird dann das neue Jpg hingelegt? ins Hauptverzeichnis des designs?

styledesign Inhalt:

BODY {
    margin: 0px;
    padding: 0px;
    color: #444444;
    background-color: #242424;
}

#menubar {
    margin: 0px 0px;
    padding: 0px 0px;
    min-height : 60px;
    width: 100%;
    background: #FFE1FF; 
}

#shadow
{
    width: 100%;
    height: 5px;
    background: url(../images/<cc:print  value="&pic.shadow.filename">) repeat-x top left;
    padding: 0px;
    margin: 0px;
    font-size: 1px;
    display: block;    
}

#mainbox {
    width: 100%;
    background-color: #F4F4F3;
    padding: 20px 0px;
    margin: 0px;
}

.menu {
    width: 120px;
    height: 60px;
    float: left;
    color: #ffffff;
    overflow: hidden;
    padding: 0px 10px;
    margin: 20px 0px;
    border-right: 1px #666666 solid;
    font-family : Tahoma, Arial, Helvetica, sans-serif;
}

.menu a {
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    line-height: 12px;
    display: block;
}

.menu a:hover, .menu a.sel {
    color: <cc:print value="&usercolor.medium">;
}

.menu p {
    padding: 10px 0px 0px 0px;
    margin: 0px;
    font-size: 11px;
    line-height: 12px;
}

.clearer {
    clear: both;
}

#logo {
    background : #ffffff url(../images/<cc:print  value="&pic.logo.filename">) no-repeat 10px 10px;
    padding: 10px;
    border: 1px solid #dddddd;
    width: 778px;
    height: 278px;
    margin: 0px 0px 20px 0px;
}

#wrap {
    margin: 0px auto;
    width: 800px;
}

#content {
    float: left;
    width: 520px;
}



#sidebar {
    float: right;
    width: 230px;
    padding-left: 20px;
    border-left: 1px solid #dddddd;
}

#ts a {
    display: block;
    margin-left: 10px;
}

#footer {
    width: 100%;
    background : #FFE1FF;
    text-align: center;
    padding: 16px 0px;
    font-family : Tahoma, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
}

#footer a {
    color: #ffffff;
    text-decoration: none;
    padding-right: 20px;
}

#footer a:hover {
    color: <cc:print value="&usercolor.medium">;
}

form.search {
    margin: 0px;
    padding: 0px 0px 40px 0px;
}

form.search input {
    vertical-align : middle;
}

input.search {
    padding: 0px;
    width: 584px;
    height: 26px;
    border: 1px solid #dddddd;
    font-size: 22px;
    margin: 0px 10px 0px 0px;
}