hy
hab eine designe für word press gemacht. ich will so dass bilder nicht grösser als 400px in blog gezeigt werden.
das ist meine CSS
body {
margin: 0;
padding: 0;
font-size: 10pt;
font-family: Unikurd Web, Tahoma, Arial;
direction: rtl;
color: #555;
background-color: #f6f6f6;
}
ol, ul {
font-size: 10pt;
margin: 1.2em 0 1.2em 4em;
padding: 0;
}
h1, h2, h3, h4, h5, h6 {
margin: 1.3em 0;
font-family: Unikurd Web, Tahoma, Arial;
font-weight: normal;
line-height: normal;
}
h1, h2 {
font-size: 10pt;
}
h3 {
font-size: 10pt;
}
h4 {
font-size: 10pt;
}
p {
margin: 1.2em 0;
padding: 0;
}
acronym, abbr {
cursor: help;
border-bottom: 1px dotted
}
input, textarea, select {
border: 1px solid #E4D9C0;
background-color: #F4F0E6;
color: #555;
font-size: 10pt;
font-family: Unikurd Web, Tahoma, Arial;
}
blockquote {
margin: 0 30px;
padding: 0 10px;
border-left: 4px solid #cccccc;
color: #666666;
}
code {
font-family: Unikurd Web, Tahoma, Arial;
color: #666;
}
form, img {
margin: 0;
padding: 0;
border: 0;
}
a {
text-decoration: none;
}
a:link, a:active, a:visited {
font-family: Unikurd Web, Tahoma, Arial;
color: #BB0000;
font-size: 10pt;
}
a:hover {
color: #FF0000;
font-size: 11pt;
}
/* wrapper setting */
#wrap {
width: 680px;
margin: 0 auto;
padding: 0 30px;
background-color: #ffffff;
background-image: url(images/background.gif);
background-position: center;
background-repeat: repeat-y;
}
/* header/banner style */
#header {
background-image: url(images/banner.jpg);
margin: 0 -10px;
height: 110px;
background-color: #FFF4F4;
padding: 40px 15px 0 30px;
}
#header h1, #header small {
padding: 0;
margin: 0;
}
#header h1 {
font-size: 10pt;
}
#navigation {
text-align: center;
letter-spacing: 1px;
background-color: #E4D9C0;
margin: 0.5em 0;
height: 2.5em;
line-height: 2.5em;
text-align: center;
border: 1px solid #E4D9C0;
}
/* body/posts style */
#body {
float: left;
width: 480px;
margin-bottom: 1.5em;
}
#body .postitle a:link, #body .postitle a:visited, #body .postitle a:active {
font-weight: bold;
color: #823400;
}
#body .postitle a:hover {
color: #ff6666;
}
#body .postmeta {
font-size: 10pt;
margin: -1.8em 0 1.6em 0;
padding: 0;
text-align: center;
color: #999999;
}
#body .postnavigation {
padding: 0;
}
#body .post {
border-bottom: 1px solid #F9DDDD;
margin-bottom: 1.5em;
}
#body .relatedpost {}
#body .postentry {}
/* sidebar style */
#sidebar {
margin: 0 0 0 500px;
margin-bottom: 1.5em;
font-size: 10pt;
}
#sidebar ul, #sidebar li {
margin: 0;
padding: 0;
list-style-type: none;
}
#sidebar li h2 {
font-size: 10pt;
margin: 1.7em 0 0 0;
border: 1px solid #E4D9C0;
padding: 3px 5px;
text-align: center;
}
#sidebar ul ul {
border: 1px solid #F9DDDD;
border-width: 0 1px 1px 1px;
background-color: #F4F0E6;
}
#sidebar ul ul li {
padding: 0px 5px;
}
#sidebar .pagenav ul ul {
border: 0px;
}
/* comments style */
#commentid {
}
#commentid .commentlist {
margin: 1.8em 0;
list-style-type: none;
}
#commentid .commentlist li {
padding: 0 1.6em;
}
#commentid .commentlist li.alt {
border: 1px solid #E4D9C0;
background-color: #F4F0E6;
border-width: 1px 0 1px 0;
}
#commentid .commentlist h4 {
margin: 1em 0;
}
#commentid textarea {
width: 470px;
}
/* footer stuff */
#footer {
border: 1px solid #E4D9C0;
background-color: #F4F0E6;
border-bottom: 0px;
margin: 0 0 0 0;
clear: both;
text-align: center;
height: 2.5em;
line-height: 2.5em;
}
/* other styles */
#wp-calendar {
width: 160px;
text-align: center;
}
Alles anzeigen
Danke :)