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) oder Ergebnisdienst
sogar bis hin zu den H2H Statistiken - 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, Livewetten 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 sowie auch mehr zu den Wettpoint RSS
Feeds und CSS Howto’s im Sportwetten Forum.

 
zusatz_/kleines_css_tutorial.txt · Zuletzt geändert: 02.11.2017 12:10 von wettpoint
Letzte Änderungen · Zeige Quelltext · Anmelden