Extra Newsbild?

Sowas suche ich auch in der Art. Einfach in der Überschrift ein Bild, geht das?

Das wäre was für http://forum.wordpress-deutschland.org/allgemeines/23…rte-felder.html dann vor der Überschrift ausgeben lassen und links floaten.

Habe jetzt ein Feld erstellt, aber wo muss ich den Code

<class='post-meta'>
<span class='post-meta-key'></span> <img src="...">

einfügen? In der single.php finde ich nicht die richtige stelle, damit das Bild direkt VOR der Überschrift ist, nicht darüber.

Versteh die Frage jetzt nicht. Du brauchst dazu dieses Plugin. Dessen Schnippsel musst du vor der Überschrift reinbasteln :(

Schau dir mal das Plugin an: Post Avatar.
Wie das Ganze dann aussehen kann: Beispiel

Ich wollte eher sowas haben: http://www.gamefront.de nur eben die bilder für die konsolen links neben die Überschrift.

Aber ich brauche dafür doch kein Plugin?! Es reicht doch ein benutzer definiertes Feld, welches ich erstellt habe (zeigt jetzt nen bild an), nur wenn ich den code einbaue, ist das bild über der überschrift und nicht daneben.

Zitat von SVWliker

Aber ich brauche dafür doch kein Plugin?! Es reicht doch ein benutzer definiertes Feld, welches ich erstellt habe (zeigt jetzt nen bild an), nur wenn ich den code einbaue, ist das bild über der überschrift und nicht daneben.

Dann schreib das doch gleich ;)
So, und nu schreibst du bitte wo man sich das mal anschauen kann :)

tata:

Newsbild?!

Nun machst du daraus:

<div class="post" id="post-12">
		  <div class="date"><span>Aug</span> 06</div>
<span class="post-meta-key">
<img src="http://gc07.nexnow.de/wp-content/uploads/2007/08/gc-logo.jpg">
</span>

und schreibst in deine CSS:

.post .post-meta-key{
float:left;
}

Oder wenn möglich das SPAN raus und die Klasse im Bild direkt unterbringen
<img class="post-meta-key"........

Weitere Möglichkeit wäre, einen Container um jeden Beitrag zu ziehen und diesen relativ zu positionieren. Den Content deines Beitrags steckst du in einen weiteren Container, welcher einen linken Außenabstand bekommt, der etwas größer als dein Bild ist.
Jetzt musst du dein Bild absolute zu 0:0 positionieren. Die Positionierung des Bildes solltes sich an dem ersten positionierten Elternelement orientieren.

Grüße
Mo

Das ist mir zu kompliziert als Laie^^

Aber ich habe jetzt den Code eingefügt (auch in die CSS) aber nichts hat sich verändert.

Weil da noch was zu breit ist:

.post .title {
	float: left;
	margin-left: 10px;
	width: 300px;/* HIER ANPASSEN */
}

Zitat von SVWliker

Das ist mir zu kompliziert als Laie^^

Aber ich habe jetzt den Code eingefügt (auch in die CSS) aber nichts hat sich verändert.

Ah, nur nicht den Kopf hängen lassen, man wächst an seinen Aufgaben :)

Als Basis nehmen wir mal einen sehr vereinfachten Loop

<?php while (have_posts()) : the_post(); ?>
    <h2><?php the_title(); ?></h2>
    <div><?php the_content(); ?></div>
<?php endwhile; ?>

Nun packst du um den Beitrag die nötigen divs

<?php while (have_posts()) : the_post(); ?>
<div class="beitrag_aussen">
<div class="beitrag_innen"> 
<h2><?php the_title(); ?></h2>
<div><?php the_content(); ?></div>
</div>
</div>
<?php endwhile; ?>

Und schreibst die entsprechenden CSS-Deklarationen
(ich geh mal davon aus, dass deine Bilder 150px breit sind)

.beitrag_aussen {position: relative; top: 0; left: 0;}
.beitrag_innen {margin-left: 160px;}

Wenn du nur ein Bild im Beitrag hast kannst du jetzt ganz einfach eine CSS-Deklaration dafür machen:

.beitrag_innen img {position: absolute; top: 0; left: 0;}

Das Bild wird nun am nächsten positionierten Elternelement (hier ist es das div mit der klasse "beitrag_aussen") ausgerichtet.

Hast du mehrere Bilder in einem Beitrag, musst du dem Bild, dass du links neben dem Text haben möchtest beim erstellen des Beitrags auch eine Klasse mitgeben, z.B. so

<img src="meinbild.jpg" class="beitrag_bild" alt="" />

Und dann entsprechend die Stylesheets deklarieren

.beitrag_innen img.beitrag_bild {position: absolute; top: 0; left: 0;}

Das sollte es schon gewesen sein.

Grüße
Mo

Ah, jetzt ist das Bild links, aber leider ganz alleine, wäre schön, wenn das umflossen wird.

Und warum wird das bei jedem Beitrag angezeigt?

Ich steig aus, ich denke du hast es mit den benutzerdefinierten Feldern gemacht dann erscheints auch nur auf Beiträgen wo du das Feld ausfüllst.

Morris
das will er doch aber gar nicht, er will das Bild neben der Überschrift, das erreichst du zwar auch aber unterm bild bleibt alles frei.

Ja habe es auch mit benutzerdefinierten Feldern gemacht, aber habe den code
[COLOR=#000000][/COLOR]

[COLOR=#000000][COLOR=#006600]<[/COLOR][COLOR=#0000cc]div [/COLOR][COLOR=#006600]class=[/COLOR][COLOR=#cc0000]"post" [/COLOR][COLOR=#0000cc]id[/COLOR][COLOR=#006600]=[/COLOR][COLOR=#cc0000]"post-12"[/COLOR][COLOR=#006600]> 
          <[/COLOR][COLOR=#0000cc]div [/COLOR][COLOR=#006600]class=[/COLOR][COLOR=#cc0000]"date"[/COLOR][COLOR=#006600]><[/COLOR][COLOR=#0000cc]span[/COLOR][COLOR=#006600]>[/COLOR][COLOR=#0000cc]Aug[/COLOR][COLOR=#006600]</[/COLOR][COLOR=#0000cc]span[/COLOR][COLOR=#006600]> [/COLOR][COLOR=#0000cc]06[/COLOR][COLOR=#006600]</[/COLOR][COLOR=#0000cc]div[/COLOR][COLOR=#006600]> 
<[/COLOR][COLOR=#0000cc]span [/COLOR][COLOR=#006600]class=[/COLOR][COLOR=#cc0000]"post-meta-key"[/COLOR][COLOR=#006600]> 
<[/COLOR][COLOR=#0000cc]img src[/COLOR][COLOR=#006600]=[/COLOR][COLOR=#cc0000]"http://gc07.nexnow.de/wp-content/uploads/2007/08/gc-logo.jpg"[/COLOR][COLOR=#006600]> 
</[/COLOR][COLOR=#0000cc]span[/COLOR][COLOR=#006600]> [/COLOR][/COLOR]

Auch in die index.php eingefügt, ist das falsch?
[COLOR=#000000][/COLOR]

Zitat von Olafb

Morris
das will er doch aber gar nicht, er will das Bild neben der Überschrift, das erreichst du zwar auch aber unterm bild bleibt alles frei.

Hmmm...hatte ihn so verstanden, dass er das gleich will wie der TE...und hab dann später den link zur gamefront übersehen...sorry, mein fehler.

Da ist dein Ansatz natürlich die Lösung.

Grüße
Mo