Posts mit dem Label Blogger werden angezeigt. Alle Posts anzeigen
Posts mit dem Label Blogger werden angezeigt. Alle Posts anzeigen

Mittwoch, 14. Mai 2008

Zweite Sidebar

Bahh war das ein Gefrickel die rechte Side-bar rein zu bekommen.
Hoffe dass es so geht.
Ich habe dazu einen sidebar-wrapper hinzugefügt, so dass der Outer Wrapper so aussieht:

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
margin:0;
padding:10px;
text-align:left;
font: $bodyfont;
}

#main-wrapper {
margin-right: 2%;
width: 70%;
float: right;
display: inline; /* fix for doubling margin in IE */
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
margin-left: 2%;
width: 14%;
float: left;
display: inline; /* fix for doubling margin in IE */
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper-r {
margin-right: 2%;
width: 10%;
float: right;
display: inline; /* fix for doubling margin in IE */
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
text-align:right;
}


Danach muss man noch den rechten Sidebar mit den richtigen Attributen hinzufügen:

.sidebar-r {
color: $sidebartextcolor;
line-height: 1.5em;
}

.sidebar-r ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar-r li {
margin:0;
padding:0 0 .25em 15px;
text-indent:-15px;
line-height:1.5em;
}

.sidebar-r .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}


Und damit da auch content rein kommt folgendes vor den outer-wrapper schreiben:
<div id='sidebar-wrapper-r'>
<div>


Das sollte reichen um in den Einstellungen die Rechte Sidebar zu sehen.
bei Fragen natürlich mail an /dev/null ... naja oder Kommentar oder so.. Ihr wisst ja bescheid :D