Hey,
ich habe ein Problem mit meinem Blog!
1. Ist es möglich, nur den neusten Beitrag auf der Hauptseite des Blogs anzuzeigen?
2. Und wenn ja, wie kann ich diesen Post mit einer Höhenbegrenzung festlegen? Also ich habe da an eine Scrollbar rechts neben dem Text gedacht! So dass daneben die Sidebar ist und diese im Endeffekt mit dem Beitrag gleichzeitig aufhört!
Hier mein stylesheet:
PHP
body {
margin: 0;
padding: 0;
background: #191919 url(...) repeat-y top center;
font: 62.5% "Arial", "Arial", Arial;
color: #000;
text-align: left;
}
p,
ol,
ul {
line-height: 150%;
}
ol { /* to be styled */ }
ul { /* to be styled */ }
h1, h2, h3, h4, h5, h6 {
margin: 0;
font-style: normal;
font-weight: bold;
background: transparent;
color: #050d24;
}
h1 {
font-size: 2.2em;
}
h2 {
font-size: 1.4em;
}
h3, h4, h5, h6 {
font-size: 1em;
}
a:link {
color: #2f63b3;
text-decoration: none;
}
a:visited {
color: #2f63b3;
text-decoration: none;
}
a:hover {
color: #4a5265;
text-decoration: underline;
}
a:active {
color: #2f63b3;
text-decoration: underline;
}
blockquote {
margin: 10px 0;
padding: 0 50px;
background: transparent url(images/blockquote.gif) no-repeat 0 0;
color: #abafb9;
}
code {
background: #afafaf;
cursor: text;
font-family: "Courier New", Courier, monospace;
}
small {
font-size: 0.8em;
}
input, textarea, select { /* to be styled */ }
form { /* to be styled */ }
img { /* to be styled */ }
img.noborder {
border: none;
}
.left {
float: left;
}
.right {
float: right;
}
.center {
text-align: center;
}
.alignleft {
float: left;
margin-right: 10px;
}
.alignright {
float: right;
margin-left: 10px;
}
#outline {
width: 855px;
margin: 0 auto;
padding: 0;
background: #fff;
font-size: 1.3em;
}
#header {
width: 100%;
height: 133px;
background: transparent url(images/...) repeat-x left top;
}
#header .blogtitle {
width: auto;
height: 118px;
background: transparent url() no-repeat left bottom;
}
#header h1 {
padding: 50px 0 0 50px;
}
#header h1 a {
color: #EE0000;
}
#navbar {
clear: both;
float: left;
width: 100%;
height: 31px;
background: transparent url(images/nav_bg.gif) repeat-x 0 0;
}
ul.menu {
float: left;
margin: 0;
padding: 0 15px;
list-style-type: none;
}
ul.menu li {
float: left;
}
ul.menu li a {
float: left;
display: block;
height: 28px;
padding: 3px 15px 0 15px;
line-height: 24px;
color: #fff;
}
ul.menu li a:link,
ul.menu li a:visited {
color: #fff;
background: none;
}
ul.menu li a:hover,
ul.menu li a:active {
color: #fff;
background: url(images/nav_hover.gif) no-repeat center top;
text-decoration: none;
}
ul.menu li.current_page_item a:link,
ul.menu li.current_page_item a:visited,
ul.menu li.current_page_item a:hover,
ul.menu li.current_page_item a:active {
color: #fff;
background: transparent url(images/nav_active.gif) no-repeat center bottom;
text-decoration: none;
}
.searchbar {
float: right;
width: 290px;
height: 31px;
margin: 0;
}
.searchform {
width: 290px;
height: 20px;
text-align: left;
}
input#s {
width: 265px;
height: 18px;
margin: 5px 0 0 1px !important;
margin: 4px 0 0 1px; /* Fuck IE */
padding: 1px 0 0 2px;
border: 1px solid #999;
background: #fff url(images/searchbg.gif) repeat-x 0 0;
}
#wrapper {
float: left;
background: #fff;
margin: 0 !important;
margin: -15px 0 0 0; /* Fuck IE */
padding: 0;
}
#content {
float: left;
width: 560px;
height: 100%;
background: #fff;
}
.pages {
float: left;
width: 530px;
background: #eee url(images/separator_blue.bmp) repeat-x bottom center;
}
.pages-border {
clear: both;
width: 100%;
height: 6px;
background: transparent url(images/separator_blue.bmp) repeat-x 0 0;
}
.page-previous {
float: left;
padding: 10px 0 16px 30px !important;
padding: 0 0 15px 30px; /* Fuck IE */
}
.page-next {
float: right;
padding: 10px 30px 16px 0 !important;
padding: 0 30px 15px 0; /* Fuck IE */
}
.page-title {
width: 530px;
margin: 20px 0 0 0;
background: #EE0000 url(images/separator_blue.bmp) repeat-x bottom center;
}
.page-title h2.page-title-border {
padding: 0 0 0 30px;
background: transparent url(images/separator_blue.bmp) repeat-x 0 0;
font-size: 1.6em;
line-height: 48px;
color: #EE0000;
}
.post {
padding: 20px 30px;
background: #fff;
}
.postentry {
color: #050d24;
text-align: justify;
}
.postentry a,
.postentry a:hover {
color: #CD0000;
}
.postentry img {
border: 5px solid #FCFCFC;
}
.postentry img:hover {
border: 5px solid #FCFCFC;
}
.posttitle { /* to be styled */ }
.posttitle a:link,
.posttitle a:visited,
.posttitle a:hover,
.posttitle a:active {
color: #CD0000;
}
.postmeta,
.postmeta a {
margin: 5px 0 ;
font-size: 1em;
color: #000000;
}
.post-comment {
padding: 0 0 0 20px;
background: url(images/icon_comments.jpg) no-repeat 0 0;
}
.post-filed {
padding: 0 0 0 20px;
background: url(images/icon_filed.gif) no-repeat 0 0;
}
.commentpage {
margin: 0 30px;
padding: 0;
}
#comments {
margin: 0;
padding: 0;
}
#commentlist {
margin: 0;
padding: 0;
list-style-type: none;
}
#commentlist li {
padding: 20px 25px 0 0;
border-bottom: 1px solid #eee;
background: #fafafa url(images/comment_bg.gif) repeat-y 0 0;
}
.alt {
background-color: #fff !important;
background-image: none !important;
}
.comment-gravatar {
float: left;
width: 62px;
height: 62px;
background: transparent url(images/gravatar.gif) no-repeat;
}
img.gravatar {
margin: 7px 0 0 7px;
border: none;
}
.comment-title,
.comment-meta,
.comment-text {
margin: 0 0 0 80px;
}
.comment-title,
.comment-title a,
.comment-title a:hover{
color: #030612;
}
.comment-meta,
.comment-meta a,
.comment-meta a:hover {
color: #2f63b3;
}
h2#postcomment {
margin: 30px 0 0 0;
padding: 0 0 10px 0;
background: transparent url(images/) repeat-x center bottom;
}
.postcomment {
clear: both;
margin: 20px 0 0 0;
padding: 20px;
background: #eee url(images/separator_blue.bmp) repeat-x center top;
}
.postcomment input,
.postcomment textarea {
border: 1px solid #aaa;
}
.postcomment input:hover,
.postcomment textarea:hover {
border: 1px solid #fec02a;
}
.postcomment input#author,
.postcomment input#email,
.postcomment input#url {
width: 100% !important;
width: 456px; /* Fuck IE */
height: 18px;
}
.postcomment textarea#comment {
width: 100% !important;
width: 456px; /* Fuck IE */
height: 200px;
}
.postcomment input#submit {
width: auto;
height: 25px;
padding: 2px 10px 3px 10px;
background: #e5edff url(images/submit.gif) repeat 0 0;
}
.postcomment input#submit:hover {
background: #e5edff url(images/submit_hover.gif) repeat 0 0;
}
#sidebar {
float: right;
width: 290px;
margin: 0;
padding: 0;
background: #F0F0F0;
}
#sidebar .rssfeeds {
height: 140px;
margin: 0;
padding: 0;
background: transparent url(images/separator_green.jpg) no-repeat right bottom;
}
#sidebar .socialtools {
height: 140px;
margin: 0;
padding: 0;
background: transparent url(images/separator_green.jpg) no-repeat right bottom;
}
#sidebar h2.feed-title {
margin: 0;
padding: 20px 0 0 3px;
background: none !important;
font-size: 1.4em;
}
#sidebar h2.social-title {
margin: 0;
padding: 20px 0 10px 3px;
background: none !important;
font-size: 1.4em;
}
.rssfeeds a.rss {
padding: 0 0 0 25px;
background: transparent url(images/separator_green.jpg) no-repeat 5px 0;
}
.socialtools img {
border: 1px solid #edf2ff;
padding:1px;
}
#sidebar h2 {
display: block;
margin: 16px 0 6px 0;
padding: 0 0 10px 3px;
background: url(images/separator_green.jpg) repeat-x center bottom;
font-size: 1.4em;
}
#sidebar ul {
clear: both;
margin: 0;
padding: 0;
list-style-type: none;
}
#sidebar ul li {
clear: both;
color: #bbb;
}
#sidebar ul.no-splitted li {
padding: 0 5px;
}
#sidebar ul.no-splitted ul li {
margin: 0 -5px;
}
#sidebar ul.blc {
padding: 0 5px;
}
#sidebar li#sidebar-splitted {
float: left;
width: 100%;
margin: 0 0 15px 0;
}
#sidebar-splitted .splitted-left {
float: left;
width: 140px;
}
#sidebar-splitted .splitted-right {
float: right;
width: 145px;
}
ul.splittedlists li {
background: transparent url(images/separator_green) no-repeat 5px 5px;
padding: 0 0 0 23px;
}
ul.splittedlists ul li {
margin: 0 0 0 -23px;
}
ul.splittedlists li a:link,
ul.splittedlists li a:visited {
color: #353d50;
}
ul.splittedlists li a:hover,
ul.splittedlists li a:active {
color: #EE0000;
}
#bottom {
clear: both;
float: left;
width: 855px;
height: 100%;
margin: 0;
padding: 0;
background: #292929 url(images/separator_green.jpg) repeat-x 0 0;
border-top: 20px solid #fff;
font-size: 0.9em;
text-align: left;
color: #fff;
}
#bottom-divs {
float: left;
clear: both;
margin: 0;
padding: 20px;
}
#bottom-left,
#bottom-mid,
#bottom-right {
width: 30%;
padding: 20px 0 20px 20px;
float: left;
}
#bottom h2 {
margin: 0 0 10px 0;
padding: 0 8px;
font-size: 1.6em;
color: #CD0000;
}
#bottom h2 span {
color: #CD0000;
}
#bottom ul {
margin: 0;
padding: 0;
list-style-type: none;
border-top: 1px solid #555;
}
#bottom ul li {
line-height: 26px;
border-bottom: 1px solid #555;
}
#bottom ul li a {
display: block;
padding: 0 10px;
color: #fff;
text-decoration: none;
}
#bottom ul li a:hover {
background: #8B0000;
}
#bottom-sep {
clear: both;
}
#footer {
width: 100%;
height: 74px;
clear: both;
background: #191919;
border-top: 1px solid #000;
color: #fff;
}
#footer .validate {
background: url(images/icon_valid.gif) no-repeat 0 0;
padding: 0 5px 0 20px;
}
#footer .credits {
float: right;
margin: 0;
padding: 0;
border: none;
}
#footer p {
margin: 0;
padding: 13px 25px;
font-size: 0.9em;
line-height: 200%;
}
#footer p a:link,
#footer p a:visited {
color: #aaa;
}
#footer p a:hover {
color: #fff;
}
#footer p a:active {
color: #9ad202;
}
...