Webboard

Pełna wersja: Sponsorzy przewijani
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
wersja skryptu MyBB: 1.6.5
adres forum: Master-Shot.xaa.pl
na czym polega problem (screen, opis, komunikaty, nazwa i wersja wtyczki):

Zatem szukałem po google, żeby nie było i nie znalazłem nic konkretnego, czyli mogę być pierwszą osoba zadające takie pytanie. Wie ktoś jak dodać tabelę z partnerami/sponsorami na forum z mybb 1.6.5 oraz czy mógłby ktoś podać ten kod? Przykładowy kod z np 2-3 obrazkami przewijającymi się, wyjaśnić gdzie to dodać i w najlepszym wypadku jak powielić ilość obrazków itd. Miliona w zamian nie mam, ale wdzięczny będę naprawdę :)

http://screenshooter.net/100243845/xfrotgj
http://screenshooter.net/100243845/kqeohwi

Modyfikacja ta znajduję się na forum http://skill-shot.pl/
Kod:
<marquee behavior="scroll" align="center" direction="left" height="85" speed="0.7" scrollamount="3" scrolldelay="20" onmouseover="this.stop()" onmouseout="this.start()">
<a href="#"><img src="#" alt="Tekst" /></a>
</marquee>
Uwzględniając linki.
Bardzo panu dziękuję. Dodam jeszcze, że jak ktoś chce to na stronę główną dodać to niech wklei w index np nad shoutboxem czy pod tabela serwerów bądź headerem ten kod:

Kod:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="sideblock">
<tr>
<td class="thead"><strong>
<center>Sponsorzy/Partnerzy:</center>
</strong></td>
</tr>
<tr>
<td class="trow1">
<center><marquee behavior="scroll" align="center" direction="left"
height="85" speed="0.7" scrollamount="3" scrolldelay="20"
onmouseover="this.stop()" onmouseout="this.start()">

<a href="http://master-shot.xaa.pl"><img src="http://master-shot.xaa.pl/images/twojareklama.png"/></a>
<a href="http://master-shot.xaa.pl"><img src="http://master-shot.xaa.pl/images/twojareklama.png"/></a>

</marquee></center>
</td>
</td>
</tr>
</table>

Temat można zamknąć :)
Witam. Troszkę odświeżę temat.

Interesuje mnie dodanie do tego ostatniego kodu takiego efektu, że banery będą trochę przyciemnione a po najechaniu będą się rozjaśniały, ale aby to rozjaśnianie i ściemnianie było takie łagodne w przejściach.

Pozdrawiam.
Obrazkom z reklamami nadaj klasę i ostyluj np. w taki sposób
Kod:
.advert{
 opacity: 0.7;
 transition: opacity 2s;
}
.advert:hover{
 opacity:1;
}
Wiesz co mój kod tabeli wygląda tak:


Kod:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="sideblock">
<tr>
<td class="thead"><strong>
<center>Te serwisy polecamy!:</center>
</strong></td>
</tr>
<tr>
<td class="trow1">
<center><marquee behavior="scroll" align="center" direction="left"
width="880" height="75" speed="0.7" scrollamount="5" scrolldelay="20"
onmouseover="this.stop()" onmouseout="this.start()">

<a href="http://http://et.trackbase.net/"><img src="http://et.trackbase.net/img/tb_logo.png" id=foto /></a>
<a href="https://www.etlegacy.com/"><img src="https://www.etlegacy.com/images/logo.png"/></a>
<a href="https://wolfeket.pl/news.php"><img src="https://wolfeket.pl/images/wolfek.png"/></a>
<a href="http://www.pukawka.pl/pp,piotrekbrt.html"><img src="http://etmania.pl/polecane/pukawka_logo_10lat.png"/></a>
<a href="http://etmods.net/"><img src="http://etmods.net/images/etmods_logo_tr.png"/></a>

</marquee></center>
</td>
</td>
</tr>
</table>


Dodałem pierwszy obrazek ale nie ma żadnego efektu.
Może faktycznie na pierwszy rzut oka nie widać efektu bo podałem przykładowe wartości atrybutów, zmień początkowe opacity na 0.5, a transition na 0.5s, wtedy będzie widać efekt, tak w ogóle do stylowania nie używa się id ;). A, no i poza tym masz na końcu kodu 2 </td> zamiast jednego.
Tutaj demo gdybyś miał jeszcze wątpliwości: https://jsfiddle.net/ho2gncL5/
Kurcza wszystko pięknie działa bez zarzutu u Ciebie na demie, aczkolwiek ja dodaję pod SB w szablonie  strona główna/index:

Kod:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="sideblock">
<tr>
<td class="thead">
<strong><center>Te serwisy polecamy!:</center></strong>
</td>
</tr>
<tr>
<td class="trow1">
<center>
<marquee behavior="scroll" align="center" direction="left" width="880" height="75" speed="0.7" scrollamount="5" scrolldelay="20" onmouseover="this.stop()" onmouseout="this.start()">
<a href="http://http://et.trackbase.net/"><img class="advert" src="http://et.trackbase.net/img/tb_logo.png" id=foto /></a>
<a href="https://www.etlegacy.com/"><img class="advert" src="https://www.etlegacy.com/images/logo.png"/></a>
<a href="https://wolfeket.pl/news.php"><img class="advert" src="https://wolfeket.pl/images/wolfek.png"/></a>
<a href="http://www.pukawka.pl/pp,piotrekbrt.html"><img class="advert" src="http://etmania.pl/polecane/pukawka_logo_10lat.png"/></a>
<a href="http://etmods.net/"><img class="advert" src="http://etmods.net/images/etmods_logo_tr.png"/></a>
</marquee>
</center>
</td>
</tr>
</table>
A w globall.css


Kod:
.advert{
  opacity:0.5;
  transition:opacity 0.5s;
}
.advert:hover{
  opacity:1;
}
body{
  background:#000;
}


i efektu nadal nie ma może coś blokuje? Można podejrzeć na etmania.pl
Używasz uBlocka albo innego blockera reklam? Jeżeli tak, to zapewne w tym leży problem. Spróbuj zmienić nazwę klasy advert na jakąś inną.