nun sind wir schon so weit, dass die adsense Werbung mit folgendem Code über die Felder "Ads01, Ads02 und Ads03 im Blogeintrag angezeigt wird.
Code: Select all
<div class="entry">
{if $entry.categories}
<span class="serendipity_entryIcon">
{foreach from=$entry.categories item="entry_category"}
{if $entry_category.category_icon}
<a href="{$entry_category.category_link}"><img class="serendipity_entryIcon" title="{$entry_category.category_name|@escape}{$entry_category.category_description|@emptyPrefix}" alt="{$entry_category.category_name|@escape}" src="{$entry_category.category_icon}" /></a>
{/if}
{/foreach}
</span>
{/if}
{$entry.properties.ep_ads01}
{$entry.body}
{if $entry.is_extended}
<div class="serendipity_entry_extended"><a id="extended">
{$entry.properties.ep_ads02}
</a>{$entry.extended}</div>
{$entry.properties.ep_ads03}
{/if}
{if $entry.has_extended and not $is_single_entry and not $entry.is_extended}
<p><a class="more-link" href="{$entry.link}#extended">{$CONST.VIEW_EXTENDED_ENTRY|@sprintf:$entry.title}</a></p>
{/if}
Bei längeren Blogbeiträgen würden wir gerne mehrere Werbefelder einfügen. Zu dem bereits vorhandenen "Ads02" würden dann also im besten Fall noch die Werbefelder "Position 3" und "Position 4" wie oben zu sehen, hinzukommen. Der Text soll diese zusätzlichen Felder natürlich auch wie bei "Ads02" zu sehen per float: right; bzw. float: left; umfließen.
Das haben wir unter anderem mit folendem Code versucht:
Code: Select all
<div class="entry">
{if $entry.categories}
<span class="serendipity_entryIcon">
{foreach from=$entry.categories item="entry_category"}
{if $entry_category.category_icon}
<a href="{$entry_category.category_link}"><img class="serendipity_entryIcon" title="{$entry_category.category_name|@escape}{$entry_category.category_description|@emptyPrefix}" alt="{$entry_category.category_name|@escape}" src="{$entry_category.category_icon}" /></a>
{/if}
{/foreach}
</span>
{/if}
{$entry.properties.ep_ads01}
{$entry.body}
{if $entry.is_extended}
<div class="serendipity_entry_extended"><a id="extended">
{$entry.properties.ep_ads02}
{$entry.properties.ep_ads03}
</a>{$entry.extended}</div>
{/if}
{if $entry.has_extended and not $is_single_entry and not $entry.is_extended}
<p><a class="more-link" href="{$entry.link}#extended">{$CONST.VIEW_EXTENDED_ENTRY|@sprintf:$entry.title}</a></p>
{/if}
...und nun zur entscheidenden Frage
: Was müssen wir tun, damit die Platzierung der Werbefelder "Ads02" und "Ads03" denen der "Position 3" und "Position 4" in Bild 1 entspricht (also nicht nebeneinander sondern untereinander ?
Anbei noch unsere CSS Befehle die wir in die style.css eingefügt haben.
Code: Select all
/* ------------------------------------- main content area */
/*google-ads*/
.ads01{
float: left;
padding: 3px;
border: 1px solid #00CCFF;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 10px;
}
.ads02{
float: right;
padding: 3px;
border: 1px solid #00CCFF;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 10px;
}
.ads03{
float: left;
padding: 3px;
border: 1px solid #00CCFF;
margin-top: 0px;
margin-bottom: 10px;
margin-right: 10px;
