Hallo, ich würde gerne das Relaxation Theme anpassen.
Leider fehlen mir die nötigen CSS-Kenntnisse dazu. Das ganze soll wie folgt aussehen:
Hintergrundbild (hab ich schon)
Blog im großen und ganzen weiß (hab ich auch schon)
Jetzt kommt es:
in der oberen Ecke links soll das Hintergrundbild hervorschauen, ein Teil des Headers soll also nicht so breit sein wie der Rest.
Im Beispielbild ist der Hintergrund schwarz.
Ich hänge mal die style.css dran:
Code
/*
Theme Name: Relaxation
URI: http://www.jowra.de/wp/
Description: A clean, simple and soothing theme. Now multilingual.
Version: 2.0
Author: John Wrana
Author URI: http://www.jowra.de/
Relaxation
http://www.jowra.de/wp/2005/04/wordpress-theme-relaxation/
This theme was designed and built by John Wrana (Jowra),
whose blog you will find at http://www.jowra.de/wp/
E-Mail: jowra [at] jowra [dot] de
While I've written this CSS for my own and nearly from scratch,
the well-known Kubrick-Theme by Michael Heilemann (http://binarybonsai.com/kubrick/)
functioned as a base-template to start working.
The CSS, XHTML and design is released under the GPL:
http://www.opensource.org/licenses/gpl-license.php
*/
html, body {
margin: 0;
padding: 0;
text-align: center;
}
body {
background: #a9ac99 url(images/bground.jpg) no-repeat top right;
font-size: 13px;
font-family: 'Trebuchet MS', 'Bitstream Vera Sans', Verdana, Arial, 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, sans-serif;
padding: 20px 0;
color: #000000;
}
a {
background: inherit;
color: #a06000;
text-decoration: none;
}
acronym {
text-decoration: none;
border-bottom: 1px dotted #808979;
}
blockquote {
border-left: 1px solid #e0e0d0;
padding-left: 10px;
margin: 0 30px;
}
code {
background: inherit;
color: #005577;
text-align: left;
}
h1, h1 a {
background: inherit;
color: #005577;
font-size: 20px;
font-weight: normal;
font-family: Georgia, 'Times New Roman', Times,'Lucida Sans', 'Lucida Sans Unicode', serif;
margin: 40px 0 0 0;
padding: 0;
text-decoration: none;
}
h2, h2 a {
background: inherit;
color: #990000;
font-size: 13px;
font-weight: normal;
letter-spacing: 0.09em;
margin: 0;
padding: 0;
}
h3 {
background: inherit;
color: #005577;
font-size: 13px;
margin: 15px 0 15px 0;
padding: 0;
}
h4 {
font-size: 11px;
font-weight: normal;
margin: 0;
padding: 0;
}
img {
border: none;
}
ol, form {
margin: 0;
padding: 0;
}
ul {
list-style-type: circle;
}
p {
line-height: 1.5em;
text-align: justify;
}
small {
font-size: 10px;
line-height: 1.2em;
}
#comment {
background: #ffffff;
border: 1px solid #e9e9d9;
color: #595949;
font-size: 11px;
padding-left: 2px;
vertical-align: middle;
width: 350px;
}
#content {
background: inherit;
border: none;
color: #000000;
margin: 0;
padding: 0 30px 30px 67px;
text-align: left;
width: 430px;
}
#content a:hover {
text-decoration: underline;
}
#content img {
float: left;
margin: 5px 15px 0 0;
border: 1px solid #e0e0d0;
}
#email, #author {
background: #ffffff;
border: 1px solid #e9e9d9;
color: #595949;
font-size: 11px;
padding-left: 2px;
vertical-align: middle;
}
#footer {
background-color: #ffffff;
background-position: right;
clear: both;
color: #808979;
font-size: 11px;
height: 65px;
width: 480px;
floath: left;
margin: 0px;
padding: 10px 10px 10px 67px;
}
#header {
background: inherit;
color: #a0a999;
font-size: 11px;
height: 120px;
margin: 0;
padding: 8px 30px 0 7px;
text-align: right;
width: 490px;
}
#header a {
background: inherit;
color: #990000;
}
#header img {
border: none;
}
#page {
background-color: #ffffff;
margin: 0 auto;
padding: 0px;
text-align: left;
width: 714px;
}
#s {
background: #ffffff;
border: 1px solid #e0e0d0;
color: #595949;
font-size: 11px;
height: 15px;
padding-left: 2px;
vertical-align: middle;
width: 115px;
}
#sidebar {
border: none;
float: right;
font-size: 11px;
margin: 0;
padding: 0 27px 30px 0px;
text-align: left;
width: 128px;
}
#sidebar a {
background: inherit;
color: #444433;
}
#sidebar a:hover {
background: inherit;
color: #a06000;
}
#sidebar h2 {
background: inherit;
color: #005080;
font-size: 11px;
font-weight: normal;
letter-spacing: 0.3em;
margin: 20px 0 10px 0;
padding: 0;
}
#sidebar li {
line-height: 1.5em;
list-style-type: none;
margin: 0;
padding: 0;
}
#sidebar ul {
list-style-type: none;
margin: 0 0 0 10px;
padding: 0;
}
#noindent {
margin: 0 0 0 -10px;
padding: 0;
}
#submit {
background: #ffffff;
border: 1px solid #e9e9d9;
color: #595949;
font-size: 11px;
margin: 0;
padding: 0 10px;
}
#top {
background-color: #ffffff;
height: 30px;
width: 480px;
}
#url {
background: #ffffff;
border: 1px solid #e9e9d9;
color: #595949;
font-size: 11px;
padding-left: 2px;
vertical-align: middle;
}
#wrapper {
float: right;
margin: 0;
padding: 0;
}
.alignleft {
float: left;
text-align: left;
}
.alignright {
float: right;
margin-top: -1px;
text-align: right;
}
.commentbody {
color: #595949;
font-size: 11px;
margin: 0 0 10px 0;
padding: 15px 15px 5px 15px;
background: #f7f7f0;
border: 1px solid #f0f0e0;
position: relative;
}
.commentbody p {
line-height: 1.2em;
}
.commentlink {
font-size: 10px;
}
.commentlist {
list-style: none;
}
.commentcount {
background: inherit;
position: absolute;
right: 36px;
top: 0;
font-family: Georgia, Times, 'Times New Roman', serif;
font-size: 24px;
font-weight: bold;
color: #e0e0d0;
float: right;
}
html[xmlns] .commentcount {
position: absolute;
right: 7px;
top: 0;
}
.date {
background: inherit;
color: #808979;
font: 11px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 0.09em;
margin: 0;
padding: 0 0 0 2px;
}
.navigation {
font-size: 11px;
padding: 40px 0 0 0;
}
.pagetitle {
font-size: 11px;
letter-spacing: 0.09em;
text-align: right;
}
.postmetadata {
background: inherit;
color: #808979;
font-size: 11px;
letter-spacing: 0.09em;
margin: 0;
padding: 0;
text-align: right;
}
.postmetadata a {
background: inherit;
color: #808979;
}
/* different postmetadata style for single.php */
.alt {
line-height: 1.4em;
padding: 0 0 15px 30px;
}
.alt a {
background: inherit;
color: #005577;
}Ich hoffe das annähernd klar ist was ich meine...
Im Anhang noch ein Bild als Beispiel
Hoffentlich könnt ihr mir weiterhelfen
Gruß
tequila