wersja skryptu MyBB: 1.6.10
adres forum:
na czym polega problem (screen, opis, komunikaty):
Chciałbym się zapytać czy wie może ktoś jak zrobić taką linijkę pod logiem, gdzie przepływały by obrazki. Chcę aby pod logiem było takie pole 800 x 220 px w tym polu przepływały by sobie obrazki w prawą stronę. Nie którzy używają takie coś do reklamy banerów. A jak się najedzie na to to się to zatrzymuje. Najlepiej jak by te obrazki tam można by było ręcznie dodawać w acp do tego nazwa pod obrazkiem i pod tym króciutki opis.
Kod:
<marquee truespeed="truespeed" scrollamount="1" scrolldelay="30" onmouseover="this.stop();" onmouseout="this.start();">
<img src="http://cqpolska.pl/images/banners/cqpolska.png" alt="cqpolska.pl">
<img src="http://cqpolska.pl/images/banners/cqpolska.png" alt="cqpolska.pl">
<img src="http://cqpolska.pl/images/banners/cqpolska.png" alt="cqpolska.pl">
<img src="http://cqpolska.pl/images/banners/cqpolska.png" alt="cqpolska.pl">
</marquee>
P.S. Wycięte z moich banerów na stronie z panela bocznego.
Gloverek a można jakoś pod te obrazki dodać Tytuł i krótki opis ? Żeby to razem płynęło ?
Może coś takiego, tylko mam problem z ograniczeniem szerokości opisu pod obrazkiem na przeglądarce Chrome...
Kod:
<style>
.rotator {
width: 800px;
height: 220px;
}
.element {
float: left;
width: 130px;
}
.tytul {
width: 130px;
float: left;
text-align: center;
}
.opis {
width: 130px;
font-family: Georgia, serif;
font-size: 16px;
line-height: 24px;
font-style: italic;
float: left;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
text-shadow: -1px 1px 0 #fff;
text-align: center;
}
</style>
<div class="rotator">
<marquee truespeed="truespeed" scrollamount="1" scrolldelay="30" onmouseover="this.stop();" onmouseout="this.start();" style="
-webkit-marquee-direction: left;
">
<div class="element">
<img src="http://cqpolska.pl/images/banners/cqpolska.png" alt="cqpolska.pl"> <br />
<span class="tytul">Lorem Ipsum</span>
<br />
<span class="opis">Lorem Ipsum jest tekstem stosowanym jako przykładowy wypełniacz w przemyśle poligraficznym.</span>
</div>
<div class="element">
<img src="http://cqpolska.pl/images/banners/cqpolska.png" alt="cqpolska.pl"> <br />
<span class="tytul">Lorem Ipsum</span>
<br />
<span class="opis">Lorem Ipsum jest tekstem stosowanym jako przykładowy wypełniacz w przemyśle poligraficznym.</span>
</div>
</marquee>
</div>
Glover, wiesz może jak oddzielić obrazek od obrazka chociaż 5 px i zeby po kliknięciu na obrazek lub tytuł otwierał się temat?
Tak to wygląda:
http://testkamila.cba.pl
Podaję kod:
Kod:
</style>
<center><strong>Wyróżnione Oferty:</strong></center>
<br>
<div class="rotator">
<marquee truespeed="truespeed" scrollamount="1" scrolldelay="30" onmouseover="this.stop();" onmouseout="this.start();" style="
-webkit-marquee-direction: left;
">
<div class="element">
<img src="http://vpx.pl/i/2013/08/22/bez tytułucF0pT.th.png" alt="cqpolska.pl"> <br />
<span class="tytul">Mój Tytuł</span>
<br />
<span class="opis">Mój Opis</span>
</div>
<div class="element">
<img src="http://vpx.pl/i/2013/08/22/bez tytułucF0pT.th.png" alt="http://testkamila.cba.pl/showthread.php?tid=1&pid=1#pid1"> <br />
<span class="tytul">Mój Tytuł</span>
<br />
<span class="opis">Mój Opis</span>
</div>
</marquee>
</div>
do klasy element dodaj wpis:
padding: 5px;
A co do akcji kliknięcia obrazka to dodaj go do url np.
<a href="http://testkamila.cba.pl/showthread.php?tid=1&pid=1#pid1"><img src="http://vpx.pl/i/2013/08/22/bez tytułucF0pT.th.png" alt="tytul"></a>
A z tym padding: 5px; coś mi nie wychodzi.
To dodaj nbsp; pomiędzy obrazkami. Albo po prostu spację.
Źle dodawałem padding