Babybytes Hilfe - Stylesheets-ändern



Seite schöner gestalten mit Stylesheets

Sie können Ihre persönlichen Seiten mit einem Farbton Ihrer Wahl gestalten, indem Sie den Stylesheet ändern.

Ihr Stylesheet beinhaltet Anweisungen, die bestimmen, wie Dinge auf Ihrer Seite wiedergegeben werden. So können Sie mit Ihrem Stylesheet den Schrifttypen auf dem Hintergrund ändern, Farben ändern, Schatten hinzufügen, Scrollbalken (Rollbalken) einfärben, Grafikeigenschaften ändern, die Farbe und Größe der Buttons verändern, etc.


Klicken Sie auf `Stylesheet ändern`

Wenn Sie noch kein Mitglied sind oder noch nie mit Ihrem Stylesheet gearbeitet haben, ist es noch leer:

Unter diesem noch leeren Textkästchen auf der Seite `Stylesheet ändern` sehen Sie verschiedene Beispiele.
Wir nehmen eine Zeile, um zu versuchen, ob es funktioniert.
Tipp: Wenn Sie kopieren und einfügen, unterlaufen Ihnen weniger Schreibfehler. Wenn Sie einen Schreibfehler im Text haben, wird es nicht funktionieren.

Klicken Sie auf `Speichern`, um zu sehen, ob es funktioniert:

Es funktioniert!

Wenn Sie mehr Zeilen an Ihrem Stylesheet hinzufügen, können Sie weitere Dinge verändern.

Beispiel 1

#body{font-family:tahoma}
#body{font-size:11pt}

ul { list-style-image: url('http://www.babybytes.de/images/realsmallbaby.gif') }

img{border: 1px dashed green;}

textarea {background-color:gold}
input {background-color:goldenrod; color:white}

Erklärung:
Die Farben, die Sie benutzen können, finden Sie auf http://w3schools.com/HTML/html_colornames.asp
Neben den naheliegenden Farben wie white, green und blue finden Sie auch schöne Namen wie MediumAquaMarine und CornflowerBlue.
Zeile 1: body{font-family:tahoma}
Alle Texte werden auf Ihrer Seite mit dem Schrifttypen Tahoma geschrieben.

Zeile 2: #body{font-size:11pt}
Die Textgröße ist 11.

Zeile 3: ul { list-style-image: url('http://www.babybytes.de/images/realsmallbaby.gif') }
Alle Listen der Aufzählungszeichen werden auf Ihrer Seite durch ein rollendes Baby vorausgegangen. In diesem Beispiel benutzen wir das Babybytesbaby auf http://www.babybytes.de/images/realsmallbaby.gi

Zeile 4: img{border: 1px dashed green;}
Alle Bilder bekommen einen grün (green) gestreiften (dashed) Rand mit einer Stärke von 1 Pixel (1px). Außer dashed können Sie auch diese benutzen: none, dotted, dashed, solid, double, groove, ridge, inset und outse.

Zeile 5: textarea {background-color:gold}
Alle Textareas, -das sind die viereckigen Kästchen, worin Sie etwas schreiben können- , bekommen einen goldfarbenen Hintergrund.

Zeile 6: input {background-color:goldenrod; color:white}
Alle `input` Elemente, -das sind Buttons, Kontrollkästchen und Ausfüllfelder -, bekommen die Hintergrundfarbe `goldenrod` und der Text auf dem Button bekommt die Schriftfarbe weiß.

Beispiel 2

#body{font-family:Franklin Gothic Book}
#body{font-size:11pt}

