Rotator Bannerów

Spr!Nt3R · 8 Października 2016

Witam ! Poszukuję kodu na rotater bannerów, podobny, bądź identyczny do tego co był na starym SpaceCMS. Byłbym naprawdę wdzięczny

Damian · 8 Października 2016

Ten był http://bxslider.com/

pBartnik · 9 Października 2016

Wystarczy przerobić pod swoje potrzeby bo bardzo przyjazny kod on ma

Spr!Nt3R · 10 Października 2016

No więc mam już kod na rotator, css porobione i próbuję wstawić go do headeru przy logu, ale coś nie mogę sobie z tym poradzić :/ Tak to wygląda:

Ta zawartość jest ukryta. Jeśli chcesz mieć do niej dostęp, proszę

http://imgie.pl/uploads/147609418955811.png[/img]

Rafał · 10 Października 2016

Podaj adres strony.

Spr!Nt3R · 10 Października 2016

Sekcja <head>

[code]<head>
<title>{$mybb->settings['bbname']}</title>
{$headerinclude}
<script type="text/javascript">
<!--
	lang.no_new_posts = "{$lang->no_new_posts}";
	lang.click_mark_read = "{$lang->click_mark_read}";
// -->
</script>
	
	
	
</head>[/code]

Kod rotatorka:

[code]	    <div class="konkursy">
<div class="konkursybg">
<div id="buttons-wrapper">
        <div id="button-previous"><img src="http://ptr-serv.xaa.pl/upload/files/leftstrzalka_57f91ed092ae4.png"></div>
        <div id="button-next"><img src="http://ptr-serv.xaa.pl/upload/files/rightstrzalka_57f91ed092c42.png"></div>
        <div id="slider-wrapper">
        <div id="slider">
            <div class="sp"><div class="cien"><span class="napisnarotator">SOTW#1 &nbsp;&nbsp;WYGRYWA: XYZ/ &nbsp;33 glosy&nbsp;&nbsp;&nbsp;</span></div><img src="http://ptr-serv.xaa.pl/upload/files/rotator1_57f91ed092e3c.png"></div>
            <div class="sp"><div class="cien"><span class="napisnarotator">SOTW#2 &nbsp;&nbsp;WYGRYWA: XYZ/ &nbsp;33 glosy&nbsp;&nbsp;&nbsp;</span></div><img src="http://ptr-serv.xaa.pl/upload/files/rotator2_57f91ed092fcf.png"></div>
            <div class="sp"><div class="cien"><span class="napisnarotator">SOTW#3 &nbsp;&nbsp;WYGRYWA: XYZ/ &nbsp;33 glosy&nbsp;&nbsp;&nbsp;</span></div><img src="http://ptr-serv.xaa.pl/upload/files/rotator1_57f91ed092e3c.png"></div>
            <div class="sp"><div class="cien"><span class="napisnarotator">SOTW#4 &nbsp;&nbsp;WYGRYWA: XYZ/ &nbsp;33 glosy&nbsp;&nbsp;&nbsp;</span></div><img src="http://ptr-serv.xaa.pl/upload/files/rotator2_57f91ed092fcf.png"></div>
        </div>
        </div>
        </div></div>
</div>
</div>
</div>[/code]

.css od rotatorka

[code].konkursy { 
float:right; 
right:0px;
}

.konkursybg { 
background-image: url('http://ptr-serv.xaa.pl/upload/files/wynikikonkursow_57fb8ded4a61f.png'); 
height:161px; 
width:584px; 
position:relative; 
top:17px;
}

.slider-wrapper {
	width:547px; 
	height:101px; 
	margin: 0 auto;
}

.slider {
	width:547px; 
	top:45px;
	right:5px;
	border: 1px solid #366332;
	height:101px; 
	position:relative;
}

.sp {
	width:547px; 
	height:101px; 
	position:absolute;
}

.cien {
	background-color: rgba(0, 0, 0, 0.50);
	width:547px; 
	bottom:0px;
	height:24px;
	position:absolute;
}

.napisnarotator {
	color:#fff;
	font-size: 11px;
	line-height:24px;
	height:24px;
	float:right;
	right:10px;
	font-family: Opensansregular;
}

.buttons-wrapper {
	width: 535px; 
	height:60px; 
	margin: 0 auto; 
}

.button-previous {
	float:left;
	position:relative; 
	left:430px;
	margin-top:10px;
}

.button-next {
	float:right;
	position:relative;
	right:50px; 
	margin-top:10px;
}[/code]

pBartnik · 10 Października 2016

To jest ten link co jest dodany? Bo nie widzę żadnego rotatora ;/

Spr!Nt3R · 13 Października 2016

Ok, jako tako sobie poradziłem, tylko chce go przesunąć i nie mogę :/ Chciałbym przesunąć go w zaznaczone miejsce.
[url=http://imgie.pl/]

[img]http://imgie.pl/uploads/147635316842381.png[/img][/url]

A tutaj kod .css

[code]/* SLIDER */
.slide-partner {height: 150px; width: 400px;margin-top: 50px;}
.slide-partner h4 {background: rgba(12, 49, 66, 0.85); padding: 8px 50px;  border-radius: 4px; color:#fff; float: right;font-weight: 100;}
.slide-partner-bg {background: rgba(12, 49, 66, 0.85); height: 100px; border-radius: 4px; width: 400px;}

/* SLIDER */
.cbp-fwslider {  position: relative; overflow: hidden; width: 400px; height: 100px;margin:  auto; z-index: 1;}
.cbp-fwslider img {width: 400px; height: 100px;}
 .cbp-fwslider ul {margin: 0; padding: 0;white-space: nowrap; list-style-type: none;}
.cbp-fwslider ul li {transform: translateZ(0);float: left;display: block;margin: 0;padding: 0;}
 .cbp-fwslider ul li > a, .cbp-fwslider ul li > div {display: block;text-align: center;outline: none;}
 .cbp-fwslider ul li > a img {border: none;display: block;margin: 0 auto;width: 100%;border-radius: 3px;}
 .cbp-fwslider nav span {position: absolute;top: 50%;margin-top: -15px;width: 30px;height: 30px;background: rgba(0,0,0,0.5);color: #fff;text-align: center;line-height: 30px;cursor: pointer;
 font-weight: normal;border-radius: 4px;} 
.cbp-fwslider nav span:hover {   background: rgba(0,0,0,0.8);}
 .cbp-fwslider nav span.cbp-fwnext {right: 10px;}
 .cbp-fwslider nav span.cbp-fwprev {left: 10px;}
 .cbp-fwdots {position: absolute;bottom: 5px;white-space: nowrap;text-align: center;width: 100%;}
 .cbp-fwdots span {display: inline-block;width: 15px;height: 15px;background: rgba(0,0,0,0.8);margin: 4px;border-radius: 50%;cursor: pointer;}
 .cbp-fwdots span:hover {background: rgba(0,0,0,0.8);}
 .cbp-fwdots span.cbp-fwcurrent {background: rgba(0,0,0,0.8);box-shadow: 0 0 0 3px rgba(0,0,0,0.5);transition: box-shadow 0.2s ease-in-out;}

/* ----------------------- */[/code]

pBartnik · 13 Października 2016

Zostaw ten kod w pliku bo u mnie nie ma tego slidera.

Spr!Nt3R · 13 Października 2016

Zostało podane na SS, gdzie jest banner, a gdzie chcę go umieścić. Dodałem kod .css, to nie wystarczy? Zostawiłbym go na forum, ale użytkownicy się skarżą, a kolega forum nie każe zamykać :P