Dies ist eine alte Version des Dokuments!


Zusatz : Kleines Wett-Wiki CSS Tutorial FAQ


Für CSS und HTML interessierte mal ein ganz anderer Ansatz,
ein kleines Tutorial und Referenzen und FAQ zur Benutzung bei eigenen
Seiten z.B. Wett Seiten mit Tips & Tricks rund um CSS Styles.
Bitte beachten, das die CSS Styles sich bei den unterschiedlichen
Browsern teilweise noch unterschiedlich auswirken.
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, Poker Forum oder in den Sportwetten Tipps,
den Tabellen der Fussball Statistik z.B. den Bundesliga Tabellen (Bundesliga Wetten)
sogar bis hin zu den H2H Statistiken oder bonus-styles - ganz egal.
Wir bauen das kleine Tutorial am besten nach dem Prinzip Frage - Antwort auf.
Starten wir mal nun die Styles Einführung und FAQ mit CSS und Bildern.


1. Bilder und CSS in HTML


Natürlich kann man Bilder z.B. Wettscheine, wettforum 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.


In kürze geht es hier mit unserem CSS, Browser und HTML Tutorial weiter.
Dazu bespielsweise mehr zu speziellen Sachen wie Amaya Browser und einige
ganz besondere CSS Funktionen.

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