textarea {background-image:url(http://nps.gov/cabr/historyculture/images/Foggy_Lighthouse_RESIZED.jpg);}

input {background-color:CornflowerBlue; color:AliceBlue}

a:hover {color:red; background-color:Wheat}

Erklärung:
Zeile 1: Alle Texte werden auf Ihrer Seite mit dem Schrifttypen Franklin Gothic Book geschrieben.
Zeile 2: Die Textgröße ist 11.
Zeile 3: Alle Ausfüllfelder bekommen auf Ihrer Seite ein Hintergrundbild. In diesem Beispiel ist es ein Leuchttum, den wir auf folgende Website gefunden haben http://nps.gov/cabr/historyculture/images/Foggy_Lighthouse_RESIZED.jpg.
Zeile 4: Alle Buttons bekommen auf Ihrer Seite die Hintergrundfarbe `cornflowerblue` und die Textfarbe aliceblue.
Zeile 5: Wenn Sie mit Hilfe der Maus über einen Link bewegen, wird der Hintergrund `wheat`-farbig und der Text wird rot.

Beispiel 3

#body
{
background-image:url(
http://artgraphica.net/images/lighthouse-on-cliff/light-house-drawing-demo.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:right top;
}

dddd

Erklärung:
background-image:url(http://artgraphica.net/images/lighthouse-on-cliff/light-house-drawing-demo.jpg);
Diese Zeile stellt den Hintergrund ein. In diesem Beispiel ist eine Zeichnung eines Leuchtturms.

background-repeat:no-repeat;
Diese Zeile stellt ein, ob das Foto ständig wiederholt werden soll. Mit `no-repeat` geben wir an, dass wir es nur 1x wollen.

background-attachment:fixed;
Diese Zeile sorgt dafür, dass der Hintergrund stillsteht, wenn wir den Rollbalken verschieben.

background-position:top right;
Diese Zeile platziert das Foto in die rechte obere Ecke. `top right` in oben aufgeführtem Beispiel können Sie verändern in

left top - links oben
left center - links zentriert
left bottom - links unten
right top - rechts oben
right center - rechts zentriert
right bottom - rechts unten
center top - Mitte oben
center center - Mitte zentriert
center bottom - Mitte unten



Babybytes Hilfe - Stylesheets-ändern





Die Information auf dieser Website ist nur für Unterhaltungszwecke geeignet. Benutzen Sie diese Information nicht, um medizinische Probleme zu behandeln oder festzustellen. Gehen Sie zur Beratung zu Ihrem Hausarzt oder Facharzt.

Babybytes ©2019

Mehr Foren:


-Allgemein::Schwanger-werden
-Allgemein::Tipps
-Babybytes-Hilfe
    • Hintergrund-ändern
    • Passfoto-uploaden-oder-ändern
    • Persönliches-Fotobuch-Fotos-uploaden
    • Profil-oder-Blog-Fotos-uploaden
    • Stylesheets-ändern
Abbau-der-Pille
Alkohol
Alleinerziehende-Eltern
Auswahl-des-Geschlechts
Babyankündiger
Babyausstattung
Babynahrung
Babynamen
Babypflege
    • Augenpflege
    • In-der-Badewanne
    • Nabelstumpf
    • Nagelpflege
    • Vorhaut
    • Windelausschlag
    • Windeln-wechseln
Basaltemperatur
Bauchgrippe
Bauchkrämpfe
Beckeninstabilität
Bettruhe
Blasenentzündung
Blutdruck
    • Hoher-Blutdruck-(Hypertonie)
    • Niedriger-Blutdruck-(Hypotonie)
Blutungen-und-Wunden
Blutverlust
    • 1-Erstes-Schwangerschaftsdrittel
    • 2-Zweites-Schwangerschaftsdrittel
    • 3-Drittes-Schwangerschaftsdrittel
Brüste
Bänderschmerzen
    • Lumbalbandage-oder-Miederhose
    • Stützstrumpfhose
Bäuerchen-und-Luftschlucken
CTG-(Kardiotokographie)
Daumenlutschen-und-Nuckeln
    • Daumenlutschen-abgewöhnen
Depressionen-nach-der-Schwangerschaft
Depressionen-während-der-Schwangerschaft
Drogen-und-Schwangerschaft
Durchfall-(Diarrhö)
Ein-Brüderchen-oder-Schwesterchen
Entwicklung-des-Fetus
Erkennen-von-Zyklen
Ernährung-während-der-Schwangerschaft
Ersticken-und-Verschlucken
Essstörungen
Fieber
    • Fieberkrämpfe
Flaschennahrung
Flüssigkeitsansammlung-(Ödem)
Fontanellen
Fünfte-Krankheit
Geburt
    • Einleiten
    • Geburtspositionen
    • Kaiserschnitt
    • Krankenhausentbindung
    • Schmerzen
    • Vorbereitungen
    • Vorwehen-(Braxton-Hicks)
Gewichtsverlust-des-Babys
Gewichtszunahme
Großfamilien
Haarpflege
Hautveränderungen
Hämorrhagie-(Blutung)
Hämorrhoiden
Impfungen
Junge-oder-Mädchen
Kaffee
Kindsbewegungen
Kopfgneis-(Hauterkrankung)
Kopfschmerzen
Krampfadern
Känguru-Methode-(Känguruing)
Körperkarte-der-Beschwerden
Leistenbruch
Listeriose
Magensäure
Mund-zu-Mund-Beatmung
Nabel-und-Schwangerschaft
Nasenbluten
Obstipation-(Verstopfung)
Ohnmächtig-werden
Ohrenentzündung
Ohrlöcher-stechen-lassen
Ovulationskalender
PCOS
Prämenstruelles-Syndrom-(PMS)
Rauchen
Reisen-während-der-Schwangerschaft
    • Autogurte
Respiratorische-Affektkrämpfe
Restless-Legs-Syndrom-(RLS)
Rhesusfaktor
Robben-und-Krabbeln
Rückenschmerzen
Sauberkeitstraining
Schief-wachsender-Kopf
    • Kopforthese
Schleimpfropfen
Schwanger-werden-30-Tipps
Schwanger,-schnell-nach-Ihrer-Entbindung
Schwangerschaft-über-35
Schwangerschaftsabbruch
Schwangerschaftsdiabetes
Schwangerschaftsfabeln
Schwangerschaftsstreifen-(Striae)
Schwangerschaftssymptome
Schwangerschaftstests
Schwiegermütter
Schwitzen-und-Hitzebläschen
Sechste-Krankheit
Sicherheit
    • Auf-Reise
    • Autositz
    • Babyzimmer
    • Badezimmer
    • Balkon
    • Fahrradsitz
    • Küche
    • Treppe
    • Vergiftung
    • Wohnzimmer
Sinnesorgane:-Was-kann-Ihr-Baby
Steißlage
Stillen
    • Abpumpen
    • Anlegen
    • Clusterphasen
    • Gründe-aufzuhören
    • Langzeitstillen
    • Menstruation
    • Milchkanäle-und-Brustentzündung
    • Milchproduktion
    • Milchspendereflex
    • Physische-Folgen
    • Soor
    • Stilldauer
    • Stillen-am-Arbeitsplatz
    • Vorteile
    • Warzenschrunden
Stumpfes-Auge-(Amblyopie)
Tag-Nacht-Rhythmus
Teenager-Schwangerschaft
    • Hilfe
Tests-vor-der-Schwangerschaft
    • Candida-Infektion
    • Chlamydien
    • Hepatitis-B
    • HIV-und-AIDS
    • Hämoglobin
    • Irreguläre-Antikörper
    • Röteln-(Rubella)
    • Toxoplasmose
    • Vaginaler-Ausfluss
    • Windpocken
Tests-während-der-Schwangerschaft
    • Chorionzottenbiopsie
    • Der-Kombinationstest
    • Fruchtwasserpunktion
    • Gruppe-B-Streptokokken
    • Hämoglobingehalt
    • Nabelschnurpunktion
    • Neuralrohrdefekt
    • Triple-Test
    • Ultraschall
    • Vaterschaftstest-(zu-Hause)
Traditionen-nach-der-Geburt
    • Babypinkeln
    • Geburtssuppe
    • im-Ausland
    • Weggen-wegbringen
    • Weisertwecken-(Bayern)
Träume-während-der-Schwangerschaft
Ultraschall-(Sonografie)
Umstandskleidung
Unfruchtbarkeit
    • Fruchtbarkeitsbehandlungen
    • Fruchtbarkeitsprobleme-bei-der-Frau
    • Fruchtbarkeitsprobleme-beim-Mann
Urinieren
UV-Strahlung-und-Schwangerschaft
Vater-werden
Ventriculomegalie
Verhütungsmittel
    • Verhütungsmittel-nach-der-Geburt
Verlust
    • Blighted-Ovum
    • EUG
    • Fehlgeburt
Vorzugshaltung-Tipps
Wachstumsrückstand
Was-ist-sicher-und-unsicher
    • Essen
    • Karriere
    • Medizinisch
    • Pflege-und-Kosmetika
    • Schlaf
    • Sex
Wasserkopf-(Hydrocephalus)
Wiegentod
Windpocken
Übelkeit
    • Austrocknung
    • Hyperemesis-gravidarum-(HG)
Zahnpflege
Zangengeburt-oder-Saugglockengeburt
Zwillinge
    • Entbindung-bei-Zwillingen
    • Komplikationen
    • Routinen-aneignen
    • Während-der-Zwillingsschwangerschaft
Zähne



Alle Bereiche
Schwanger werden
Schwangerschaft & Geburt
Babys