Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag14.10.2010 um 15:20 (UTC)    
Titel:

Soll sich der Inhalt dieser Boxen pro Seite ändern können oder immer der gleiche Inhalt?
______________
Rechtschreibfehler sind gewollt und erhöhen die Qualität des Beitrags.
Beitrag14.10.2010 um 15:55 (UTC)    
Titel:

Nur auf der Hauptseite?
Dann integriere die Boxen in den Content.
Einfach im Seiteneditor "Quelltext" aktivieren und die HTML Codes einfügen.
Oder brauchst du auch noch den Grundaufbau.
______________
Rechtschreibfehler sind gewollt und erhöhen die Qualität des Beitrags.
Beitrag14.10.2010 um 16:14 (UTC)    
Titel:

Code:
<style type="text/css">
#ueberbox {
float: right;
}

#box {
float: right;
}
</style>

<div id="ueberbox">

<div id="box">
Inhalt der 1. Box hier
</div>

<div id="box">
Inhalt der 2. Box hier
</div>

<div id="box">
Inhalt der 3. Box hier
</div>

</div>


So, dass wäre das Grundgerüst in HTML, bzw. der obere <style>-Abschnitt enthält CSS.
Füge den Code in eine Seite ein:
Arrow Login
Arrow Eigene Seiten editieren
Arrow Seite auswählen
Arrow "Quelltext" aktivieren
Arrow Einfügen
Arrow Speichern

Der HTML-Abschnitt besteht einmal aus einer "Überbox", in der die anderen kleinen Boxen angeordnet und vom restlichen Content abgetrennt werden.
Nun gilt es die Boxen mit CSS zu gestalten, indem du Befehle wie "width", "height", "margin" oder "background" verwendest.
Lediglich den Befehl "float: right;" habe ich vorgegeben, damit die Boxen sich immer am rechten Rand ausrichten.
______________
Rechtschreibfehler sind gewollt und erhöhen die Qualität des Beitrags.
Beitrag14.10.2010 um 18:08 (UTC)    
Titel:

Dann fügst du entweder diesen Code bei jeder Seite einzeln ein
oder du arbeitest mit den standartmäßigen rechten Boxen (also #sidebar_container)und verkleinerst den Content.
______________
Rechtschreibfehler sind gewollt und erhöhen die Qualität des Beitrags.
Beitrag15.10.2010 um 17:43 (UTC)    
Titel:

Css Code ohne Styletags
Code:
h1.box_head {
font-size: 20px;
font-weight: bold;
font-family: sans-serif;
color: #fff;
letter-spacing: -1px;
margin-bottom: 5px;
}

#sidebar_container{
width: 200px;
float: left;
border-top: 1px solid #fff;
color: #fff;
}

#box {
width: 198px;
float: right;
text-align: center;
border-bottom: 1px solid #fff;
padding: 10px 2px 10px 2px;
}


Inhalt der ersten Box rechts
Code:

<div id="box">
<h1 class="box_head">Titel der 1. Box hier</h1>
Text der 1. Box hier
</div>

<div id="box">
<h1 class="box_head">Titel der 2. Box hier</h1>
Text der 2. Box hier
</div>

<div id="box">
<h1 class="box_head">Titel der 3. Box hier</h1>
Text der 3. Box hier
</div>
 


Du musst bei Css Code ohne Styletags die Zeile "#sidebar_container {display : none;}" löschen und den Content um 200px schmaler machen.
______________
Rechtschreibfehler sind gewollt und erhöhen die Qualität des Beitrags.
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de