Ich hab da wiedermal ein Problem :-?
Ich bin jetzt schon rcht weit mit der Styleanpassung und wollte jetzt Imageheadlines verwenden und hab mir deswegen das Plugin von ColdForged installiert, was auch (fast) wunderbar funktioniert. Nun aber zum fast: Er macht mir einen Rahmen um die Headlines, der nicht verschwinden will. Zudem stellt er das Einstelldatum, wenn es sich um eine kurze Imageheadline handelt, rechts daneben dar, statt drunter.
Das nun leicht verunglückte Template kann man angucken unter: http://www.sebastianruehl.de/blog
Und das ist mein Stylesheet:
Code
html, body {
margin: 0;
padding: 0;
text-align: center;
border:none;
}
body {
background: #5b5a52 url(images/background.gif);
font-size: 13px;
font-family: 'Trebuchet MS', 'Bitstream Vera Sans', Verdana, Arial, 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, sans-serif;
padding: 20px 0;
color: #3c3c3c;
}
a {
background: inherit;
color: #a06000;
text-decoration: none;
border: 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: #a06000;
text-align: left;
}
h1, h1 a {
background: inherit;
color: #a06000;
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;
border: none;
}
h2, h2 a {
background: inherit;
color: #990000;
font-size: 13px;
font-weight: normal;
letter-spacing: 0.09em;
margin: 0;
padding: 0; border: none;
}
h3 {
background: inherit;
color: #3c3c3c;
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: #3c3c3c;
margin: 0;
padding: 0 20px 30px 40px;
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: #3c3c3c;
border: 1px solid #e9e9d9;
color: #595949;
font-size: 11px;
padding-left: 2px;
vertical-align: middle;
}
#footer {
background: url(images/bottom.gif) no-repeat bottom center;
background-color: inherit;
clear: both;
color: #808979;
font-size: 10px;
height: 40px;
margin: 0;
padding: 10px 200px 0px 10px;
vertical-align: middle;
}
#header {
background: inherit;
color: #a0a999;
font-size: 8px;
height: 120px;
margin: 0;
padding: 15px 30px 0 7px;
text-align: center;
width: 490px;
}
#header a {
background: inherit;
color: #990000;
}
#header img {
border: none;
}
#page {
background: url(images/middle.gif) repeat-y top center;
margin: 0 auto;
padding: 0;
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: #a06000;
font-size: 11px;
font-weight: normal;
letter-spacing: 0.3em;
margin: 20px 0 2px 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: transparent url(images/top.gif) no-repeat top center;
height: 30px;
}
#url {
background: #ffffff;
border: 1px solid #e9e9d9;
color: #595949;
font-size: 11px;
padding-left: 2px;
vertical-align: middle;
}
#wrapper {
float: left;
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 url(images/commentback.gif);
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 200px 0 2px;
}
.navigation {
font-size: 11px;
padding: 40px 0 0 0;
}
.pagetitle {
font-size: 11px;
letter-spacing: 0.09em;
border: none;
}
.postmetadata {
background: inherit;
color: #808979;
font-size: 11px;
letter-spacing: 0.09em;
margin: 0;
padding: 0;
text-align: left;
}
.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;
Vielleicht weiß ja von euch jemand Rat? :confused: