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!  

 

 

Wie erstelle ich eine Tabelle?  

tritt bei mir bei der der Marquee-Funktion auf: Rechner weigert sich für Ericsson 4,45€ anzunehmen :-(((

Grüße aus Mainz
m o t o r m a n  

< table border>
   < tr>
     < th>Kopfzelle: 1. Zeile, 1. Spalte< /th>
     < th>Kopfzelle: 1. Zeile, 2. Spalte< /th>
     < th>Kopfzelle: 1. Zeile, 3. Spalte< /th>
   < /tr>
   < tr>
     < td>Datenzelle: 2. Zeile, 1. Spalte< /td>
     < td>Datenzelle: 2. Zeile, 2. Spalte< /td>
     < td>Datenzelle: 2. Zeile, 3. Spalte< /td>
   < /tr>
   < tr>
     < td>Datenzelle: 3. Zeile, 1. Spalte< /td>
     < td>Datenzelle: 3. Zeile, 2. Spalte< /td>
     < td>Datenzelle: 3. Zeile, 3. Spalte< /td>
   < /tr>
< /table>

Sieht dann so aus. (siehe unten)

   
     
     
     
   
   
     
     
     
   
   
     
     
     
   

Kopfzelle: 1. Zeile, 1. Spalte	Kopfzelle: 1. Zeile, 2. Spalte	Kopfzelle: 1. Zeile, 3. Spalte
Datenzelle: 2. Zeile, 1. Spalte	Datenzelle: 2. Zeile, 2. Spalte	Datenzelle: 2. Zeile, 3. Spalte
Datenzelle: 3. Zeile, 1. Spalte	Datenzelle: 3. Zeile, 2. Spalte	Datenzelle: 3. Zeile, 3. Spalte

Der Ziwschenraum ist eine Anzeigefehler der hier nicht zu beheben ist, außer Du kopierst die Tabelle auf Deine Homepage und fügst sie dann als Bild hier ein.

Gruß  

@Borgling

nach der Tabelle müssen nicht zwangsläufig diese Leerzeilen auftauchen. In der Tabellendefinition haben sich zwischen den öffnenden und schließenden < TD> einige < BR> eingeschlichen, die dann im Anschluß an die Tabelle für die ungewollten Abstände sorgen ;-)

Einfach weglassen, dann geht es...


Mit freundlichen Grüßen,

Ihr ARIVA.DE-Team (cs)  

am Ende bzw. nach der Tabelle, sondern das große Loch zwischen "(siehe unten)" und "Tabellenbeispiel". Dieser Zwischenraum entsteht , wenn ich ein Tabelle einfüge auch in die erste Zeile des Nachtrichtenfensters.

Gruß

 

Kopfzelle: 1. Zeile, 1. Spalte	Kopfzelle: 1. Zeile, 2. Spalte	Kopfzelle: 1. Zeile, 3. Spalte
Datenzelle: 2. Zeile, 1. Spalte	Datenzelle: 2. Zeile, 2. Spalte	Datenzelle: 2. Zeile, 3. Spalte
Datenzelle: 3. Zeile, 1. Spalte	Datenzelle: 3. Zeile, 2. Spalte	Datenzelle: 3. Zeile, 3. Spalte

Also ich habe hier alle möglichen Returntasten und Freizeichen weggemacht. Dadurch wird zwar das Original ziemlich unübersichtlich, aber die Tabelle landet oben.  

 

   schaumermal  

Will Dein Rechner mehr oder weniger für Ericsson?  *g*

Grüße nach Mainz!
Happy End  

einfügen???

 

der Taliban als Musikdatei bekommen, aber keine Internetadresse mehr dazu.
Kann Sie aber hier nicht reinstellen. Null checkung!!!
Könnte sie aber jemand von Euch schicken, der es dann hier rein stellt. Interesse?

Heal  

:-)
Leider nicht in der Überschrift!
Ich wette Star ikone würde das weidlich ausnutzen...  

Finde ich super, alles, was man braucht auf einen Blick!

patzi  

so ausführlich hatte ich es noch nie :-)

Gruss  

für die Verwirrung in der Woche in meiner Abwesenheit wegen des Scherzes eines Bekannten mit meinem Kennwort  ;-)

Gruß
Happy End  

Tabellen kannst du auch einfach mit Leerzeichen aufteilen und dann alles in gleicher Zeichengröße ins Board stellen.
Das geht um einiges schneller und ist schon bei der Erstellung übersichtlich.

Es gibt zwei Möglichkeiten:
[tt],[/tt] oder [Font FACE="Courier New" SIZE=2],[/FONT].
Siehe TML-TestThread:
http://www.ariva.de/board/thread.m?a=all&showthread=1&nr=77380&1

Die Tabellen kannst du dir ja mal bei meinem Depotvergleich anschauen:
http://www.ariva.de/board/...37&a=all&showthread=1&nr=78794&search=&1

Gruß

Boxenbauer  

 

 

und es gibt immer wieder was Neues, um seine Postings zu verschönern

   Gruß

So fügt man diese animierten Buchstaben ein:

(img src=http://www.lisafrech.de/images/alphabet/5/m.gif)

Statt runder Klammer eckige vorne und hinten verwenden und hinten vor gif statt m jeden beliebigen Buchstaben eintragen! Für jeden einzelnen Buchstaben den kompletten Befehl verwenden.  

Die eckigen Klammern kannst Du durch & lt; bzw. & gt; darstellen (nur das Leerzeichen zwischen & und l bzw. g weglassen.

Gruß
Happy End  

@cs könnte man nicht einen kleinen Html-Baukasten
irgendwo dauerhaft einrichten?  

dem ist eigentlich nur noch das hinzuzufügen:
Wer Rechtscheibfehler findet, darf sie behalten.