Schöneres ARIVA (Zusammenfassung) / HTML-Baukasten
Da sich im Thread "Schöneres Ariva?" doch nun einige HTML-Gestaltungstips angehäuft haben, hab´ mir gedacht, dass ich mal eine kleine Zusammenfassung einstelle:
- Horizontale Linie: <hr>
- Text mittig ausrichten:
- Text fett darstellen:
<b>Text</b> - Text kursiv darstellen:
<i>Text</i> - Text unterstreichen:
<u>Text</u> - Schrift mit gleichen Zeichenabständen:
- Textfarbe einstellen:
<font color=green>Text</font color=green> - Tieferstellen der Schrift:
- Erstellung von Listen:
- Name
- WKN
- Kurs
- Text durchstreichen:
- Schriftgröße allgemein im Text ändern:
- Schriftgröße einstellen:
- Erstellen von Titeln (Größe: h1-h6):
- Schriftart festlegen: <font face=Schriftname>Text</font>
- Marquee-Effekt:
- Blink-Effekt:
- Bilder einfügen (auch animierte):
- Hintergrundmusik einfügen:
- Kombination z.B. von marquee und Bild:
- Aufnehmen von Zitaten:
- Anklickbare Links:
z.B.
Die Linien könnt Ihr übrigens auch farbig gestalten mit dem Zusatz color=
also: <hr color=red>
Beispiel: H2O
Mittels Aufzählungszeichen oder Nummern könnt Ihr Listen erstellen. Beginnt Eure Liste mit <ol> für eine geordnete, d.h. „numerierte“ Liste (ordered list - ol). Beginnt Eure Liste mit <ul> für eine Liste mit Aufzählungszeichen, d.h. „unnumerierte“ Liste (unordered list - ul). Jeder Artikel in einer Liste sollte ein Befehl <li>Listenartikel</li> (list item - li) haben.
Beispiel:
<ul><li>Name</li><li>WKN</li><li>Kurs</li></ul> wird zu
Hier wird der Text jeweils um eine Stufe kleiner oder größer.
Beispiel 5 x und 5 x :
123456
Beispiel ZAHL=6: 1000%-Chance
Beispiel h1: 1000%-Chance
Beispiel in Größe 6: Schriftart typist
(Funktioniert nur beim Microsoft Internet Explorer)
Beispiel:
Der Vollständigkeit halber sollten folgende Zusätze erwähnt werden:
Scroll-Richtung bestimmen:
Per Voreinstellung werden die Texte von rechts nach links gescrollt. Man kann die Scroll-Richtung aber auch umkehren: durch die Zusatzeingabe direction=right im einleitenden Tag <marquee ...> erzwingt man die Scrollrichtung von links nach rechts.
Scroll-Geschwindigkeit einstellen:
Um die voreingestellte Scroll-Geschwindigkeit zu verändern gibt es zwei Parameter:
a) Anzahl der Pixel zwischen einem Scroll-Zustand und dem nächsten
scrollamount= ins einleitende Tag <marquee ...>
b) Angabe der Verzögerung zwischen zwei Scroll-Zuständen
scrolldelay= ins einleitende Tag <marquee ...>
Hin- und herwechselnder Text:
Man kann bestimmen, dass sich der Text abwechselnd von rechts nach links und von links nach rechts bewegt. Dabei wird die Laufrichtung des Textes umgekehrt, sobald der Text einen der beiden Fenster- bzw. Seitenränder berührt. Durch die Zusatzangabe behavior=alternate im einleitenden Tag von <marquee ...> erzwinget man den Wechsel-Effekt.
(Funktioniert nur beim Netscape Navigator)
Beispiel:
Beispiel:
Das Beipiel hört Ihr ja...
Hiermit können Zitate aufgenommen werden. Tag verhält sich wie ein Absatztag, wobei das Aussehen vom Browser definiert wird! Meistens eingerückt, auf jeden Fall anders formatiert wie der Rest.
Beispiel:
Was man nicht begreift, verlernt man nie.
Beispiel: ariva
Das ganze geht natürlich auch mit Bildern!
Anstatt den Namen des Links gebt Ihr den Link zum Bild an:
<a href="http://www.ariva.de"><img src="http://www.ariva.de/images/smalltop.gif></a>
wird zu:
Der o.g. Zusatz border=0 hinter der Adresse des Bildes bewirkt, dass um die Grafik kein zusätzlicher "Línk-Rahmen" erstellt wird; wenn Ihr den Zusatz weglasst, sieht das ganze wie folgt aus:
(nicht ganz so schön, oder?)Na dann, wieder viel Spaß (und Erfolg) beim Ausprobieren...
Gruß
Happy End
P.S. Die Rechtschreibfehler sind Absicht und dienen zur Unterhaltung!
Habe versucht, diesen "Regelverstoß der gröbsten Art" zu regeln - "Sie können nur das erste Posting eines Threads verschieben." Ach nee, weiß ich, darum hab ich es ja auch genauso versucht :-(
Musste halt ne Eingabe an die obersten Cheffes machen. Und bestell ihnen von mir: Ich halte 7 Tage für angemessen.
Gruß
Talisker