3 odpowiedzi na ten temat

[Duke_]

Przedstawie tu tutorial jak zrobic plywajace, klikalne banery reklamowe na dole forum uzywajac do tego opcji forum Ad Code Integration

pobieramy ponizszy zip i rozpakowywujemy 2 zawarte w nim pliki poprzez ftp do folderu:

forum/public/js

 jquery.zip   4,24K   4 pobrań

nastepnie otwieramy

ACP > Look & Feel > Zarzadzaj skinami > "nasz skin"

otwieramy zakladke CSS

wybieramy

ipb_styles.css

przechodzimy na sam dol i dodajemy wpis i zapisujemy:

************************************************
/*scroll*/
/* Container DIV - automatically generated */
.simply-scroll-container {
position: relative;
}
/* Clip DIV - automatically generated */
.simply-scroll-clip {
position: relative;
overflow: hidden;
z-index: 2;
}
/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list {
position: absolute;
top: 0;
left: 0;
z-index: 1;
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
}

.simply-scroll-list li {
padding: 0;
margin: 0;
list-style: none;
}

.simply-scroll-list li img {
border: none;
display: block;
}
/* Custom class modifications - adds to / overrides above
.simply-scroll is default base class */
/* Container DIV */
.simply-scroll {
width: 576px;
height: 100px;
margin-bottom: 1em;
}
/* Clip DIV */
.simply-scroll .simply-scroll-clip {
width: 576px;
height: 100px;
}

/* Explicitly set height/width of each list item */
.simply-scroll .simply-scroll-list li {
float: left; /* Horizontal scroll only */
width: 145px;
height: 100px;
}

nastepnie przechodzimy do:

ACP > System Settings >  System  >  Ad Code Integration

w czesci Board Index wypelniamy pole Override Footer Code nastepujacym kodem:

<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js">
</script>
<script type="text/javascript" src="http://adres.forum/public/js/jquery.simplyscroll.js"></script>


<script type="text/javascript">
(function($) {
	$(function() { //on DOM ready
		$("#scroller").simplyScroll({
			autoMode: 'loop'
		});
	});
})(jQuery);
</script>



<br>


<center>

<ul id="scroller">
<li><a href="adres.linka"><img src="adres.fotki" width="145" height="100"></a></li>
<li><a href="adres.linka"><img src="adres.fotki" width="145" height="100"></a></li>
<li><a href="adres.linka"><img src="adres.fotki" width="145" height="100"></a></li>
</ul>
</center>

ustawiamy opcje na samej gorze na Enabled i zapisujemy

jesli chcemy wiecej banerow analogicznie dodajemy nastepne

<li>

nalezy pamietac aby wpisac poprawne adresy w odpowiednich miejscach


milej zabawy

Ten post został wypromowany na artykuł

[Spanner]

Jeśli używasz jquery na forum to musisz użyć opcji noConflict, bo inaczej wbudowana funkcjonalność ipb przestanie działać

[Duke_]

no tak, masz racje, pod IE przestaje dzialac a pod FF jest ok

[Spanner]

to trzeba tutek poprawić