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:
<center>Text</center>


---



• Text fett darstellen: <b>Text</b>



---



• Text kursiv darstellen: <i>Text</i>



---



• Text unterstreichen: <u>Text</u>



---



• Schrift mit gleichen Zeichenabständen:
<tt>Text</tt>


---



• Textfarbe einstellen: <font color=green>Text</font color=green>


z.B. Aqua  (aqua), schwarz (black), blau (blue), fuchsienrot (fuchsia), grau (gray), grün (green), limonengrün (lime), kastanienbraun (maroon), marineblau (navy), olive (olive) , purpurrot (purple), rot (red), silber (silver), blaugrün (teal), gelb (yellow)

Die Linien könnt Ihr übrigens auch farbig gestalten mit dem Zusatz color=
also: <hr color=red>


---



• Tieferstellen der Schrift:
_Text

Beispiel: H₂O


---



• Erstellung von Listen:
 
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


• Name
• WKN
• Kurs



---



• Text durchstreichen:
<strike>Text</strike>


---



• Schriftgröße allgemein im Text ändern:
<small>Text</small> oder <big>Text</big>

Hier wird der Text jeweils um eine Stufe kleiner oder größer.

Beispiel 5 x und 5 x :
123456


---



• Schriftgröße einstellen:
<font size=ZAHL>Text</font>

Beispiel ZAHL=6: 1000%-Chance


---



• Erstellen von Titeln (Größe: h1-h6):
<h1>Text</h1>

Beispiel h1: 1000%-Chance


---



• Schriftart festlegen:
<font face=Schriftname>Text</font>

Beispiel in Größe 6: Schriftart typist


---



• Marquee-Effekt:
<marquee>Lauftext</marquee>
(Funktioniert nur beim Microsoft Internet Explorer)

Beispiel:
Ericsson 4,45 € (- 3,05 %)

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.


---



• Blink-Effekt:
<blink>Blinktext</blink>
(Funktioniert nur beim Netscape Navigator)

Beispiel:
1000%-Chance


---



• Bilder einfügen (auch animierte):
<img src="http://Internetadresse">

Beispiel:


---



• Hintergrundmusik einfügen:
<bgsound src=http://Internetadresse>

Das Beipiel hört Ihr ja...


---



• Kombination z.B. von marquee und Bild:



---



• Aufnehmen von Zitaten:
<blockquote>Text</blockquote>
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.




---



• Anklickbare Links:
<a href="http://Internetadresse des Links">Name des Links</A>

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!  

 

 

abgeändert, wenn ich den Befehl für Hintergrundmusik eingebe?  

aus gegebenem Anlass leider für das Forum deaktivieren musste....  

ARIVA Team, diese Regelung finde ich nicht gut! Zumindest im Talkforum hättet ihr den
HTML-Befehl aktiviert lassen können.  

smiley mit Effekt:



Grüße
ecki  

Gebt den Clubmitgliedern den BGSOUND zurück :-)  

 

kaputt!

Immer mit Gewalt!  

zurückhalten ;-)  

 

Das wäre doch was, das die Massen in den Club holen würde ;-)  

 

Verschieb den Thread bitte mal ins Talk-Forum - Danke *g*  

 

 

Kannst mich nicht einfach hier oben anschnacken und dann noch pampig werden, wenn ich es nicht beachte. Meine 125.000€ pro Vormittag mach ich ohne diese Wasserstandsmeldungen.
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  

steht der Thread, dass nicht einmal Talisker daran rütteln kann ;-)  

#146 - BITTE :-)  

;-)  

und bei mir läuft er....  

...aber nicht in Neuen...  

#146