Vorheriges Thema anzeigen :: Nächstes Thema anzeigen |
Autor |
Nachricht |
pY Mitglied
Angemeldet: 31.03.2004 Beiträge: 84
|
Verfasst am: 10.06.2004, 20:25 Titel:
CSS (Cascading Style Sheets) |
|
|
|
|
Scrolbalken:
Scrollbalkenfarbe
body {
scrollbar-face-color: #ffffff;
Schattenfarbe
scrollbar-shadow-color: #cccccc;
Linke Scrollbalken Kontur
scrollbar-3dlight-color: #000000;
Rechte Scrollbalken Kontur
scrollbar-darkshadow-color: #000000;
Hintergrundfarbe
scrollbar-track-color: #ffffff;
Pfeilfarbe
scrollbar-arrow-color: #ff0000;
}
Schrift:
Schriftart u. Schriftgröße
td {
font-size: 8pt; font-family: Verdana;
}
Hyperlink Style
a:link {
text-decoration: none; color: #000000;
}
Mouseover Effekt
a:hover {
text-decoration: none; color: #ff0000;
}
Besuchter Hyperlink
a:visited {
text-decoration: none;
}
Aktiver Hyperlink
a:active {
text-decoration: none;
}
Eingabefelder, Schaltflächen, Kontrollkästchen...
Rechte Kontur + größe
input {
border-right: #000000 1px solid;
}
Linke Kontur + größe
input {
border-left: #000000 1px solid;
}
Obere Kontur + größe
input {
border-top: #000000 1px solid;
}
Untere Kontur + größe
input {
border-bottom: #000000 1px solid;
}
Schriftart
font-family: verdana;
}
Schrifgröße
font-size: 10px;
}
Hintergrundfarbe
background-color: #f1f1f1
}
Hintergrundbild
background-image: url(ordner/deinbild.gif);
}
Textarea:
Rechte Kontur + größe
textarea {
border-right: #000000 1px solid;
}
Linke Kontur + größe
input {
border-left: #000000 1px solid;
}
Obere Kontur + größe
input {
border-top: #000000 1px solid;
}
Untere Kontur + größe
input {
border-bottom: #000000 1px solid;
}
Schriftart
font-family: verdana;
}
Schrifgröße
font-size: 10px;
}
Hintergrundfarbe
background-color: #f1f1f1
}
Hintergrundbild
background-image: url(ordner/deinbild.gif);
}
Konturen Style: ( im Tutorial einfach "solid" ersetzen durch die gewünschte Kontur )
Kontur
solid
Gepunktete Kontur
thin dotted
Gestrichelte Kontur
thin dashed
Doppelte Kontur
thin double
Komplette CSS zum abspeichern
Code: |
body {
scrollbar-face-color: #ffffff; scrollbar-shadow-color: #cccccc; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: #000000; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #ff0000;
}
td {
font-size: 8pt; font-family: Verdana;
}
a:link {
text-decoration: none; color: #000000;
}
a:hover {
text-decoration: none; color: #ff0000;
}
a:visited {
text-decoration: none;
}
a:active {
text-decoration: none;
}
input {
border-right: #000000 1px solid;
}
input {
border-left: #000000 1px solid;
}
input {
border-top: #000000 1px solid;
}
input {
border-bottom: #000000 1px solid; font-family: verdana; font-size: 10px; background-color: #f1f1f1; background-image: url(ordner/deinbild.gif);
}
textarea {
border-right: #000000 1px solid; border-left: #000000 1px solid; border-top: #000000 1px solid; border-bottom: #000000 1px solid; font-family: verdana; font-size: 10px; background-color: #f1f1f1; background-image: url(ordner/deinbild.gif);
} |
Zuletzt bearbeitet von pY am 11.06.2004, 16:04, insgesamt 13-mal bearbeitet |
|
Nach oben |
|
|
bl:nd Moderator
Angemeldet: 04.06.2004 Beiträge: 3499
|
Verfasst am: 10.06.2004, 22:16 Titel:
|
|
|
|
|
das is mal echt ne gutee idee, so ne zusammenfassung hier zu posten - werde ich in zukunft einfach drauf verweisen, wenn mich mal wieder jemand was bzgl. css fragt... |
|
Nach oben |
|
|
canaille Mitglied
Angemeldet: 29.11.2003 Beiträge: 227
|
Verfasst am: 10.06.2004, 22:25 Titel:
|
|
|
|
|
jo finds auch toll obwohl ichs nicht brauchen werde
aber selbst auf selfhtml ist das nicht so schön erklärt (besonders solche sachen wie scrollbar) |
|
Nach oben |
|
|
synth`9dots Administrator
Angemeldet: 02.08.2003 Beiträge: 3263 Wohnort: Karlsruhe Interessen: 9dots Design
|
Verfasst am: 11.06.2004, 01:39 Titel:
|
|
|
|
|
Jo, selfhtml isn Müll dagegen, und das in unserem Forum. *stolzis*
Ich hoff mal dass die Gfx-Tutsection auch noch richtig in Schwung kommt, notfalls kann ich ja mal irgendwann nachhelfen. |
|
Nach oben |
|
|
unex`9dots Administrator
Angemeldet: 02.08.2003 Beiträge: 1106 Wohnort: Karlsruhe Interessen: Coding, Segeln, Schwimmen, PC
|
Verfasst am: 11.06.2004, 12:03 Titel:
|
|
|
|
|
super sache. Wäre schön wenn vielleicht mal noch jemand en Tut für die Benutzung und einbindung von externen stylesyheets machen könnte und deren integration anhand von "Klassen". |
|
Nach oben |
|
|
Thomas`tiweb Mitglied
Angemeldet: 03.08.2004 Beiträge: 115 Wohnort: Bruchsal
|
Verfasst am: 03.08.2004, 15:07 Titel:
|
|
|
|
|
waere net schlecht zu sagen, dass die reihenfolge der link-klassen wie hover, active, etc. wichtig ist, sonst geht z.b. hover nicht |
|
Nach oben |
|
|
Gast
|
Verfasst am: 06.08.2004, 12:54 Titel:
|
|
|
|
|
selfhtml is super find ich...
[quote]
super sache. Wäre schön wenn vielleicht mal noch jemand en Tut für die Benutzung und einbindung von externen stylesyheets machen könnte und deren integration anhand von "Klassen". Zitat: |
<link rel="stylesheet" type="text/css" src="DEINLINKZUDERCSS.css">
in <head>
classen sind einfach
einfach ein punkt setzewn
.class1 {}
<input class="class1" type="text" >
|
|
|
Nach oben |
|
|
ShortY Mitglied
Angemeldet: 04.06.2004 Beiträge: 556 Wohnort: Herdorf Interessen: Glaube, MTB, klettern, Musik(hören und machen), Computer
|
Verfasst am: 03.01.2005, 18:11 Titel:
Re: CSS (Cascading Style Sheets) |
|
|
|
|
pY hat folgendes geschrieben: | Scrolbalken:
Scrollbalkenfarbe
body {
scrollbar-face-color: #ffffff;
Schattenfarbe
scrollbar-shadow-color: #cccccc;
Linke Scrollbalken Kontur
scrollbar-3dlight-color: #000000;
Rechte Scrollbalken Kontur
scrollbar-darkshadow-color: #000000;
Hintergrundfarbe
scrollbar-track-color: #ffffff;
Pfeilfarbe
scrollbar-arrow-color: #ff0000;
} |
vll sollte man auch noch erwähnen, dass das keine richtigen css befehle sind und jeder css validator das als FALSCH interprätieren würde...
das ist nämlich nur ein hintertürchen für den IE... streng genommen ist das kein css in dem sinne |
|
Nach oben |
|
|
vercci Mitglied
Angemeldet: 10.04.2019 Beiträge: 436162
|
|
Nach oben |
|
|
vercci Mitglied
Angemeldet: 10.04.2019 Beiträge: 436162
|
|
Nach oben |
|
|
vercci Mitglied
Angemeldet: 10.04.2019 Beiträge: 436162
|
|
Nach oben |
|
|
vercci Mitglied
Angemeldet: 10.04.2019 Beiträge: 436162
|
|
Nach oben |
|
|
vercci Mitglied
Angemeldet: 10.04.2019 Beiträge: 436162
|
|
Nach oben |
|
|
|