Spr!Nt3R
-
Postów
22 -
Dołączył
-
Ostatnia wizyta
Typ zawartości
Forum
Pliki
Sklep
Opinie o użytkowniku
Galeria
Odpowiedzi opublikowane przez Spr!Nt3R
-
-
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] -
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>
Kod rotatorka:[/code] [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 WYGRYWA: XYZ/ 33 glosy </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 WYGRYWA: XYZ/ 33 glosy </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 WYGRYWA: XYZ/ 33 glosy </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 WYGRYWA: XYZ/ 33 glosy </span></div><img src="http://ptr-serv.xaa.pl/upload/files/rotator2_57f91ed092fcf.png"></div> </div> </div> </div></div> </div> </div> </div>
.css od rotatorka[/code] [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] -
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ę[/img] -
Witam ! Poszukuję kodu na rotater bannerów, podobny, bądź identyczny do tego co był na starym SpaceCMS. Byłbym naprawdę wdzięczny
Rotator Bannerów
w Zagadnienia webmasterskie
Opublikowano