Preview Picture zu den Artikeln?

[panic]

Hallo!

Ich habe eine Frage, ich benutze das Overstand Theme von Fakeblog.de.
Ich hätte gerne, wie der auf Fakeblog.de, Preview Bilder über der Überschrift meine jeweiligen Artikels auf der Startseite.

Ich möchte wissen wie ich das realisieren könnte und bitte um hilfe. =)

[Monika]

Zitat von panic

Hallo!

Ich habe eine Frage, ich benutze das Overstand Theme von Fakeblog.de.
Ich hätte gerne, wie der auf Fakeblog.de, Preview Bilder über der Überschrift meine jeweiligen Artikels auf der Startseite.

Ich möchte wissen wie ich das realisieren könnte und bitte um hilfe. =)

1. Möglichkeit Du lädst die Bilder via FTP hoch in de rrichtigen Größe und Breite und so weiter und verlinkst diese dann im

optionalen Auszug

mit

<?php the_excerpt();?>

kannst du sie dann anzeigen lassen im template

oder Du erstellst benutzerdefinierte Felder
eines für den Bildlink, eines für die Breite und Höhe usw..
wobei dies mit dem optionalen Auszug einfacher ist

lg


hmm ich fand da auch ein Plugin vielleicht hilft es

WordPress › Custom Field Images « WordPress Plugins

[panic]

danke dir ds plugin ist genau richtig.

das problem was ich jetzt habe ist das, das meine preview artikel zu klein in der breite sind

hardrev.de » Ich teste, du testest, er sie es testet

nicht über die texte wundern... die sind belanglos immoment.
die preview pictures sollen so groß werden wie das bild was jetzt drinne ist.
wie kann ich das jetzt machen das die kategorie in der breite genau so ist?

[Monika]

Unter deinen Previews ist doch so eine Breite Spalte, schau wie die gemacht wurde und übernimm diese css class für deine Kategorien

ob es das Theme verträgt wird sich zeigen

lg

[panic]

Ok hab, danke! Allerdings sind jetzt die anderen Kategorie Überschriften auch so groß. Ich wollte nur Reviews so groß machen und die andern 2 klein das ich mindestens und maximal 3 Kategorien nzeigen lassen knn

[Monika]

naja dann gib nur der Kategorie mit den Previews diese css class und den beiden anderen die von den kleinen Blöcken unten

lg

[panic]

ul.latestoneandhalf {
    float:left;
    padding-right:15px;
    width:465px;

ich hab das da jetzt geändert, und wenn ich das änder, haben sich beide geändert =/

[Monika]

ok dann brauche ich das template

von oben nach unten kopieren und hier einfügen zwischen

[ php ]

[ /php ]

aber ohne die Leerzeichen bei den Klammern bitte

lg

[panic]

Der erste teil:

PHP-Code:

/*
THEME NAME: Overstand Theme based on Futurosity
THEME URI: http://www.fakeblog.de/wordpress-theme-overstand
DESCRIPTION: Eine Art Zeitungs-Theme für deinen Blog. Klares Design und vor allem Bold.
VERSION: 0.01
AUTHOR: Floyd Celluloyd
AUTHOR URI: Fakeblog » deine tägliche dosis fake
*/

#applesearch{
    float:right;
    margin:-30px 0 0 0;
    padding:0;
}
    
#comments{
    /*border-top:30px solid black;*/
    margin-top:24px;
    width:465px;
}

#comments-headline {
    /*border-top:30px solid black;*/
    background-color:#000000;
    height:45px;
}

#comments-headline h2 {
    font-weight:700;
    color:#ffffff;
    padding-left:14px;
    text-transform:uppercase;
    font-size:25px;
}

#comments-list,#trackbacks-list{
    clear:both;
    font-size:18px;
}

#content{
    display:inline;
    float:left;
    width:960px;
}

#content li.list-time{
    font-size:9px;
    font-variant:small-caps;
    text-transform:uppercase;
    padding-left:14px;
}

#content ul li{
    list-style-type:none;
    margin:0;padding:0;
}

#content ul li.list-title{
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
    line-height:18px;
    padding:0 0 10px 14px;
    text-transform:uppercase;
}

#footer{
    border-top:1px solid silver;
    clear:both;
    display:inline;
    float:left;
    font-size:10px;
    margin-top:100px;
    padding:10px 0 25px;
    width:945px;
}

#header{
    height:180px;
    margin:20px 0;
    width:945px;
    background: url(images/fakeblog_title.gif) no-repeat;
}

#header img{
    margin:10px 0 0;
    }
    
#nav-above{
    padding:24px 0;
    width:305px;
    margin-left:0px;
    text-align:right;
    }
    
#nav-above .nav-next{
    clear:both;
    float:right;
}

#nav-above h3{
    clear:both;
    font-size:16px;
    padding-top:25px;
}

#nav-below {
    clear:both;
    margin:0 15px 0 15px;
}

#nav-below h3{
    clear:both;
    font-size:14px;
    font-weight:bold;
    padding-top:10px;
    border-top:1px dashed #d5d5d5;
    margin-bottom:-10px;
}

.comment-link,#respond{
    clear:both;
    }
    
#pages li{
    float:right;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:700;
    list-style-type:none;
    padding-left:14px;
    text-transform:uppercase;
}

#pages li a:link,#pages li a:visited{
    color:#666;
    }
    
#pages li a:hover{
    color: #dc143c;
    }
    
#pages,#nav-above .nav-previous{
    float:right;
    }
    
*{margin:0;
padding:0;
}

* html .single .entry-content blockquote,*html .single .entry-content code{
    overflow:none;
    width:417px;
}

.alignleft{
    float:left;
    margin:0 15px 10px 0;
}

