Dies ist eine alte Version des Dokuments!


Zusatz : Kleines Wett-Wiki CSS Tutorial


Für CSS und HTML interessierte mal ein ganz anderer Ansatz,
ein kleines Tutorial und Referenzen zur Benutzung bei eigenen
Seiten z.B. Wett Seiten mit Tips & Tricks rund um CSS Styles.
Natürlich braucht man für die eigene Wettseite bei Sportwetten bzw. Wetten
genauso entsprechendes Wissen wie bei allen anderen Themen auch.
Einsatzbar sozusagen überall ob bei wettforum bis hin zu h2h_statistiken - egal.
Wir bauen das kleine Tutorial am besten nach dem Prinzip Frage - Antwort auf.

1. Bilder und CSS in HTML


Natürlich kann man Bilder z.B. Wettscheine usw. usw. sehr schön mit
CSS einbinden. Das umfasst Rahmen Typen über Einbettung mit z.B. Hintergrundfarbe
bis hin zur Positionierung.

Dazu mal hier einige kleine Beispiele aus dem Wett Bereich bzw. dem Wett-Wiki.
Als Bild nehmen wir das Wett Wiki Bild siehe oben.

Als erstes beginnen wir mal dem Wett-Wiki Bild mit Hilfe von CSS
verschiedene Rahmen zu geben, nicht nur unterschiedliche Breiten
sondern auch unterschiedliche Rahmen Arten sind dabei möglich.

Rahmenbreite


Die Rahmenbreite lässt sich beispielsweise mit dem CSS Element border definieren.
Hierbei sollte man günstigerweise mit numerischen Angaben der Dicke arbeiten,
also Beispielsweise 3px würde eine Rahmenbreite von 3 Pixeln bedeuten.
Als Rahmenfarbe und Rahmen Typ (den wir später noch erklären) erstmal schwarz + durchgezogene Linie.

Ein einfaches Bild in HTML würde so ausschauen:

<img src=”http://www.wett-wiki.com/lib/tpl/default/images/wiki.gif” width=”320” height=”48” alt=”Wett-Wiki”>
Jetzt fügen wir unseren CSS Rahmen hinzu:

<img style=”border: 3px solid #000000” src=”http://www.wett-wiki.com/lib/tpl/default/images/wiki.gif” width=”320” height=”48” alt=”Wett-Wiki”>

wie man sieht ist das Element style hinzugekommen, indem nun
unser Rahmen border: 3px solid #000000 definiert wurde.

 
zusatz_/kleines_css_tutorial.1267606834.txt.gz · Zuletzt geändert: 16.10.2013 13:44 von wettpoint
Letzte Änderungen · Zeige Quelltext · Anmelden