Speedcube.de Forum
Style Sheet CSS - Druckversion

+- Speedcube.de Forum (https://forum.speedcube.de)
+-- Forum: Sonstiges (https://forum.speedcube.de/forumdisplay.php?fid=14)
+--- Forum: Off-Topic (https://forum.speedcube.de/forumdisplay.php?fid=16)
+--- Thema: Style Sheet CSS (/showthread.php?tid=917)

Style Sheet CSS - HollowDeath - 13.05.2010

Ich hab mal mit CSS ein Stylesheet gebastelt, hab vor einer halben Stunde angefangen CSS zu lernen. WIe findet ihr das (abgesehen vom Inhalt)?
Code:
<html>

    <head>
        <title>CSS</title>
<style type="text/css">
body {
background: #ff0000 url("butterfly.gif") no-repeat fixed 50% 50%;
}
h1
{
color: #00ff00;
}
</style>
    </head>

    <body>
<h1>Diese Überschrift wird grün angezeigt.</h1>
<font color=#0000ff><b>Und diese Seite wird rot angezeigt, jedoch die Schrift blau und fett. Jetzt scrollt mal runter!</b></font>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<font color=#0000ff><b>Na, hat sich das Bild mitbewegt?</b></font> <br />
<input type="button" value="Ja." onClick="alert('Gut!');" /> <input type="button" value="Nein." onClick="alert('Lüg nicht so unverschämt!');" />
    </body>

</html>
Wie ihr es von mir kennt: In Editor einfügen, als html-Datei speichern, öffnen mit..., Browser auswählen.
Verbesserungsvorschläge sind auch erwünscht ^.^

RE: Style Sheet CSS - buenosbenos - 13.05.2010

ich finds gut aber das is schon zu weit für mich XD hab schon seid n paar monaten nix mehr gemacht XD

RE: Style Sheet CSS - HollowDeath - 13.05.2010

Ich werd später vielleicht mal ein Design erstellen, aber nicht heute^^

RE: Style Sheet CSS - AdrianE - 13.05.2010

1. Ich würd mir von Anfang an angwöhnen ein externes Stylesheet zu benutzen und dann einfach in die jeweiligen Pages includen.
2. Trotz CSS formatierst du die Schrift mit html Dodgy (wie wärs mit klassen etc.?, nur h1 in css)

Sonst ist es eben ganz der Anfang und nicht wert zu posten^^ sry

unlim

RE: Style Sheet CSS - JoJo - 13.05.2010

Ich kann das bei mir im Editor nicht als html speichern?

RE: Style Sheet CSS - HollowDeath - 13.05.2010

Editor, speichern unter, rechts unten anstatt txt.-Datei Alle Dateien auswählen.

RE: Style Sheet CSS - HollowDeath - 14.05.2010

(13.05.2010, 14:46)unlimreal schrieb: 2. Trotz CSS formatierst du die Schrift mit html Dodgy (wie wärs mit klassen etc.?, nur h1 in css)
Werd ich beim nächsten mal beachten, danke.

RE: Style Sheet CSS - oRbb - 14.05.2010

Sieht ja schon cool aus. Smile
Aber irgendwie ist das rot sehr grell...
Und unten fehlt mir ein Button: Welches Bild? Big Grin

RE: Style Sheet CSS - HollowDeath - 14.05.2010

Der Schmetterling... Ach shit, ihr müsst noch ein Bild runterladen, scheiße^^" (lol hab zuerst scheißê gepostet^^)
[Bild: butterflyc.gif]

Uploaded with ImageShack.us
Rechtsklick auf das Bild, Speichern unter, dann in den gleichen Ordner speichern, wo ihr die html-Datei habt. Dann sollte es funktionieren^^

RE: Style Sheet CSS - Nerogar - 14.05.2010

und dann noch von "butterflyc.gif" in "butterfly.gif" umbenennen, halt das c wegschneiden.