.alignright{
    float:right;
    margin:0 0 10px 15px;
}

.archive #content,.page #content,.four04 #content,.search #content, #index #content{
    /*border-top:50px solid black;*/
    display:inline;
    float:left;
    margin-right:15px;
    width:465px;
}

.archive .entry-content,.search .entry-content{
    border:none;
    clear:both;
    float:left;
    font:14px/21px Arial, Helvetica, sans-serif;
    margin:0 15px 0 0;
    padding:0;
    width:465px;
}

.archive .entry-meta,.search .entry-meta{
    border:none;
    margin:0;padding:0 0 14px;
}

.archive h3.entry-title,.archives h2,.search h3.entry-title, #index h3.entry-title{
    font-size:22px;
    line-height:1em;
    margin:16px 0 0;
    padding:0 0 .2em;
    width: 465px;
}

.archive-meta{
    font-style:italic;
    }
    
.author-desc{
    font-size:12px;
    font-style:italic;
    width:280px;
    margin:0;
    text-align:right;
}

.author-links{
    font-size:11px;
    font-style:normal;
    width:280px;
    margin-left:0px;
    text-align:right;
}

.center{
    text-align:center;
    }
    
.clear{
    clear:both;
    margin-top:20px;
    padding-top:50px;
}

.comment-meta,#trackbacks-list .comment-author{
    font:16px/24px Didot, Georgia, serif;
    padding-bottom:12px;
    width:417px;
}

.entry-content{
    display:inline;
    font:14px/21px Arial, Helvetica, sans-serif;
    margin-right:15px;
    padding-top:12px;
    text-align:left;
    width:465px;
}

.entry-meta{
    /*border-top:20px solid silver;*/
    display:inline;
    float:left;
    margin-top:0;
    padding:0;
    width:465px;
}

.entry-meta-content {
    margin-left:15px;
    margin-top:10px;
}

.entry-title{
    color:silver;
    display:inline;
    float:left;
    font-size:36px;
    padding:20px 0 20px 0;
    text-align:left;
    width:305px;
    /*background-color:aliceblue;*/
}

.four04 #content .entry-content ul{
    padding-top:24px;
    }
    
.four04 #content .entry-content ul li{
    padding-bottom:24px;
    }
    
.four04 #content .entry-content ul li a{
    font-size:22px;
    padding-bottom: .2em;
}

.futurosity{
    padding:12px 0;
    }
    
.home{
    font-size:12px;
    }
    
.home #content .recent-comments ul li{
    font:12px/18px Didot, Georgia, serif;
    width:305px;
}

#content ul li.latest-excerpt{
    font:12px Helvetica, Arial, sans-serif;
    list-style-type:none;
    margin:0;
    padding:0 0 0 14px;
    width:145px;
}

.home #content ul li.latest-excerpt2{
    font:12px Helvetica, Arial, sans-serif;
    list-style-type:none;
    margin-top:-8px;
    padding:0 0 0 14px;
    width:440px;
}

.home #content ul li.latest-excerptoneandhalf{
    font:12px Helvetica, Arial, sans-serif;
    list-style-type:none;
     margin-top:-8px;
     padding:0 0 0 14px;
    width:440px;
}

.home .entry-content,.home #nav-above,.home #categories{
    display:none;
    }
    
.home #index .entry-content{
    display: block;
    }
    
.home .recent-comments{
    border-top:20px solid silver;
    display:inline;
    float:left;
    margin:20px 15px 20px 0;
    padding:10px 0;
    width:305px;
}

.home .sited{
    border-top:1px solid silver;
    margin-right: 15px;
    display:inline;
    float:left;
    /*margin:20px 0;*/
    padding:0;
    width:705px;
}

.home h2.sited {
    background-color: #aeaeae;
}

.home .sited a,.home #content .recent-comments ul li a{
    font-family:Helvetica, Arial, sans-serif;
    }
    
.home ul.sited {
    float:left;
    border: 0;
    margin:15px 15px 0 0;
    padding: 0;
    display: inline;
    width:350px;
}

.home ul.sited li, .home ul.sited li p {
    display: inline;
    }
    
.home ul.sited li p a{
    font-family: Didot, Georgia, serif;
    }
    
.home .sited img {
    width: 299px;
    float: left;
    margin: 0 15px 10px 0;
}

.latest-excerpt{
    padding-bottom:12px;
    }
    
.latest-excerpt p{
    line-height:18px;
    font-family: Helvetica, Arial, sans-serif;
}

.left-col{
    /*border-top:50px solid black;*/
    display:inline;
    float:left;
    margin-right:25px;
    text-align:right;
    width:280px;
} 


[panic]

und der zweite (war zu groß für einen post):

PHP-Code:

.nav-next{
    clear:both;
    float:left;
    padding-bottom:12px;
    }
    
.nav-previous{
    float:left;
    }
    
.navigation{
    font-family:Arial, Helvetica, sans-serif;
    }
    
.one-col{
    border-top:1px solid silver;
    display:inline;
    float:left;
    margin-right:20px;
    width:140px;
}

.oneandhalf-col {
    border-top:1px solid silver;
    display:inline;
    float:left;
    margin-right:15px;
    width:225px;
}

.oneandhalf-col ul {
    margin: 15px 15px 0 0;
}

.four-col {
    border-top:1px solid silver;
    margin-right: 15px;
    display:inline;
    float:left;
    /*margin:20px 0;*/
    padding:0;
    width:705px;
    }

.page #content li{
    font-size:14px;
    line-height:21px;
    /*margin-right:15px;
    border:1px solid pink;*/
}

.page #content ul{
    padding-bottom:25px;
    }
    
.page #content.links {
    width: 960px;
    border:0;
}

.page #content.links ul li.linkcat {
    float:left;
    display:inline;