Post Reply 
 
Thread Rating:
  • 0 Votes - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Farbe der Menüpunkte ändern
Author Message
smalladmin Offline
Junior Member

Posts: 3
Joined: Apr 2012
2012-04-25 00:42:36
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.
[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 ;=)
(This post was last modified: 2012-04-25 02:24:40 by Tuliptani.)
Find all posts by this user Quote this message in a reply
yojoe Offline
GS Freak

Posts: 1,143
Joined: Jun 2010
2012-04-25 01:02:54
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
Visit this user's website Find all posts by this user Quote this message in a reply
smalladmin Offline
Junior Member

Posts: 3
Joined: Apr 2012
2012-04-25 02:06:47
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?
Find all posts by this user Quote this message in a reply
Connie Offline
Super Moderator

Posts: 2,687
Joined: Feb 2011
2012-04-25 02:25:51
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
Find all posts by this user Quote this message in a reply
yojoe Offline
GS Freak

Posts: 1,143
Joined: Jun 2010
2012-04-25 06:59:40
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.)
Visit this user's website Find all posts by this user Quote this message in a reply
smalladmin Offline
Junior Member

Posts: 3
Joined: Apr 2012
2012-04-25 08:19:08
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
Find all posts by this user Quote this message in a reply
Connie Offline
Super Moderator

Posts: 2,687
Joined: Feb 2011
2012-04-25 15:54:58
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
Find all posts by this user Quote this message in a reply
Post Reply 




User(s) browsing this thread: 1 Guest(s)

Generate Leads from Documents vCard Hosting