Skocz do zawartości
Szukaj w
  • Więcej opcji...
Znajdź wyniki, które...
Szukaj wyników w...
Spr!Nt3R

Rotator Bannerów

Rekomendowane odpowiedzi

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

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach
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:

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

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach
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]

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach
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]

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach
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

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się

×