Registrierung Zum Portal Zur Startseite Mitgliederliste Administratoren und Moderatoren

CastleofDreams StyleWorld



CoDs Test- & Lernforum » CoDs Wbb Lite1 Office » Style-Schule für Wbb Lite1 » 11. CSS = Cascading Stylesheets » Hallo Gast [anmelden|registrieren]
Druckvorschau | An Freund senden | Thema zu Favoriten hinzufügen
Neues Thema erstellen Antwort erstellen
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
BlueSavannah BlueSavannah ist weiblich
Administrator




Dabei seit: 19 Apr, 2019
Beiträge: 322

11. CSS = Cascading Stylesheets Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       IP Information Zum Anfang der Seite springen

Tutoriale by BlueSavannah (Micky)
Style-Tut Oktober 2010 & Nov. 2011
überarbeitet Januar 2016 / erneut überarbeitet Februar 2020

Ein Tut zu schreiben kostet viel Zeit .. Übereinstimmungen sind zufällig, ich habe alles selbst geschrieben und getestet.. ich bitte euch daher es nicht einfach zu kopieren und zu veröffentlichen



Cascading Stylesheets (CSS) = der Code unten darf kopiert werden - die Farben müsst ihr an euren Style anpassen!


Kurze Erklärungen:

Body = markiert Anfang und Ende des sichtbaren Inhalts vom Forum

Background Fixed = feststehender Hintergrund

Background Center = Hintergrund zentriert/mittig

Background Image = Hintergrundbild

Background-Attachment = mit diesem Befehl legst du fest, ob der Hintergrund feststeht (fixed) oder ob er mitscrollen (scroll) soll

Background-Position = legt die Position vom Hintergrund/Bild fest - center = mittig - left = links - right = rechts -

Textarea = Textfeld

Font Size = Schriftgröße

Font Family = definiert eine Liste von Schriftarten, von der höchsten zur niedrigsten Priorität. Die Auswahl der Schriftart stoppt nicht einfach bei der ersten Schriftart in der Liste, die auf dem System des Benutzers installiert ist. Vielmehr findet die Auswahl der Schriftart pro Zeichen statt, so dass, falls eine verfügbare Schriftart ein bestimmtes Schriftzeichen nicht definiert, in den übrigen Schriftarten nach diesem Zeichen gesucht wird.

Tablecat = Kategorie

Tabletitle = Tabellentitel

a:link = normaler Link

a:visited = besuchter Link

a:hover = Effekt wenn man mit der Maus über Link geht

a:active = aktiver Link


Text-Decoration: None = Keine Textdecoration

Text-Decoration mit Bild (z.b. Glitzer) = background-image: url('url vom bild');

Text-Decoration underline = Text ist unterstrichen

Img Border None = keinen Rand um ein verlinktes Bild



code:


body {
background-attachment: fixed;
background-position: center;
background-image: url("https://DEINE URL/DEIN ORDNER/hg.gif");
}  



TEXTAREA {
FONT-SIZE: 15px;FONT-FAMILY: Times New Roman;COLOR: #45382b; BACKGROUND-COLOR: #ecdcc2;} 

.input {

FONT-SIZE: 15px;FONT-FAMILY: Times New Roman;COLOR: #45382b; BACKGROUND-COLOR: #ecdcc2; border-top-width : 1px;border-right-width : 1px;border-bottom-width : 1px;border-left-width : 1px;text-indent : 2px;}

.topnavi {
padding-right: 5px;padding-bottom: 18px;padding-left: 5px;}

#bg A:link, #bg A:visited, #bg A:active { COLOR: #45382b;TEXT-DECORATION: underline; }
#bg A:hover { COLOR: #000000; TEXT-DECORATION: none; }

#tablea A:link, #tablea A:visited, #tablea A:active { COLOR: #45382b; TEXT-DECORATION: underline; }
#tablea a:hover; text-decoration: none; }

#tableb A:link, #tableb A:visited, #tableb A:active { COLOR: #45382b; TEXT-DECORATION: underline; }
#tableb a:hover; text-decoration: none; }

#tablecat A:link, #tablecat A:visited, #tablecat A:active { COLOR: #45382b; TEXT-DECORATION: underline; }
#tablecat A:hover { COLOR: #000000; TEXT-DECORATION: none; }

#tabletitle A:link, 
#tabletitle A:visited, #tabletitle A:active { COLOR: #45382b; TEXT-DECORATION: none; }
#tabletitle A:hover { COLOR: #000000; TEXT-DECORATION: underline; }

a:link, a:visited, a:active { COLOR: #45382b; TEXT-DECORATION: none; } a:hover { COLOR: #58342d; TEXT-DECORATION: none; 
}


img {
 border:none;
}



27 Feb, 2020 20:01 54 BlueSavannah ist offline Email an BlueSavannah senden Homepage von BlueSavannah Beiträge von BlueSavannah suchen Nehmen Sie BlueSavannah in Ihre Freundesliste auf
 
Neues Thema erstellen Antwort erstellen
Gehe zu:
CoDs Test- & Lernforum » CoDs Wbb Lite1 Office » Style-Schule für Wbb Lite1 » 11. CSS = Cascading Stylesheets » Hallo Gast [anmelden|registrieren]

Suche Häufig gestellte Fragen Link Us Hangman

Boardregeln | Impressum | Datenschutzerklärung

Mein Test- & Lernforum ist online seit April 2019
c/alle Styles, Grafiken, Bilder & Tutoriale by MichaelaMarkgraf



Kosovo - Jordanien - Syrien - Irak - Mittelmeer - Horn von Afrika - Somalia - SüdSudan -
Mali - Libanon - Türkei - Westsahara - Jemen





Meine Boards CoDs Test- & Lernforum Support-Boards

Ich freue mich über einen Besuch ~
schaut also mal rein :)

Castle of Dreams
CoDs Style-World
Bei Fragen zu Board-4-You
bitte direkt an Jürgen wenden:

Board4You


nach oben

radiosunlight.de Geblockte Angriffe: 549 | prof. Blocks: 0 | Spy-/Malware: 0
CT Security System lite v3.0.4: © 2006 Frank John & cback.de

Gehostet bei Board-4-You
Powered by Burning Board Lite 1.0.2pl3 © 2001-2007 WoltLab GmbH