Moinsen.
Für mein abgeändertes XV Theme von Peti wollte ich links und rechts jeweils eine sidebar haben. (für ein leichteres verständnis: phpnuke style).
Eigene Seiten (Sidebar1.php, Sidebar2.php) kann ich erstellen.
Leider entzieht es mir meiner Kentniss diese in die .css einzufügen. Die beiden Sidebar's sollten eine Breite von 200px haben. muß ich nur den .body in der .css verändern?
Hier mal ein Auszug meiner .css:
Code
body {
background : rgb(246, 246, 246) url("images/c-bg.gif") repeat-y center;
color : #666666;
font-family : 'Verdana', 'Arial', Sans-Serif;
font-size: 62.5%;
text-decoration : none;
margin: 0;
padding: 0;
}
#area51 {
padding: 10px 0 20px 0;
margin: 30px 0 0 0;
}
#header {
margin: 0 auto;
padding: 0;
height : 100px;
width : 600px;
}
.logo {
background : url("images/logo.png") right;
text-align: left;
margin : 0 auto;
padding: 0;
height : 176px;
width : 540px;
}
.post {
margin: 0 auto;
padding: 0;
width : 540px;
}
.post p a, .post p a:visited {
color : #1C5570;
background: #ffffff;
text-decoration : none;
}
.post p a:hover {
color : #666666;
background: #ffffff;
text-decoration : none;
}
#footer {
border-top : 1px solid rgb(238, 238, 238);
margin: 0 auto;
padding: 0;
text-align : left;
width : 540px;
}
#footer p {
color : #666666;
background: #ffffff;
text-decoration : none;
margin: 0 0 0 15px;
padding: 0 0 0 0px;
}
h2 {
font-weight : bold;
font-size : 1.2em;
margin: 0 auto;
padding: 0;
}
h2 a, h2 a:visited {
text-decoration : none;
}
h2 a:hover {
text-decoration : none;
}
#navlist {
margin: 0 auto;
border-bottom : 1px solid rgb(238, 238, 238);
width : 540px;
text-align : left;
}
#navlist p {
color : #666666;
background: #ffffff;
text-decoration : none;
margin: 0 0 0 15px;
padding: 0 0 0 0px;
}
a, a:visited {
color : #1C5570;
background: #ffffff;
text-decoration : none;
}
a:active, a:hover {
color : #1C5570;
background: #ffffff;
text-decoration : none;
}
a:hover {
color : #666666;
background: #ffffff;
text-decoration : none;
}
img {
border : none;
}
.divide {
margin: 10px 0 0 0;
padding-right: 10px;
}
#watertownStrip {
padding: 0 0 10px 0;
margin: 10px auto 0 auto;
width: 540px;
}
.addResponse p {
margin: 0 95px;
}
.addResponse form {
border: none;
margin: 0 95px;
padding: 25px 0 0 0;
}
.addResponse form p {
color: #666666;
background: #ffffff;
margin: 0;
padding: 5px 0;
}
label {
color: #666666;
background: #ffffff;
text-transform: none;
}
.addResponse input {
background: #ffffff;
border: 1px solid rgb(238, 238, 238);
color: #666666;
font-size: 1.2em;
margin: 4px 0px 10px 0;
padding: 4px;
width: 98%;
}
.addResponse textarea {
background: rgb(255, 255, 255);
border: 1px solid rgb(238, 238, 238);
color: rgb(102, 102, 102);
font-size: 1.2em;
height: 150px;
line-height: 140%;
margin-top: 4px;
padding: 3px 5px 3px 5px;
width: 97%;
}
.addResponse input#submit {
background: #ffffff;
border: 1px solid rgb(238, 238, 238);
color: #1C5570;
cursor: pointer;
font-size: 1.2em;
margin: 10px 0 0 0;
padding: 2px 3px 2px 3px;
width: 140px;
}
p.submit {
text-align: center;
}
.addResponse #submit:hover {
color: #666666;
background: #ffffff;
}
.addResponse #submit:active {
color: #666666;
background: #ffffff;
}
.stilo {
background : #ffffff url("http://www.daslinuxdorf.de/wp-content/uploads/stilografica.png") left;
color: #666666;
height : 43px;
width : 43px;
}