smalladmin
Junior Member
Posts: 3
Joined: Apr 2012
|
Farbe der Menüpunkte ändern
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.
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 ;=)
(This post was last modified: 2012-04-25 02:24:40 by Tuliptani.)
|
|
|
|
yojoe
GS Freak
Posts: 1,143
Joined: Jun 2010
|
Farbe der Menüpunkte ändern
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;
}
Themes: Getsimple BlueBusiness theme
Plugins: Online Visitors, Notepad
|
|
|
|
smalladmin
Junior Member
Posts: 3
Joined: Apr 2012
|
Farbe der Menüpunkte ändern
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?
|
|
|
|
Connie
Super Moderator
Posts: 2,687
Joined: Feb 2011
|
Farbe der Menüpunkte ändern
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
|--
Die deutsche GetSimple-Webseite: http://www.Get-Simple.de = the german Get-Simple-Website!
Das deutschsprachige GetSimple-(Unter-)Forum: http://get-simple.info/forums/forumdisplay.php?fid=18
|
|
|
|
yojoe
GS Freak
Posts: 1,143
Joined: Jun 2010
|
Farbe der Menüpunkte ändern
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*/
}
Themes: Getsimple BlueBusiness theme
Plugins: Online Visitors, Notepad
(This post was last modified: 2012-04-25 07:01:12 by BlackRose.)
|
|
|
|
smalladmin
Junior Member
Posts: 3
Joined: Apr 2012
|
Farbe der Menüpunkte ändern
@ 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
|
|
|
|
Connie
Super Moderator
Posts: 2,687
Joined: Feb 2011
|
Farbe der Menüpunkte ändern
Ok,
das kann ich verstehen, dann zeig sie wenn du weiter vorangekommen bist!
Gruss und einen schönen Tag!
Connie
|--
Die deutsche GetSimple-Webseite: http://www.Get-Simple.de = the german Get-Simple-Website!
Das deutschsprachige GetSimple-(Unter-)Forum: http://get-simple.info/forums/forumdisplay.php?fid=18
|
|
|
|