Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag20.03.2013 um 15:12 (UTC)    
Titel: Clean Design Linke Box?

Hallo zusammen,

ist es möglich im Design Clean neben meinen Rechten Boxen auch auf der Linken Seite Boxen zu setzen?! Sodass, die Texte Mittig sind und jeweils an den Seiten Boxen... Hoffe, das mir einer helfen kann, würde dieses gerne mal ausprobieren und schauen ob dieses Optisch gut ausschaut.
Beitrag21.03.2013 um 06:43 (UTC)    
Titel:

Guten Morgen,
möglich ist dieses natürlich, allerdings verringert sich die Breite von dem Hauptinhalt dabei enorm. Da müsstest du mal selber schauen, ob das trotzdem für dich passt:

Zitat:
<style type="text/css">
body.sidebar #content #main {
width: 390px!important;
float:left;
margin:40px 0 0 40px!important;
margin-left:280px!important;
}

/* Original-Box Hintergrundfarbe weiß */
#sidebar {
background-color: #FFFFFF!important;
}

/* Aussehen neue Boxen */
.boxen {
width: 90%;
min-height: 100px;
padding: 10px;
margin: 0px 0px 20px 0px;
background-color: #EEEEEE;
border: 1px solid #c9c9c9;
overflow: hidden;
}

/* Aussehen Balken mit Ueberschrift */
.boxen h2 {
background-color: #2B71BE;
color: white;
font-size: 14px;
margin: -10px 0px 20px -20px;
width: 225px;
padding-left: 30px;
box-shadow: 3px 5px 10px 5px #bbb;
}

#sidebar_left
{
position:absolute;
top:580px;
left:50%;
margin-left: -500px;
width: 220px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
font-size: 0.85em;
z-index: 9000;
}
</style>

<div id="sidebar_left">
<div class="boxen">
<h2>Überschrift</h2>
Hier Dein Inhalt Box 1
</div>

<div class="boxen">
<h2>Überschrift</h2>
Hier Dein Inhalt Box 2
</div>

<div class="boxen">
<h2>Überschrift</h2>
Hier Dein Inhalt Box 3
</div></div>

(Teile dieses Scriptes stammen von Clean-Test.de.tl)


Wichtige Anpassungen:
Arrow An der rot markierten Stelle muss der Abstand nach oben eingestellt werden. Das musst du deiner Homepage anpassen, weil das von Seite zu Seite variiert.
Arrow An der blauen Markierung fügst du deine Inhalte ein.
Arrow Das gesamte Script muss in das Feld "Text über dem Design"

So würde das dann aussehen:



Beste Grüße,
Mats


Zuletzt bearbeitet von matsk am 21.03.2013, 07:44, insgesamt einmal bearbeitet
Beitrag21.03.2013 um 08:17 (UTC)    
Titel:

Danke dir,

habs gerade mal getestet... soweit finde ich es doof ^^
Muss mich später mal genau damit beschäftigen, danke für deine Antwort!
Beitrag21.03.2013 um 12:21 (UTC)    
Titel:

Alles klar, danke für die Rückmeldung!

Beste Grüße,
Mats
Beiträge der letzten Zeit anzeigen:   


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