Unterschiede
Hier werden die Unterschiede zwischen der gewählten und der aktuellen Version gezeigt.
| zusatz_:kleines_css_tutorial | zusatz_:kleines_css_tutorial 02.11.2017 12:10 aktuell | ||
|---|---|---|---|
| Zeile 1: | Zeile 1: | ||
| + | ====== 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]], [[https://forum.wettpoint.com/board.php?id=19|Poker Forum]] oder in den [[https://forum.wettpoint.com/fr_toptipsys.php|Sportwetten Tipps]],\\ | ||
| + | den Tabellen der [[https://fussball.wettpoint.com|Fussball Statistik]] z.B. den [[https://fussball.wettpoint.com/archiv/tabelle/1-bundesliga_deutschland.html|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 [[https://www.wettpoint-rss.com|Wettpoint RSS]]\\ | ||
| + | Feeds und CSS Howto's im Sportwetten Forum.\\ | ||
