Community

9dots.de Webdesign Board

 

 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   BenutzergruppenBenutzergruppen   RegistrierenRegistrieren 

 ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 


CSS (Cascading Style Sheets)

 
Neues Thema eröffnen   Neue Antwort erstellen    9dots.de Webdesign Community Foren-Übersicht -> Coding-Tutorials
Vorheriges Thema anzeigen :: Nächstes Thema anzeigen  
Autor Nachricht
pY
Mitglied
Mitglied


Angemeldet: 31.03.2004
Beiträge: 84


BeitragVerfasst am: 10.06.2004, 21:25    Titel: CSS (Cascading Style Sheets) Antworten mit Zitat
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, 17:04, insgesamt 13-mal bearbeitet
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
bl:nd
Moderator
Moderator


Angemeldet: 04.06.2004
Beiträge: 3499


BeitragVerfasst am: 10.06.2004, 23:16    Titel: Antworten mit Zitat
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... Smilie
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden E-Mail senden
canaille
Mitglied
Mitglied


Angemeldet: 29.11.2003
Beiträge: 227


BeitragVerfasst am: 10.06.2004, 23:25    Titel: Antworten mit Zitat
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
Benutzer-Profile anzeigen Private Nachricht senden
synth`9dots
Administrator
Administrator


Angemeldet: 02.08.2003
Beiträge: 3263
Wohnort: Karlsruhe
Interessen: 9dots Design

BeitragVerfasst am: 11.06.2004, 02:39    Titel: Antworten mit Zitat
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
Benutzer-Profile anzeigen Private Nachricht senden E-Mail senden Website dieses Benutzers besuchen
unex`9dots
Administrator
Administrator


Angemeldet: 02.08.2003
Beiträge: 1106
Wohnort: Karlsruhe
Interessen: Coding, Segeln, Schwimmen, PC

BeitragVerfasst am: 11.06.2004, 13:03    Titel: Antworten mit Zitat
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
Benutzer-Profile anzeigen Private Nachricht senden E-Mail senden Website dieses Benutzers besuchen
Thomas`tiweb
Mitglied
Mitglied


Angemeldet: 03.08.2004
Beiträge: 115
Wohnort: Bruchsal

BeitragVerfasst am: 03.08.2004, 16:07    Titel: Antworten mit Zitat
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
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Gast







BeitragVerfasst am: 06.08.2004, 13:54    Titel: Antworten mit Zitat
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
Mitglied


Angemeldet: 04.06.2004
Beiträge: 556
Wohnort: Herdorf
Interessen: Glaube, MTB, klettern, Musik(hören und machen), Computer

BeitragVerfasst am: 03.01.2005, 19:11    Titel: Re: CSS (Cascading Style Sheets) Antworten mit Zitat
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
Benutzer-Profile anzeigen Private Nachricht senden
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    9dots.de Webdesign Community Foren-Übersicht -> Coding-Tutorials Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Board Software by phpBB © 2001, 2005 phpBB Group. Impressum
Dominik Wuttke - Moritz Münchmeyer - Joachim Nagel GbR.
AGB