123Mona321
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.
Bin gerade total verwirrt von CSS.
L.G. eure verwirrte Dana
dreamer95
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?
Fairytale
#ffffff ist weiß, nicht schwarz
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.
123Mona321
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.
dreamer95
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
sorry für die schlechte auskunft, allerdings ist das nicht soo wichtig
a:hover, ist dann wenn du mit der maus über den link fährst, ihn aber nicht anklickst
123Mona321
Oh, danke für die Hilfe.
Und der Code stimmt jetzt?
L.G.
Fairytale
Hi,
müsste eigentlich stimmen, ich seh jetzt eigentlich nichts, was Probleme machen sollte
123Mona321
Ok, danke an euch.
Kann dann geschlossen werden.