Farben und Rahmen

Hier bekommt ihr noch ein paar Tipps, wie ihr eure Seite mit Farben und Rahmen gestalten könnt.

• Generell gibt es zwei Möglichkeiten im WIKI eine Farbe anzugeben

1. Durch den Farbnamen, der immer in Englisch angegeben wird
2. Durch den Hexadezimalcode

• Hier ein paar Beispiele:

Eingabe mit Farbnamen	Eingabe mit Hexadezimalcode	Das was dabei heraus kommt
<span style="color: red">roter Text</span>	<span style="color: #FF0000">roter Text</span>	roter Text
<span style="color: green>grüner Text</span>	<span style="color: #00FF00">grüner Text</span>	grüner Text
<span style="color: blue>blauer Text</span>	<span style="color: #0000FF>blauer Text</span>	blauer Text
<span style="color: orange>oranger Text</span>	<span style="color: #FFA500>oranger Text</span>	oranger Text

• Für die ganz bunten unter euch ist hier noch eine kleine Farbauswahl:
  
  

peachpuff #FFDAB9	dodgerblue #1E90FF	skyblue #87CEFF	chartreuse #7FFF00
darkgreen #006400	khaki #FFF68F	gold #FFD700	salmon #FF8C69
orangered #FF4500	hotpink #FF6EB4	deeppink #FF1493	orchid #FF83FA
purple #9B30FF	gainsboro #DCDCDC	gray #808080	dimgray #696969

• Natürlich hast du auch die Möglichkeit, deinen Text einzurahmen oder farbig zu hinterlegen:
  
  

Das was du eingibst	Und was dabei heraus kommt
<span style="border:2px dimgray;">Rahmen um einzelne Worte oder einzeiligen Text</span>	Rahmen um einzelne Worte oder einzeiligen Text
<div style="border:2px solid dimgray;">Rahmen um einen mehrzeiligen Text </div>	Rahmen um einen mehrzeiligen Text
<span style="background:skyblue">Farbiger Hintergrund für einzelne Worte oder einzeiligen Text</span>	Farbiger Hintergrund für einzelne Worte oder einzeiligen Text
<div style="background:skyblue">Farbiger Hintergrund für mehrzeiligen Text</div>	Farbiger Hintergrund für einen mehrzeiligen Text
<span style="border:2px solid dimgray;background:skyblue">Box mit farbigem Hintergrund und Rahmen für einzeiligen Text</span>	Box mit farbigem Hintergrund und Rahmen für einzeiligen Text
<div style="border:2px solid dimgray;background:skyblue">Box mit farbigem Hintergrund und Rahmen für mehrzeiligen Text</div>	Box mit farbigem Hintergrund und Rahmen für mehrzeiligen Text

• Da ihr auch eure Skizzen hochladen sollt, an dieser Stelle noch eine kurze Anleitung, wie man ein Bild einbinden kann:

Das was es bewirken soll	Das was du eingibst	Und was dabei heraus kommt
ein Bild in Originalgröße einfügen	[[Bild:bildbeispiel1.png]]
ein Bild auf eine bestimmte Größe skalieren	[[Bild:bildbeispiel1.png | 50px]] [[Bild:bildbeispiel1.png | 100px]] [[Bild:bildbeispiel1.png | 150px]] [[Bild:bildbeispiel1.png | 200px]]
ein Bild rechtsbündig einfügen	[[Bild:bildbeispiel1.png | right]]
ein Bild zentriert einfügen	[[Bild:bildbeispiel1.png |center]]

• Wichtig ist hier, dass ihr den exakten Namen des Bildes angebt, sonst funktioniert es nicht.