Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Farbe der Menüpunkte ändern
#1
Hallo,
ich bin noch ganz neu mit getsimple und bitte daher um Hilfe.
Habe meine erste Homepage im groben gestrickt.
Dafür habe ich das fertige Design Morningswim verwendet.
[Image: fewo.jpg]

Nun fällt auf, daß die Menüpunkte sich farblich schlecht vom grünen Hintergrund abheben, ich möchte eine auffälligere Farbe für sie.
Ich habe nun schon viel in der style.css rumprobiert, aber was mache bleibt ohne Wirkung.
Wo muß ich da ran?
Nachfolgend die style.css.


Code:
body,html {
background:#e3f0c1;
color:#1B403E;
margin:0;
padding:0;
}

body {
min-width:800px;
background:#e3f0c1 url(images/wrap_bg.gif) repeat-y top center;
font:0.8em/1.4em Tahoma, Geneva, sans-serif;
}

#wrap {
background:#F4F7EB;
width:760px;
margin:0 auto;
}

#header {
background:#B29742 url(images/header_bg.jpg) no-repeat top center;
height:175px;
margin:0;
padding:0;
}

#header h1 {
color:#7AA410;
font:italic bold 400% "Times New Roman", Times, serif;
margin:0;
padding:40px 20px;
}

#nav {
background:#AFCD70;
border-top:2px solid #889F57;
border-bottom:2px solid #889F57;
padding:5px 10px;
}

#nav ul {
list-style:none;
margin:0;
padding:0;
}

#nav li {
display:inline;
margin:0;
padding:0 2em 0 0;
}

#nav li a {
font-weight:700;
text-decoration:none;
}

#nav li a:link {
color:#060;
}

#nav li a:visited {
color:#768756;
}

#main {
color:#1B403E;
background:#F4F7EB;
float:left;
width:500px;
border-right:1px dashed #E3F0C1;
padding:20px 0;
}

#main h2,#main h3,#main p {
padding:0 20px;
}

#main h2,#main h3 {
color:#B19A53;
}

#sidebar {
background:#F4F7EB;
float:right;
width:240px;
padding:20px 0;
}

#sidebar ul {
padding-bottom:1em;
}

#sidebar li {
color:#AFCD70;
list-style:circle;
}

#sidebar li a {
text-decoration:none;
}

#sidebar li a:link {
color:#547999;
}

#sidebar li a:visited {
color:#895499;
}

#sidebar h3,#sidebar p {
padding:0 10px 0 0;
}

#sidebar h3 {
color:#b19a53;
}

#footer {
color:#060;
border-top:2px solid #889F57;
border-bottom:2px solid #889F57;
background:#AFCD70;
clear:both;
font-size:0.75em;
text-align:center;
}

#footer p {
margin:0;
padding:5px;
}

sup,sub {
color:#7AA410;
}

blockquote {
background:#e3f0c1;
border-left:2px solid #afcd70;
font:0.9em/1.5em "Palatino Linotype", "Book Antiqua", Palatino, serif;
color:#898D67;
letter-spacing:.05em;
margin-top:15px;
margin-bottom:15px;
padding:6px;
}

.blendedlinks {
color:#060;
text-decoration:none;
}

#nav li a:hover,#nav li a:active {
color:#E3F0C1;
}

#main p,#sidebar p {
color:#1B403E;
}

#sidebar li a:hover,#sidebar li a:active {
color:#999254;
}

PS von Connie: Hab das CSS als Code markiert, hebt sich besser ab ;=)
Reply
#2
Change boldened style
Quote:#nav {
background:#AFCD70; //change background: to background-color:
border-top:2px solid #889F57;
border-bottom:2px solid #889F57;
padding:5px 10px;
}
Addons: blue business theme, Online Visitors, Notepad
Reply
#3
Hello, yojoe

Thank you for your answer!
It works to change the background color and it would be acceptable.
But I prefer a solution to change the text color of the links.
This also should be possible but how?
Reply
#4
Gib uns doch bitte die URL deiner Seite

dann kann ich mit dem Firefox-Addon "Webdesigner Addon" die CSS-Elemente besser identifizieren und dir
sagen was zu tun ist
|--

Das deutschsprachige GetSimple-(Unter-)Forum:   http://get-simple.info/forums/forumdisplay.php?fid=18
Reply
#5
smalladmin Wrote:But I prefer a solution to change the text color of the links.
This also should be possible but how?
change this code:
Code:
#nav li a {
font-weight:700;
text-decoration:none;
}

#nav li a:link {
color:#060;
}

#nav li a:visited {
color:#768756;
}
into:
Quote:#nav li a {
font-weight:700;
text-decoration:none;
color:#1e3f42; /* link color */
}

#nav li a:hover {
color:#FFF; /* link color on mouse hover*/
}
Addons: blue business theme, Online Visitors, Notepad
Reply
#6
@ yojoe

Thank you very much for your answer. It works now best!

@ connie
Ich möchte die Site heute noch nicht herzeigen, da sie provisorisch irgendwo liegt, wo sie keinesfalls hingehört.
Die Site zieht aber in Kürze um und dann teile ich den Link mit, denn es gibt noch etliches dran zu feilen.

Viele Grüße von smalladmin
Reply
#7
Ok,

das kann ich verstehen, dann zeig sie wenn du weiter vorangekommen bist!

Gruss und einen schönen Tag!

Connie
|--

Das deutschsprachige GetSimple-(Unter-)Forum:   http://get-simple.info/forums/forumdisplay.php?fid=18
Reply




Users browsing this thread: 1 Guest(s)