|
<?xml version="1.0" encoding="utf-8"?>
|
|
<!DOCTYPE html
|
|
PUBLIC "-//W3C//DTD XHTML 1.1//EN"
|
|
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
|
|
<head>
|
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<!--
|
|
Diese Webseiten sind gestaltet und aufgebaut worden von kupix web-design, 52428 Juelich.
|
|
These websites are created and developed by kupix web-design, D-52428 Juelich
|
|
Internet: http://www.kupix.de
|
|
|
|
This website is powered by TYPO3 - inspiring people to share!
|
|
TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
|
|
TYPO3 is copyright 1998-2010 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
|
|
Information and contribution at http://typo3.com/ and http://typo3.org/
|
|
-->
|
|
|
|
<base href="http://www.loewen-gasthof.de/" />
|
|
|
|
|
|
<meta name="generator" content="TYPO3 4.4 CMS" />
|
|
<meta name="keywords" content="kupix, webdesign, musterseite, überschriften, tags, boxen, internetagentur jülich" />
|
|
<meta name="description" content="Auf dieser Musterseite werden dem Redakteur die verschiedenen Überschriften gezeigt, das Aussehen der Boxen und der Listen" />
|
|
<meta name="author" content="kupix webdesign, Kurt Kunig" />
|
|
<meta name="revisit" content="30 days" />
|
|
<meta name="language" content="de" />
|
|
<meta name="robots" content="index, follow" />
|
|
|
|
<link rel="stylesheet" type="text/css" href="typo3temp/stylesheet_43b746617c.css?1286525453" media="all" />
|
|
<link rel="stylesheet" type="text/css" href="fileadmin/css/main.css?1286872684" media="screen" />
|
|
|
|
|
|
|
|
<script src="typo3temp/javascript_a708894199.js?1285426407" type="text/javascript"></script>
|
|
|
|
|
|
<title>Musterseite um die verschiedenen Stile zu zeigen - Gasthof 'Zum Löwen'</title> <link rel="shortcut icon" type="image/x-icon" href="fileadmin/favicon.ico" />
|
|
<meta name="siteinfo" content="http://www.loewen-gasthof.de/robots.txt" />
|
|
</head>
|
|
<body>
|
|
|
|
|
|
<div class="skip">
|
|
<a id="top" title="top">Seitenanfang</a><br />
|
|
<a href="#mainmenu" title="Navi">Ich möchte gerne zum Hauptmenü (Navigation)</a><br />
|
|
<a href="#submenu" title="Navi">Ich möchte gerne zum Untermenü, wenn vorhanden (Navigation)</a><br />
|
|
<a href="#c3c" title="Seite">Ich möchte direkt zum Hauptinhalt der Seite</a><br />
|
|
</div>
|
|
|
|
<div id="topmenu"> <dfn>1: </dfn><a href="startseite.html" title="Startseite">Startseite</a> <dfn>2: </dfn><a href="kontakt.html" title="Kontaktformular zum Senden einer Nachricht">Kontakt</a> <dfn>3: </dfn><a href="impressum.html" title="Die rechtlichen Angaben">Impressum</a> </div>
|
|
|
|
<div id="seite">
|
|
<div id="tophead"><!-- --></div>
|
|
<div id="headerbild">
|
|
<div id="c32"><div class="csc-textpic csc-textpic-right csc-textpic-above"><div class="csc-textpic-imagewrap csc-textpic-single-image"><img src="uploads/pics/headright2_01.jpg" width="505" height="271" alt="" /></div></div><div class="csc-textpic-clear"><!-- --></div></div>
|
|
</div>
|
|
|
|
<div id="mainmenu"><div id="menu"><ul><li><dfn>1: </dfn><a href="startseite.html" title="Startseite" onfocus="blurLink(this);">Startseite</a><span class="usb">. </span></li><li><dfn>2: </dfn><a href="speisen-getraenke.html" title="Die Speisen- und Getränkeauswahl vom Gasthof 'Zum Loewen'" onfocus="blurLink(this);">Speisen und Getränke</a><span class="usb">. </span></li><li><dfn>3: </dfn><a href="tischreservierung.html" title="Tischreservierung" onfocus="blurLink(this);">Tischreservierung</a><span class="usb">. </span></li><li><dfn>4: </dfn><a href="so-finden-sie-uns.html" title="So finden Sie uns" onfocus="blurLink(this);">So finden Sie uns</a><span class="usb">. </span></li><li><dfn>5: </dfn><a href="veranstaltungen.html" title="Veranstaltungen" onfocus="blurLink(this);">Veranstaltungen</a><span class="usb">. </span></li></ul></div></div>
|
|
|
|
<div id="main">
|
|
<div id="inhalt">
|
|
|
|
<div id="col1">
|
|
<div id="c1c">
|
|
|
|
</div>
|
|
<div id="left"><div id="c78"><div class="zettel"><div class="iz"><h3 class="csc-firstHeader">Spickzettel</h3><p>Ligula non Sed Vestibulum leo tempor lacus consequat metus turpis id. Ut Sed lacinia Cras accumsan wisi pellentesque tempor dapibus cursus Donec. Curabitur Curabitur sed sapien semper leo In Donec Nam elit.<br /><br /></p></div></div></div></div>
|
|
</div>
|
|
|
|
<div id="col2"><div id="c37"><div class="box1"><h2 class="csc-firstHeader">Box Typ 1</h2><p>Lorem ipsum dolor sit amet consectetuer est at consectetuer eros et. Nunc Ut Curabitur dis justo hac purus congue lacinia elit elit. Feugiat adipiscing ligula pretium condimentum auctor lorem metus sem id Curabitur. Id elit hac.<br /><br /><br /></p></div></div><div id="c38"><div class="box2"><h3>Box Typ 2</h3><p>Ligula non Sed Vestibulum leo tempor lacus consequat metus turpis id. Ut Sed lacinia Cras accumsan wisi pellentesque tempor dapibus cursus Donec. Curabitur Curabitur sed sapien semper leo In Donec Nam elit.<br /><br /></p></div></div><div id="c39"><div class="box3"><h2>Box Typ 3</h2><div class="csc-textpic csc-textpic-intext-right"><div class="csc-textpic-imagewrap csc-textpic-single-image"><img src="typo3temp/pics/23a7fe2200.jpg" width="150" height="203" alt="" /></div><div class="csc-textpic-text"><p>Lorem ipsum dolor sit amet consectetuer est at consectetuer eros et. Nunc Ut Curabitur dis justo hac purus congue lacinia elit elit. Feugiat adipiscing ligula pretium condimentum auctor lorem metus sem id Curabitur. Id elit hac.<br /><br />Ligula non Sed Vestibulum leo tempor lacus consequat metus turpis id. Ut Sed lacinia Cras accumsan wisi pellentesque tempor dapibus cursus Donec. Curabitur Curabitur sed sapien semper leo In Donec Nam elit.<br /><br /></p></div></div></div></div><div id="c80"><div class="zettel"><div class="iz"><h2>Zettel rechts + Mitte</h2><p>Ligula non Sed Vestibulum leo tempor lacus consequat metus turpis id. Ut Sed lacinia Cras accumsan wisi pellentesque tempor dapibus cursus Donec. Curabitur Curabitur sed sapien semper leo In Donec Nam elit.<br /><br /></p></div></div></div></div>
|
|
|
|
|
|
<div id="col3"><div id="c3c"><div id="c47"><h5 style="background: transparent url('typo3temp/GB/f0aec693c1.gif') no-repeat; background-position:top left;">Grafische Üb. Typ 5</h5></div><div id="c36"><h1 style="background: transparent url('typo3temp/GB/0db67686f2.gif') no-repeat; background-position:top left;">Das ist eine Überschrift Typ 1</h1><h2>Überschrift vom Typ2</h2>
|
|
<h3>Überschrift vom Typ3</h3>
|
|
<h4>Überschrift vom Typ4</h4>
|
|
<p>Überschrift vom Typ5 wird grafisch dargestellt, nur im Datensatz Titelfeld unter "Allgemein"<br />
|
|
</p>
|
|
<h6>Überschrift vom Typ6</h6>
|
|
<p class="box2">Und das ist eine Box innerhalb eines Textes.<br /><span class="detail">Zweite Zeile dazu.</span></p>
|
|
<p>Das ist einfacher Text mit ein paar Gestaltungsmöglichkeiten:<br /><strong>fett gedruckt</strong> <br />eine <span class="gruen">hellgrüne</span> Schrift<span class="gruen"></span> und das ist eine<span class="detail"> Detailangabe</span> und dies ist<span class="wichtig"> wichtig</span>!<br /><span class="maxi">Maxischrift <br /></span><span class="namen">Name einer Person</span><br /><span class="midi">Midi</span> oder <span class="mini">Mini</span> <br /><span class="rot">rot markierter Text<br /></span>
|
|
</p>
|
|
<p>Und das wird eine Liste:</p><ul><li>Listenpunkt 1<br />mit zweiter Zeile</li><li>Listenpunkt 2</li><li>Listenpunkt 3</li></ul><p>und das ist eine Aufzählung:</p><ol><li>erstens</li><li>zweitens</li><li>drittens</li></ol><p><br /></p></div><div id="c79"><h3>Eine Tabelle im RTE</h3>
|
|
|
|
<table summary="Eine Testtabelle" class="contenttable">
|
|
<tbody>
|
|
<tr><td>Zelle 1.1</p></td><td>Zelle 1.2</p></td></tr>
|
|
<tr><td>Zelle 2.1 </p></td><td>Zelle 2.2</p></td></tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div id="c81">
|
|
<p>Text im RTE.
|
|
|
|
</p>
|
|
<p>Zweiter Paragraf mit<br />Zeilenvorschub.
|
|
</p>
|
|
<p class="align-left zettel"><strong>Text verkleidet!?</strong><br /><br />Hier kann man nun <br />Text hinein schreiben.<br /><br />Man muss im RTE nur darauf<br /> achten, dass man <span class="wichtig">keinen neuen<br />Paragrafen</span> erstellt! <br /><br />D.h. Zeilenvorschübe nur mit<br />gedrückter "<strong><span class="gruen">Umschalttaste</span></strong>"<br />erstellen.<br /></p>
|
|
<p><br /></p></div></div></div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div id="footer">
|
|
<span class="footl">Copyright © 2010 - 2010, Reisebüro & Omnibusbetrieb Tirtey, 52445 Rödingen</span><span class="footr">von <a class="no" title="Internet-Agentur kupix Webdesign, Jülich" href="http://www.kupix.de">kupix</a></span>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
</html>
|
|
<div onmousedown="TYPO3AdminPanel.dragStart(this)" onmouseup="TYPO3AdminPanel.savePosition(this)" id="admPanel" style="position:absolute; z-index: 10000;">
|
|
|
|
<!--
|
|
ADMIN PANEL
|
|
-->
|
|
<a name="TSFE_ADMIN"></a>
|
|
<form name="TSFE_ADMIN_PANEL_FORM" action="http://www.loewen-gasthof.de/index.php#TSFE_ADMIN" method="get" style="margin:0;" onsubmit="document.forms.TSFE_ADMIN_PANEL_FORM['TSFE_ADMIN_PANEL[DUMMY]'].value=Math.random().toString().substring(2,8)"><input type="hidden" name="id" value="14" />
|
|
<input type="hidden" name="TSFE_ADMIN_PANEL[DUMMY]" value="">
|
|
<table border="0" cellpadding="0" cellspacing="0" class="typo3-adminPanel" style="background-color:#f6f2e6; border: 1px solid black; z-index:0; position:absolute;" summary="">
|
|
<tr class="typo3-adminPanel-hRow" style="background-color: #9ba1a8; cursor: move;">
|
|
<td colspan="4" style="text-align:left; white-space:nowrap;"><a href="#" style="text-decoration:none;" onclick="document.TSFE_ADMIN_PANEL_FORM['TSFE_ADMIN_PANEL[display_top]'].value=1; document.TSFE_ADMIN_PANEL_FORM.submit(); return false;"><img src="typo3/gfx/ol/blank.gif" width="18" height="16" align="absmiddle" border="0" alt="" /><img src="typo3/gfx/ol/plusbullet.gif" width="18" height="16" align="absmiddle" border="0" alt="" /><strong><span style="font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; color:black;">ADMIN-PANEL</span></strong><span style="font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; color:black;">: kkunig</span></a>
|
|
<img src="clear.gif" width="40" height="1" alt="" />
|
|
<input type="hidden" name="TSFE_ADMIN_PANEL[display_top]" value="" /></td>
|
|
</tr><script type="text/javascript" src="t3lib/js/adminpanel.js"></script>
|
|
</table>
|
|
</form>
|
|
<br /></div>
|
|
<script type="text/javascript">
|
|
TYPO3AdminPanel.dragInit();
|
|
TYPO3AdminPanel.restorePosition();
|
|
</script>
|