Tetopia



I have a tooltip!

Heading H2

Mittlere Überschrift

Heading H4

Kleine Überschrift
Heading H6

Paragraph: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Useful Tips Section

This paragraph is centered.

bold, kursiv (italic), underline, strong, emphasized, small, marked, deleted, inserted, tiefgestellt (subscript), hochgestellt (superscript) no longer correct,


Jemand hat gesagt: Dies ist ein kurzes Zitat. Die Anführungszeichen werden automatisch eingefügt.

Jemand anders hat gesagt:

Dies ist ein Block-Zitat, es wird automatisch eingerückt.

Es gibt Leute mit einem Aküfi.


Written by Jon Doe.
Visit us at:
Example.com
Box 564, Disneyland
USA

The Scream by Edward Munch. Painted in 1893. The cite defines the title of the work.

This text will be written from right to left

Das hier kann Linkfarben ändern!

		
	< style>
		a:link    {color:green; background-color:transparent; text-decoration:none}
		a:visited {color:pink; background-color:transparent; text-decoration:none}
		a:hover   {color:red; background-color:transparent; text-decoration:underline}
		a:active  {color:yellow; background-color:transparent; text-decoration:underline}
	< / style>
		 
	

Dropdowns

Pagination

Pre:
It changes to courier,

it preserves     spaces 	tabs and new
lines. Es macht Sinn, code in diese Tags einzuschließen, sonst sieht das nämlich so aus:
	
var x = 5; var y = 6; document.getElementById("demo").innerHTML = x + y;

Mehr Infos zu Links! (In diesem Fall in einem neuen Fenster)

Tabellen:

Damit fallen die Ränder einer Tabelle zusammen:
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}

Damit bekommt man eine zwei breite Zelle, rowspan macht das gleiche für Zeilen:
< th>Name< / th>
< th colspan="2">Telephone< / th>
Mehr Informationen

< div> Defines a section in a document (block-level)
< span> Defines a section in a document (inline)

Image Maps

Use the < map> tag to define an image-map. An image-map is an image with clickable areas.

The name attribute of the < map> tag is associated with the < img>'s usemap attribute and creates a relationship between the image and the map.

The < map> tag contains a number of < area> tags, that defines the clickable areas in the image-map:

		
	< img src="/_images/planets.gif" alt="Planets" usemap="#planetmap" style="width:145px;height:126px;">

	< map name="planetmap">
		< area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">
		< area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm">
		< area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm">
	< / map>
		 
	



MC Version:
0.0
Mod Version:
v0.0.0
Release Date:
00. Jan 0000

Mod Name

DOWNLOAD Old Versions:
here
Mods needed:
HO, ST, SS, FU, XG, TD, EC, AC
World Version:
v0.0.0
Release Date:
00. Jan 0000

World Name

DOWNLOAD MC Version:
0.0

here


RUD

Ich mache Realistische Unfalldarstellung und bastle Material

Zur RUD

Minecraft

Ich schreibe Mods für Minecraft

Zu den Minecraft Mods

Reiten

Ich Reite gerne und bastle auch Ausrüstung für Pferde

Zum Reiten


Visit the Useful Tips Section (funktioniert auch mit id-Tag!)

Color Classes

W3.CSS uses color classes.

The color classes are inspired by colors used in marketing, road signs, and sticky notes.

w3-red


w3-pink


w3-purple


w3-deep-purple


w3-indigo


w3-blue


w3-light-blue


w3-cyan


w3-aqua


w3-teal


w3-green


w3-light-green


w3-lime


w3-sand


w3-khaki


w3-yellow


w3-amber


w3-orange


w3-deep-orange


w3-blue-grey


w3-brown


w3-light-grey


w3-grey


w3-dark-grey


w3-black