.Heaven
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
Maxy
Danke dir, sehr praktisch um zwischendurch was nachzuschauen
Lauri
Ich verschiebs mal in die Tutorialsarea
**Franzi**
kann ich des mit dem A:Link auch in nen externen stylesheet einbaun?
.Tabea
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; } |
|
.Tabea
Kein Problem
**Franzi**
funzt nur iwie nich
.Tabea
Zeig mal deine CSS (:
.Heaven
Franzi, du musst das None auch weg machen, falls du noch etwas anfügen solltest..?
**Franzi**
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; }
}
|
|
.Tabea
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; }
|
|
**Franzi**
ich probiers mal
edit
funzt thx
Simsi1992
wah danke für das tut <3333 *tausend keckspackungen schenk*
super <333