ukaszf9 - 2011-12-22 15:55:41

Nie raz pewnie większość z was widziała na "większych" forach, że co drugi post bądź co jakiś czas pod postem była reklama najczęściej Google. Ten skrypt pozwala na dodanie przy użyciu jQuery + css takową reklamę, która wyświetla się co drugi post napisany w temacie.
Wygląd: http://img684.imageshack.us/img684/5817/rekalama.png

Na początek css:

Kod:

.reklama.border {border: 1px solid #006fC9;height:143px;width:99.9%;}
.float {float:left;height:143px;}
.left {width:16%;BACKGROUND-COLOR: #F1F1F1;}
.left dl {PADDING: 6px;}
.right {width:84.1%;BACKGROUND-COLOR: #DEDFDF;}
.right img {PADDING: 6px;}
.clear {clear:both;height:5px;}

BACKGROUND-COLOR i border należy ustawić wg. własnego stylu. Domyślnie robiłem pod Oxygen.

Oraz jQuery:

Kod:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>
<script>
jQuery(document).ready(function() {
 jQuery('.rowodd').after('<h2>Reklama specjalna</h2><div class="reklama border"><div class="left float"><dl><strong><a href="linkdoprofilu">Reklamiarz</a></strong><br />Ja tutaj reklamuje<img src="http://noof.pun.pl/_fora/noof/avatars/2.jpg"></dl></div><div class="right float"><center><a href="http://www.noof.pun.pl"><img src="http://img641.imageshack.us/img641/1531/bannerklf.png" alt="Noof"></a></center></div></div><div class="clear"></div>');
});
</script>

Gdzie Reklama specjalna to nazwa belki górnej.
Gdzie Reklamiarz to nazwa profilu - trzeba dodać gdzie ma przekierowywać również.
Gdzie http://noof.pun.pl/_fora/noof/avatars/2.jpg - to avatar tego reklamiarza.
Gdzie http://img641.imageshack.us/img641/1531/bannerklf.png - to banner, który reklamuje reklamiarz.


P.S - Aby wyświetlał tylko w drugim się poście należy do .rowodd ( w jQuery na początku ) dodać :first czyli jQuery('.rowodd:first').after i dalsza część kodu.

www.anubar.pun.pl www.nasza5grupa.pun.pl www.fiattychy.pun.pl www.atom-scans.pun.pl www.24hcommando.pun.pl