Seiteninhalt 3

Seiteninhalt gestalten :

Hier ein weiteres Beispiel, wie Themen im Seiteninhalt gegliedert werden k�nnen:
zur�ck zur �bersicht

�berschrift 1:

�berall dieselbe alte Leier. Das Layout ist fertig, der Text l�sst auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt, springe ich ein: der Blindtext. Zu diesem Zweck erschaffen, im Schatten meines Bruders �Lorem Ipsum�, freue ich mich jedes Mal, wenn Sie ein paar Zeilen lesen. Denn esse est percipi - Sein ist wahrgenommen werden. Und weil Sie nun schon die G�te haben, mich ein paar weitere S�tze lang zu begleiten, m�chte ich diese Gelegenheit nutzen, Ihnen nicht nur als L�ckenf�ller zu dienen, sondern auf etwas hinzuweisen, das es ebenso verdient wahrgenommen zu werden: Webstandards. >> weiterlesen >>

�berschrift 2:

Weit hinten, hinter den Wortbergen, fern der L�nder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der K�ste des Semantik, eines gro�en Sprachozeans. Ein kleines B�chlein namens Duden flie�t durch ihren Ort und versorgt sie mit den n�tigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allm�chtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschlo� eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik. Der gro�e Oxmox riet ihr davon ab, da es dort wimmele von b�sen Kommata, wilden Fragezeichen und hinterh�ltigen Semikoli. >> weiterlesen >>

�berschrift 1:

<h2 class="ueberschrift"> Überschrift 1: </h2>
<img class="grafik_links" src="Grafikadresse" alt="bild">
<span class="text_neben_bild"> HIER DEIN TEXT  
<a href="/Seite.htm"> >> weiterlesen >> </a> </span>
<br class="clear">

<h2 class="ueberschrift"> Überschrift 2: </h2>
<img class="grafik_rechts" src="GRAFIKADRESSE" alt="bild">
<span class="text_neben_bild"> HIER DEIN TEXT 
<a href="/Seite.htm"> >> weiterlesen >> </a> </span>
<br class="clear">

<h2 class="ueberschrift"> Überschrift 3: </h2>
<img class="grafik_links" src="GRAFIKADRESSE" alt="bild">
<span class="text_neben_bild"> HIER DEIN TEXT  
<a href="/Seite.htm"> >> weiterlesen >> </a> </span>
<br class="clear">

- Ersetze �berschrift durch deine gew�nschte Titel / �berschriften
- f�ge Deine GRAFIKADRESSE im Code ein. Wo finde ich die Grafikadresse ?
- bei /Seite.htm f�gst Du den Seitenlink ein, auf der dein Thema weiter beschrieben wird

Wenn Du neue Seiten erstellst, wo die Themen weiter beschrieben werden, kannst Du auf diese Verlinken. Wenn Deine neue Seite z.B. den Seitentitel "Achterbahn" hat, ersetze im Code das /Seite.htm durch /Achterbahn.htm . Und damit die neuen Seiten nicht zus�tzlich in der Navigaton auftauchen, verstecke diese mit dem Versteckte Seiten.

Schritt 2: Der CSS Code
- gehe auf "Extras"
- dort das Feld :"Eigener <head> - Inhalt"
- dort den folgenden CSS-Code einf�gen:

<style type="text/css">
<!--

.grafik_links { 
   float: left; 
   width: 40%; 
   margin:0px 20px 0px 0px; }

.grafik_rechts {
   float: right; 
   width: 40%; 
   margin: 0px 0px 0px 20px; }

.ueberschrift {
   margin: 10px 0px 0px -5px; 
   color: brown; }

.text_neben_bild {
   font-size: 13px; 
   display: block;
   text-align: justify; }

br.clear { clear:both; margin: 10px 0px 20px 0px; }

-->
</style>

Bei width: kann die Bildbreite angepasst werden.

FB Messenger:

Anklicken und im Messenger schreiben

weitere Tutorials :

Boxen

mehr

Seiteninhalt 3

Seiteninhalt gestalten :

�berschrift 1:

�berschrift 2:

�berschrift 1:

FB Messenger:

weitere Tutorials :

Seitentipps

Testbox 1

Testbox 2

Seiteninhalt 3

Seiteninhalt gestalten :

�berschrift 1:

�berschrift 2:

�berschrift 1:

Forum Login

Info zum Login

FB Messenger:

weitere Tutorials :

Seitentipps

Testbox 1

Testbox 2