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:
.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:
<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.
Offline