Gegen Bilderklau - Das Original | Druckvorschau: Designfarben

Gegen Bilderklau - Das Original (https://www.gegen-bilderklau.net/index.php)
- Design, Website, Copyright (https://www.gegen-bilderklau.net/board.php?boardid=80)
--- Homepagehilfe (https://www.gegen-bilderklau.net/board.php?boardid=27)
---- Homepagehilfe - Archiv (https://www.gegen-bilderklau.net/board.php?boardid=139)
----- Designfarben (https://www.gegen-bilderklau.net/thread.php?threadid=181368)

Geschrieben von 123Mona321 am 09.08.2011 um 11:29:

Designfarben

Hallo GBler!
Ich bin schon wieder einmal kurz vorm Verzweifeln. ^^ Naja, aber die Hoffnung stirbt ja bekanntlich zuletzt und so frage ich euch mal, ob ihr mir ein bisschen helfen könnt. Mit CSS.

Mein Problem ist folgendes: Für den untenstehenden Code hätte ich gerne, dass die Links dunkelgrün, der Hintergrund hellgrün und die Textfarbe schwarz ist. Wie mache ich das? Könnt ihr mir das bitte anhand des Beispiels erklären?

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:

BODY {
color: white; 
text-align: left; 
font-family: Arial; 
font-size: 12px;
background-attachment: fixed; 
background-position:0px 0px;  
 }


a:link {
font-family: Arial;
font-size: 10px;
color: lightgreen;
text-decoration: underline;
}

a:visited {
font-family: Arial;
font-size: 10px;
color: lightgreen;
text-decoration: underline;
}

a:active {
font-family: Arial;
font-size: 10px;
color: lightgreen;
text-decoration: underline;
}

a:hover { 
font-family: Arial;
font-size: 10px;
color: lightgreen;
text-decoration: overline;
}

Und noch eine Frage: Was muss ich beim Programmieren mit CSS noch beachten, damit ein Homepagedesign gut funktioniert?
Ich hoffe, meine Frage war jetzt konkret genug, ansonsten einfach nachfragen. Augenzwinkern

Bin gerade total verwirrt von CSS. smile

L.G. eure verwirrte Dana

Geschrieben von dreamer95 am 09.08.2011 um 11:50:

BODY {
color: white; (<- das ist die normale schriftfarbe)
...
background-position:0px 0px;
(hierzwischen fügst du noch background-color: ein)
}
...
und wo bei den links die farbe hinkommt hast du schon erkannt.
allerdings musst du die farbe mit einem sogenannten hex-code angeben.
bei schwarz zB sieht der so aus: #ffffff
für die anderen musst du dir die entsprechenden suchen.
hast du paint? oder gimp? oder so?

Geschrieben von Fairytale am 09.08.2011 um 12:16:

#ffffff ist weiß, nicht schwarz Augenzwinkern

Schwarz wäre #000000

Bei diesen Hexcode stehen die ersten zwei stellen für rot, die zweiten zwei grün und die zwei letzen blau.
#00ff00 wäre ein knalliges grün. #005500 wäre Dunkelgrün.
Etweder zu hast ein Grafikprogramm in dem du eine Farbe einstellen und den Code ablesen kannst, oder du musst einfach ein bischen ausprobieren.

Geschrieben von dreamer95 am 09.08.2011 um 12:31:

ups, doch verwechselt xD

Geschrieben von 123Mona321 am 09.08.2011 um 14:05:

Danke erstmal für die Antworten.
Ist der Code so richtig?

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:

BODY {
color: #000000; 
background-color: #90EE90
text-align: left; 
font-family: Arial; 
font-size: 12px;
background-attachment: fixed;
background-position:0px 0px;
 }


a:link {
font-family: Arial;
font-size: 10px;
color: #006400;
text-decoration: underline;
}

a:visited {
font-family: Arial;
font-size: 10px;
color: #006400;
text-decoration: underline;
}

a:active {
font-family: Arial;
font-size: 10px;
color: #006400;
text-decoration: underline;
}

a:hover {
font-family: Arial;
font-size: 10px;
color: #006400;
text-decoration: overline;
}

Und was heißt background-position, background-attachment und a:hover?
Danke für eure Antworten.
L.G.

Geschrieben von dreamer95 am 09.08.2011 um 17:10:

backgroung-position, steht für die platzierung des hintergrunds xD
da kannst du einstellen an welcher stelle der hintergrund beginnt (?, notfalls bitte korriegieren, bin mir nicht so ganz sicher)
background-attachment: fixed;
gibt an, dass der hintergrund (nicht) mitscrollt, öhm... ist fixiert, also scrollt er glaub ich nicht mit verwirrt

sorry für die schlechte auskunft, allerdings ist das nicht soo wichtig Augenzwinkern

a:hover, ist dann wenn du mit der maus über den link fährst, ihn aber nicht anklickst Augenzwinkern