Hallo Community! :)
Ich versuche gerade, die Sidebar von links nach rechts zu verlegen.
Der Style, den ich nutze, bietet das leider nur rechts.
Auch hatte ich mal einen Style, der einfach eine left_sidebar.php und right_sidebar.php hatte, da half ein einfaches rumkopieren zum Seitenwechsel.
Ich hänge mal in nen Codecase die stylesheet.css, ich denke, dort sind ja die Einstellungen vorzunehmen, um das Ding zu verschieben
[...]
/* standard elements */
{
font-family: georgia,"Trebuchet MS",Verdana,, Arial, Helvetica, sans-serif;
}
body {
margin: 30px 0;
padding: 0;
background: #0E1D2A;
font-size:small;
font-size: 0.76em;
color: #444;
}
h1,h3,h5, h6 {
margin: 0;
padding: 0;
font-family: Georgia, Verdana, Serif;
text-transform: lowercase;
font-weight: normal;
color: #444;
}
h1 { text-transform: none; }
h2{
margin: 0;
padding: 0;
font-family: Georgia, Verdana, Serif;
text-transform: uppercase;
font-weight: normal;
color: #444;
}
#logo h2 { color: #fff; }
h2,h3 {
margin-bottom: 10px;
border-bottom: 1px solid #D0D6DB;
font-size: 1.0em;
}
h4, #content h2, #content h3 {
margin: 0;
padding: 0;
font-family: Georgia, Verdana, Serif;
text-transform: uppercase;
font-weight: normal;
color: #444;
margin-bottom: 10px;
border-bottom: 1px solid #D0D6DB;
font-size: 1.9em;
}
#content h3 {
margin-top: 10px;
}
#sidebar h2 {
color: #c00;
}
p, ol, ul, blockquote {
line-height: 24px;
}
ul {
margin: 0;
padding: 0;
}
#content ul
{
margin-left:2em;
}
#sidebar ul
{
margin-left:1em;
}
a {
color: #007BA1;
text-decoration:none;
}
a:hover
{
color: #c00;
text-decoration: underline;
}
img {
border: none;
}
blockquote
{
margin:1em;
padding:5px;
border-left:#0085AE 2px solid;
color:#666;
}
img.left
{
float:left;
margin:0 1em 1em 0;
}
img.right
{
float:right;
margin:0 0 1em 1em;
}
a img
{
border-bottom:#900 1px dashed;
padding-bottom:3px;
}
.clear
{
clear:both;
}
.center
{
text-align:center;
}
#s, input.textbox {
width: 185px;
margin-bottom: 10px;
border: 1px solid #006888;
padding:3px;
}
#btnSearch {
border: 1px solid #EBEBEB;
border-bottom-color: #DDDDDD;
background: #FBFBFB url(images/img7.gif) repeat-x;
padding:3px;
color: #7A7A7A;
}
/* Posted */
.posted {
margin: 0;
font-size:0.9em;
padding: 5px;
background:#fdfdfd url(images/img6.gif) repeat-x;
border: 1px solid #BAC1C7;
}
.posted p {
margin: 0;
padding:0;
}
.posted .comments {
float: right;
margin:0;
padding:0 0 0 15px;
background:url(images/comments.gif) no-repeat left center;
}
/* Header */
#header {
width: 917px;
height: 115px;
margin: 0 auto;
background: url(images/img2.gif) repeat-x;
}
/* Logo */
#logo {
float: left;
height: 115px;
padding: 0 0 0 0;
background: url(images/img1.gif) no-repeat;
}
#logo * {
text-decoration: none;
}
#logo h1 {
padding: 30px 0 0 40px;
font-size: 3.5em;
font-family:georgia,"Trebuchet MS",Verdana,, Arial, Helvetica, sans-serif;
}
#logo h1 a {
color: #fff;
}
#logo h2 {
padding: 0px 0 0 40px;
font-size: 1em;
border: none;
color: #fff;
}
#logo h2 a {
color: #333;
}
/* Menu */
#menu {
float: right;
height: 45px;
padding: 70px 25px 0 0;
background: url(images/img3.gif) no-repeat right top;
}
#menu ul {
margin: 0;
padding: 0;
list-style: none;
}
#menu li {
display: inline;
}
#menu a {
padding: 5px 10px;
border-left: 2px solid #fff;
text-transform: lowercase;
text-decoration: none;
font-size: 1.1em;
color: #fff;
}
#menu a:hover, #menu li.current_page_item a
{
border-bottom:#DBDBDB 2px solid;
}
/* Splash */
#splash {
width: 877px;
height: 244px;
margin: 0 auto;
background: url(images/img4.jpg) no-repeat center bottom;
border-right: 20px solid #FFFFFF;
border-left: 20px solid #FFFFFF;
}
/* Content */
#main {
width: 847px;
margin: 0 auto;
padding: 30px 35px;
background: #FFFFFF url(images/img8.gif) no-repeat left bottom;
}
#content {
float: left;
width: 620px;
}
#content .post
{
margin-bottom:3em;
}
/* Comments */
#comments, #respond
{
margin-top:1em;
}
#commentform
{
margin:10px 0;
padding:10px;
background:#fcfcfc;
border-top:#ddd 1px solid;
border-bottom:#ddd 1px solid;
}
.commentnum
{
font-size:200%;
}
#main .commentlist {
margin: 0;
padding: 0;
border-top:#ddd 1px solid;
}
.commentlist li
{
list-style:none;
margin: 0;
padding:1em;
border-bottom:#ddd 1px solid;
}
.commentlist li.alt
{
background: #F2FCFF;
}
.commentlist li.highlighted
{
border:#bdb76b 1px solid;
}
.commentlist li .cmtinfo
{
font-size:1em;
}
.commentlist li cite
{
font-style:normal;
font-weight:bold;
}
.commentlist li .cmtinfo em
{
float:right;
margin:0;
padding:0;
font-style:normal;
font-size:0.9em;
color:#999;
}
#comments
{
border-bottom:none;
}
textarea{
background:#fff;
border:1px solid #E0E0E0;
width:80%;
}
input.textbox:focus, textarea:focus
{
background:#fff;
border:#999 1px solid;
}
/* Sidebar */
#sidebar {
float: left;
width: 185px;
padding: 5px 0 0 0;
}
#sidebar li
{
margin: 1em 0 0 0;
padding:0;
list-style:none;
}
#sidebar li li
{
margin: 0;
padding:0;
list-style:none;
}
#sidebar li li li
{
margin: 0;
padding:0;
list-style-image:url(images/bullet.png);
}
/* Footer */
#footer
{
clear:both;
padding:0;
margin:1em 0;
}
#footer p {
text-align: center;
color: #777777;
}
#footer p span
{
font-size:0.9em;
}
#main .feed
{
background:url(images/icon_feed.gif) no-repeat left;
padding-left:17px;
}
#main .trackback
{
background:url(images/links.gif) no-repeat left;
padding-left:19px;
}
Alles anzeigen
Bin eben leider noch ein relativer Anhänger und wäre um jede Hilfe dankbar. :)
Gruß
roobsi
