Text/Code an anderer Stelle im Rahmen

[***elvis***]

Zitat von MaD

gib mir mal eben das Theme gezippt ...

http://www.themebox.de/wp-content/themes/de/emplode.zip

[MaD]

so dann versuchen wir mal folgendes

<div class="post_meta"> Gepostet in <?php the_Category(', ') ?><?php the_tags(' | Tags: ', ', ', ''); ?>

ersetzen durch

<div class="post_meta"> Gepostet in <?php the_Category(', ') ?><?php the_tags(' | Tags: ', ', ', ''); ?> <?php if (function_exists('the_tweet_link')) { ?> |
  <a href="http://mamsel.com">diesen Artikel jetzt twittern.</a>
<img class="twitter" src="http://blog.sascha-droemer.de/fotos/twitter_b.png"><?php } ?>

und dann musst du deine style.css noch ergänzen

.post .twitter {
margin:0;
}

jetzt bin ich gespannt

[***elvis***]

Zitat von MaD

jetzt bin ich gespannt

ja, das sieht schon fasst gut klick aus bis auf die Tatsache das die Funktion jetzt nicht mehr geht. Das ganze greift ja auf ein Plugin zurück. Außerdem ist die Darstellung noch Suboptimal.

- Das Bild ist nicht mehr transparent ???
- Wenn mehrere Tags da sind kann es sein das "diesen Artikel twittern" in der obigen Zeile ist und das Bild links in der nächsten Zeile. Das idealste wäre also wenn der gesamte Text "diesen Artikel twittern + Bild" gleich in die zweite/nächste Zeile kommt und dann aber rechtsbündig ausgerichtet ist.

Irgendwie ist das schwieriger als ich gedacht hab

[MaD]

hehe klar funktioniert das nicht mehr ... hab vergessen wieder den Originallink einzubauen .. da ich das Plugin nicht habe musste ich den ja zum Testen rausnehmen ...

achne das war ein Test, ob du nur willenlos Copy&Paste machst ... ändere du schon mal den Link, ich schau mal nach dem Style ...

nur warum das Bild nicht mehr transparent ist, versteh ich gerade noch nicht ...

[***elvis***]

Zitat von MaD

..achne das war ein Test, ob du nur willenlos Copy&Paste machst

erwischt, Asche auf mein Haupt, sorry, link funzt wieder.

[MaD]

so Bild-Hintergrund ist geklärt .. da vererbt ne css-Klasse ihren Hintergrund ...

die neue twitter css-klasse muss so aussehen

background:none repeat scroll 0 0 transparent;
border:0 none;
margin:0;

und der andere Codeschnippsel komplett und mit richtigem Link so

<div class="post_meta"> Gepostet in <?php the_Category(', ') ?><?php the_tags(' | Tags: ', ', ', ''); ?> <?php if (function_exists('the_tweet_link')) { ?> <br/>
  <a href="<?php the_tweet_link() ?>">diesen Artikel jetzt twittern.</a>
<img class="twitter" src="http://blog.sascha-droemer.de/fotos/twitter_b.png"><?php } ?>

[***elvis***]

Zitat von MaD

so...

Das sieht gut aus klick, super

Wie bekomme ich das ganze jetzt noch rechtbündig ausgerichtet???

[MaD]

was genau soll rechtsbündig sein?

[***elvis***]

Zitat von MaD

was genau soll rechtsbündig sein?

Die Zeile mit diesen Artikel twittern + Bild

Die Zeile drüber mit Kategorie und Tag soll weiter linksbündig bleiben

[bgeissler]

Vielleicht kannst du dir folgenden Code anpassen. Ich verwende ihn auf meiner Site im footer um links und rechts in der gleichen Höhe was anzuordnen. Innerhalb eines div links und rechts anordnen funktioniert nicht, das rutscht dann untereinander.
Hier kann man es im footer sehen: http://gsew.de

<div id="footer">
<div id="footer_left">
<span class="meta">powered by <a href="http://www.wordpress.org/" target="_blank">WordPress</a> :: <?php wp_loginout(); ?></span>
</div>

<div id="footer_right">
<?php include (TEMPLATEPATH.'/counter/counter.php'); ?>
</div>

</div>

Hier die css dazu:

#footer {
position:absolute;
top:740px;
left:-2px;
right:-2px;
width: auto;
height:36px;
background-color: #f2f2f2;
background-image:url(images/bg_footer.jpg);
background-position:bottom;
border-top: 2px #ddd solid;
border-left: 2px #888899 solid;
border-right: 2px #888899 solid;
}

#footer_left {
float:left;
width:auto;
padding-left:12px;
}

#footer_right {
float:right;
width:50%;
text-align:right;
padding-right:18px;
}