Gegen Bilderklau - Das Original | Druckvorschau: CSS, alles auf einen Blick

Geschrieben von .Heaven am 29.08.2007 um 12:10:

CSS, alles auf einen Blick

CSS, alles auf einem Blick

Für die, die mit CSS auch mal etwas anderes machen wollen, habe ich diese Datei zusammen gestellt. In der Datei enthalten:

- CSS, wie verwende ich es?
- Wie muss ich die CSS Seite erstellen?
- CSS Aufbau
- CSS, Grundoptionen
- CSS, einfache Header erstellen
- Tabellen Mouseover
- Link mit Bildern
- Optionen für CSS, erweitert

- Stylesheet, für die die es mit ihrem Programm nicht machen können.

Viel Spaß,
Shari.
Mit freundlicher Unterstützung von SaraliebtPferde

Datei runterladen

Geschrieben von Maxy am 29.08.2007 um 12:55:

Danke dir, sehr praktisch um zwischendurch was nachzuschauen smile

Geschrieben von .Heaven am 29.08.2007 um 13:26:

Kein Problem (:

Geschrieben von Lauri am 29.08.2007 um 15:20:

Ich verschiebs mal in die Tutorialsarea Augenzwinkern

Geschrieben von **Franzi** am 29.08.2007 um 15:33:

kann ich des mit dem A:Link auch in nen externen stylesheet einbaun?

Geschrieben von .Tabea am 29.08.2007 um 15:43:

Zitat:

Original von **Franzi**
kann ich des mit dem A:Link auch in nen externen stylesheet einbaun?

Ja, das geht.
So könnte es aussehen:

code:

1:
2:
3:
4:

A:link {COLOR: #696C44; text-decoration: none; }
A:visited {COLOR: #696C44; text-decoration: none; }
A:hover {COLOR: #696C44; text-decoration: none; position: relative; top: 1; left: 1;}
A:active {COLOR: #696C44; text-decoration: none; }

Geschrieben von **Franzi** am 29.08.2007 um 15:47:

thx

Geschrieben von .Tabea am 29.08.2007 um 16:45:

Kein Problem smile

Geschrieben von **Franzi** am 29.08.2007 um 17:27:

funzt nur iwie nich

Geschrieben von .Tabea am 29.08.2007 um 18:03:

Zeig mal deine CSS (:

Geschrieben von .Heaven am 29.08.2007 um 19:56:

Franzi, du musst das None auch weg machen, falls du noch etwas anfügen solltest..?

Geschrieben von **Franzi** am 29.08.2007 um 23:20:

none hab ich weggemacht

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:

BODY {
color: #663300;
text-align : center;
background-image: url(bg.jpg);
background-attachment: fixed; 
background-position:0px 0px;
scrollbar-3dlight-color: #8B4513; 
scrollbar-arrow-color: #8B4513;
scrollbar-darkshadow-color: #D2B48C;
scrollbar-face-color: #FAEBD7;
scrollbar-highlight-color: #D2B48C;
scrollbar-shadow-color: #FAEBD7;
scrollbar-track-color: #D2B48C; 
A:link {COLOR: #663300; text-decoration: none; }
A:visited {COLOR: #663300; text-decoration: none; }
A:hover {COLOR: #663300; text-decoration: overline underline}
A:active {COLOR: #663300; text-decoration: none; }
}

Geschrieben von .Tabea am 30.08.2007 um 11:58:

So müsste es gehen, das darf nämlich nicht in den Body (;

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:

BODY {
color: #663300;
text-align : center;
background-image: url(bg.jpg);
background-attachment: fixed; 
background-position:0px 0px;
scrollbar-3dlight-color: #8B4513; 
scrollbar-arrow-color: #8B4513;
scrollbar-darkshadow-color: #D2B48C;
scrollbar-face-color: #FAEBD7;
scrollbar-highlight-color: #D2B48C;
scrollbar-shadow-color: #FAEBD7;
scrollbar-track-color: #D2B48C; }

A:link {COLOR: #663300; text-decoration: none; }
A:visited {COLOR: #663300; text-decoration: none; }
A:hover {COLOR: #663300; text-decoration: overline underline}
A:active {COLOR: #663300; text-decoration: none; }