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