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:
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.
An der blauen Markierung fügst du deine Inhalte ein.
Das gesamte Script muss in das Feld
"Text über dem Design"
So würde das dann aussehen:
Beste Grüße,
Mats