Tabelka Partnerzy/Sponsorzy różne rodzaje!

**GrzegorzOwczarek** · 18 Października 2013

Dzień dobry.

Przedstawię wam taki mini-tutorial odnośnie tabelki Partnerzy/Sponsorzy.

Każdą tabelkę można zwinąć i rozwinąć. Obrazki mają przekierowanie na daną stronę, która otworzy się w nowej karcie. Dodatkowo po najechaniu myszką na dany obrazek, wyświetla się napis który wcześniej wpisaliśmy w kodzie.

Tabelka nr. 1

Jak to zrobić?

1. Wchodzimy do ACP Look & Feel Manage Skin Sets & Templates (nasz styl) Board Index boardIndexTemplate

2. Edytujemy plik boardIndexTemplate, kod wklejamy na samą górę i zapisujemy plik.

Kod:

        <!-- TABELKA START-->
<div id="" class="category_block block_wrap">
                <h3 id="category_NAZWA" class="maintitle">
                      <a class="toggle right" title="Zmień widoczność tej kategorii" href="#">Zmień widoczność tej kategorii</a>
                      <a title="Wyświetl kategorię" href="#">Partnerzy</a>
                </h3>
<div class="table_wrap">
<table class="ipb_table" summary="Fora w kategorii 'NAZWA'">
<tr class="row2"><td><center><a target="_blank" href="http://www.pukawka.pl/" title="Pukawka.pl"><img src="http://pukawka.pl/_gfx/pukawka_logo.png" alt="Pukawka.pl"></a></center></td></tr>

</table>
</div></div>
        <!-- TABELKA KONIEC-->

Tabelka nr. 2

Jak to zrobić?

1. Wchodzimy do ACP Look & Feel Manage Skin Sets & Templates (nasz styl) Board Index boardIndexTemplate

2. Edytujemy plik boardIndexTemplate, kod wklejamy pod  i zapisujemy plik.

Kod:

        <!-- TABELKA START-->
<div id="" class="category_block block_wrap">
                <h3 id="category_NAZWA" class="maintitle">
                      <a class="toggle right" title="Zmień widoczność tej kategorii" href="#">Zmień widoczność tej kategorii</a>
                      <a title="Wyświetl kategorię" href="#">Partnerzy</a>
                </h3>
<div class="table_wrap">
<table class="ipb_table" summary="Fora w kategorii 'NAZWA'">
<tr class="row2"><td><center><a target="_blank" href="http://www.pukawka.pl/" title="Pukawka.pl"><img src="http://pukawka.pl/_gfx/pukawka_logo.png" alt="Pukawka.pl"></a></center></td></tr>
 
</table>
</div></div>
        <!-- TABELKA KONIEC-->

Tabelka nr. 3

Jak to zrobić?

1. Wchodzimy do ACP Look & Feel Manage Skin Sets & Templates (nasz styl) Board Index boardIndexTemplate

2. Edytujemy plik boardIndexTemplate, kod wklejamy na samą górę i zapisujemy plik.

Kod:

        <!-- TABELKA START-->
<div id="" class="category_block block_wrap">
                <h3 id="category_NAZWA" class="maintitle">
                      <a class="toggle right" title="Zmień widoczność tej kategorii" href="#">Zmień widoczność tej kategorii</a>
                      <a title="Wyświetl kategorię" href="#">Partnerzy</a>
                </h3>
<div class="table_wrap">
<table class="ipb_table" summary="Fora w kategorii 'NAZWA'">
<td><a target="_blank" href="http://www.pukawka.pl/" title="Pukawka.pl"><img src="http://pukawka.pl/_gfx/pukawka_logo.png" alt="Pukawka.pl"></a></td>
<td><a target="_blank" href="http://www.pukawka.pl/" title="Pukawka.pl"><img src="http://pukawka.pl/_gfx/pukawka_logo.png" alt="Pukawka.pl"></a></td>
<td><a target="_blank" href="http://www.pukawka.pl/" title="Pukawka.pl"><img src="http://pukawka.pl/_gfx/pukawka_logo.png" alt="Pukawka.pl"></a></td>
</table>
</div></div>
        <!-- TABELKA KONIEC-->

Tabelka nr. 4

Jak to zrobić?

1. Wchodzimy do ACP Look & Feel Manage Skin Sets & Templates (nasz styl) Board Index boardIndexTemplate

2. Edytujemy plik boardIndexTemplate, kod wklejamy pod  i zapisujemy plik.

Kod:

        <!-- TABELKA START-->
<div id="" class="category_block block_wrap">
                <h3 id="category_NAZWA" class="maintitle">
                      <a class="toggle right" title="Zmień widoczność tej kategorii" href="#">Zmień widoczność tej kategorii</a>
                      <a title="Wyświetl kategorię" href="#">Partnerzy</a>
                </h3>
<div class="table_wrap">
<table class="ipb_table" summary="Fora w kategorii 'NAZWA'">
<td><a target="_blank" href="http://www.pukawka.pl/" title="Pukawka.pl"><img src="http://pukawka.pl/_gfx/pukawka_logo.png" alt="Pukawka.pl"></a></td>
<td><a target="_blank" href="http://www.pukawka.pl/" title="Pukawka.pl"><img src="http://pukawka.pl/_gfx/pukawka_logo.png" alt="Pukawka.pl"></a></td>
</table>
</div></div>
        <!-- TABELKA KONIEC-->

Tabelka nr. 5

Jak to zrobić?

1. Wchodzimy do ACP Look & Feel Manage Skin Sets & Templates (nasz styl) Board Index boardIndexTemplate

2. Edytujemy plik boardIndexTemplate, kod wklejamy pod  i zapisujemy plik.

Kod:

        <!-- TABELKA START-->
<div id="" class="category_block block_wrap">
                <h3 id="category_NAZWA" class="maintitle">
                      <a class="toggle right" title="Zmień widoczność tej kategorii" href="#">Zmień widoczność tej kategorii</a>
                      <a title="Wyświetl kategorię" href="#">Partnerzy</a>
                </h3>
<div class="table_wrap">
<table class="ipb_table" summary="Fora w kategorii 'NAZWA'">
<td><a target="_blank" href="http://www.pukawka.pl/" title="Pukawka.pl"><img src="http://pukawka.pl/_gfx/pukawka_logo.png" alt="Pukawka.pl"></a></td>
<td><a target="_blank" href="http://www.pukawka.pl/" title="Pukawka.pl"><img src="http://pukawka.pl/_gfx/pukawka_logo.png" alt="Pukawka.pl"></a></td>
<tr></tr>
<td><a target="_blank" href="http://www.pukawka.pl/" title="Pukawka.pl"><img src="http://pukawka.pl/_gfx/pukawka_logo.png" alt="Pukawka.pl"></a></td>
<td><a target="_blank" href="http://www.pukawka.pl/" title="Pukawka.pl"><img src="http://pukawka.pl/_gfx/pukawka_logo.png" alt="Pukawka.pl"></a></td>
</table>
</div></div>
        <!-- TABELKA KONIEC-->

Jakby ktoś potrzebował jeszcze losowych obrazków to podaję kod tutaj, ponieważ nie mogę edytować tematu.

Ilość nieograniczona. Wystarczy za każdym kodem dodać przecinek. W ostatnim kodzie reklamy nie dodajemy przecinku.

Instalacja tak jak wyżej opisana. Do wyboru.

Kod:

        <!-- TABELKA START-->
<div id="" class="category_block block_wrap">
                <h3 id="category_NAZWA" class="maintitle">
                      <a class="toggle right" title="Zmień widoczność tej kategorii" href="#">Zmień widoczność tej kategorii</a>
                      <a title="Wyświetl kategorię" href="#">Reklama</a>
                </h3>
<div class="table_wrap">
 
<script type="text/javascript">
// <![CDATA[
Array.prototype.random = function(limit)
{
if (typeof limit == 'undefined' || limit < 0) limit = 1;
else if (!limit) limit = this.length;
for (var i = 0, source = this, target = new Array(), n = source.length; i < limit && n > 0; i++)
{
do { var index = Math.random(); } while (index == 1);
index = Math.floor(index * n);
target.push(source[index]);
source[index] = source[--n];
}
return target;
}
 
document.write(new Array(
// Tu wpisz kolejne elementy:
 
'<center><a target="_blank" href="http://www.pukawka.pl/" title="Pukawka.pl"><img src="http://pukawka.pl/_gfx/pukawka_logo.png" alt="Pukawka.pl"></a></center>',
'<center><a target="_blank" href="http://www.pukawka.pl/" title="Pukawka.pl"><img src="http://6lat.pukawka.pl/img/pukawka_logo.png" alt="Pukawka.pl"></a></center>',
'<center><a target="_blank" href="http://www.pukawka.pl/" title="Pukawka.pl"><img src="http://counter-strike-download.net/owo/pukawka_new_logo.png" alt="Pukawka.pl"></a></center>',
'<center><a target="_blank" href="http://www.pukawka.pl/" title="Pukawka.pl"><img src="http://6lat.pukawka.pl/img/pukawka_logo_2006.gif" alt="Pukawka.pl"></a></center>'
 
).random().join(''));
// ]]>
</script>
 
</table>
</div></div>
        <!-- TABELKA KONIEC-->

Żeby usunąć możliwość zwijania i rozwijania tabelki wystarczy usunąć ten kod:

<a class="toggle right" title="Zmień widoczność tej kategorii" href="#">Zmień widoczność tej kategorii</a>

Edytowane 19 Października 2013 przez Macsch15

**Amfidiusz** · 18 Października 2013

http://forum.invisionize.pl/topic/7506-wlasna-tabela-na-stronie-glownej/

**Sensual** · 18 Października 2013

Ciekawe, leci reputacja

**Gloris** · 18 Października 2013

Dzięki można by było powiedzieć że tego szukałem a co do tematu Amfideusza niby już jest ,ale ten jest bardziej przejrzysty i rozwinięty

**Amfidiusz** · 19 Października 2013

Kodowanie emotek się posypało, więc i ciężej się czyta. Poza tym był pisany do wersji 3.2, więc i tak był przestarzały.

W jaki sposób nowy tutek jest bardziej rozwinięty?

**GrzegorzOwczarek** · 19 Października 2013

Kodowanie emotek się posypało, więc i ciężej się czyta. Poza tym był pisany do wersji 3.2, więc i tak był przestarzały.

W jaki sposób nowy tutek jest bardziej rozwinięty?

Są opisane dwie opcje do wyboru w którym miejscu może się znajdować. Dodatkowo jest bardziej przejrzysty. Nie mam na myśli że twój jest zły, tylko powiedzmy sobie szczerze jest już trochę przestarzały, dodatkowo kilka kodów jest podanych w tamtym temacie, niektórzy dalej w temacie nie wiedzieli jak go dodać. Zrobiłem go tylko właśnie po to.

**Amfidiusz** · 19 Października 2013

Dwie opcje do wyboru? U mnie tego nie było? Ba, była nawet możliwość ukrycia zwijania tej listy, żeby użytkownik nie mógł sobie sam wyłączać reklam

A że przestarzały, to się zgodzę. Fajnie, że robicie poradniki do nowych wersji

**GrzegorzOwczarek** · 19 Października 2013

Dwie opcje do wyboru? U mnie tego nie było? Ba, była nawet możliwość ukrycia zwijania tej listy, żeby użytkownik nie mógł sobie sam wyłączać reklam

A że przestarzały, to się zgodzę. Fajnie, że robicie poradniki do nowych wersji

No gdyby była możliwość edycji tematu bez potrzeby pisania do Moderatora to by tutaj też to było

**skilledovv** · 19 Października 2013

A można przerobić ten kod z pkt. 4 się przesuwał? Tzn taki rotator

**teez** · 19 Października 2013

Spróbuj:

<marquee width="100%" direction="left" behavior="scroll" truespeed="truespeed" scrolldelay="12" scrollamount="4" onmouseover="this.stop()" onmouseout="this.start()">
<img src="obrazek" alt="Obrazek">
</marquee>

**skilledovv** · 19 Października 2013

A jak dodać poprawnie kilka obrazków? Tzn tak jeden za drugim ?

**teez** · 19 Października 2013

</marquee>

**skilledovv** · 19 Października 2013

A w które miejsce w twoim kodzie można dodać jak w poradniku wyżej ( title="Pukawka.pl"> ) <- już raczej wiesz o co chodzi ;d

**GrzegorzOwczarek** · 19 Października 2013

A w które miejsce w twoim kodzie można dodać jak w poradniku wyżej ( title="Pukawka.pl"> ) <- już raczej wiesz o co chodzi ;d

Bez przekierowania:

<marquee width="100%" direction="left" behavior="scroll" truespeed="truespeed" scrolldelay="12" scrollamount="4" onmouseover="this.stop()" onmouseout="this.start()">
<img src="http://6lat.pukawka.pl/img/pukawka_logo_2006.gif" alt="Obrazek" title="Pukawka.pl">
<img src="http://6lat.pukawka.pl/img/pukawka_logo_2006.gif" alt="Obrazek" title="Pukawka.pl">
<img src="http://6lat.pukawka.pl/img/pukawka_logo_2006.gif" alt="Obrazek" title="Pukawka.pl">
<img src="http://6lat.pukawka.pl/img/pukawka_logo_2006.gif" alt="Obrazek" title="Pukawka.pl">
</marquee>

Z przekierowaniem:

<marquee width="100%" direction="left" behavior="scroll" truespeed="truespeed" scrolldelay="12" scrollamount="4" onmouseover="this.stop()" onmouseout="this.start()">
<a target="_blank" href="http://www.pukawka.pl/"><img src="http://6lat.pukawka.pl/img/pukawka_logo_2006.gif" alt="Obrazek" title="Pukawka.pl">
<a target="_blank" href="http://www.pukawka.pl/"><img src="http://6lat.pukawka.pl/img/pukawka_logo_2006.gif" alt="Obrazek" title="Pukawka.pl">
<a target="_blank" href="http://www.pukawka.pl/"><img src="http://6lat.pukawka.pl/img/pukawka_logo_2006.gif" alt="Obrazek" title="Pukawka.pl">
<a target="_blank" href="http://www.pukawka.pl/"><img src="http://6lat.pukawka.pl/img/pukawka_logo_2006.gif" alt="Obrazek" title="Pukawka.pl">
</marquee>

Edytowane 19 Października 2013 przez GrzegorzOwczarek

**BitGit** · 19 Października 2013

Albo żeby było jeszcze fajniej: zamiast title="" wklej sobie:

data-tooltip="tutaj_tekst/opis"

żeby Ci wyszło coś takiego:

<img data-tooltip="twój_tekst" src="adres obrazka" alt="opis obrazka">

będziesz miał wyświetlany dymek

**skilledovv** · 19 Października 2013

 <!-- TABELKA START-->
<marquee width="100%" direction="left" behavior="scroll" truespeed="truespeed" scrolldelay="50" scrollamount="4" onmouseover="this.stop()" onmouseout="this.start()">
<a target="_blank" href="http://www.Cs-Network.pl/"><img src="http://www.cs-network.pl/uploads/images/CS-N-1382211532-U2.gif" alt="Obrazek"  data-tooltip="Banner sieci Cs-Network"
<a target="_blank" href="http://www.Cs-Network.pl/"><img src="http://gameserv.pl/reklama/400x60-1.gif" alt="Obrazek"  data-tooltip="Sponsor serwera Zombie Escape"
<a target="_blank" href="http://www.Cs-Network.pl/"><img src="http://www.postrzelaj.pl/images/ban/4-68x60.gif" alt="Obrazek"  data-tooltip="Sponsor serwera SoccerJam"
</marquee>
                <!-- TABELKA KONIEC-->

Można wiedzieć czego tu nie zamknąłem że całe forum mi jeździ?

**GrzegorzOwczarek** · 19 Października 2013

Albo żeby było jeszcze fajniej: zamiast title="" wklej sobie:
data-tooltip="tutaj_tekst/opis"
żeby Ci wyszło coś takiego:
<img data-tooltip="twój_tekst" src="adres obrazka" alt="opis obrazka"> 
będziesz miał wyświetlany dymek

Dobry pomysł, lecz chyba lepsze będzie to? Opis z przekierowaniem?

Wkleiłem to z losowania obrazków..

Kod:

        <!-- TABELKA START-->
<div id="" class="category_block block_wrap">
                <h3 id="category_NAZWA" class="maintitle">
                      
                      <a title="Wyświetl kategorię" href="#">Reklama<br>Jeśli chcesz żeby twoja reklama tutaj była napisz do PL_Grzegorz'a</a>
                </h3>
<div class="table_wrap">
 
<script type="text/javascript">
// <![CDATA[
Array.prototype.random = function(limit)
{
if (typeof limit == 'undefined' || limit < 0) limit = 1;
else if (!limit) limit = this.length;
for (var i = 0, source = this, target = new Array(), n = source.length; i < limit && n > 0; i++)
{
do { var index = Math.random(); } while (index == 1);
index = Math.floor(index * n);
target.push(source[index]);
source[index] = source[--n];
}
return target;
}
 
document.write(new Array(
// Tu wpisz kolejne elementy:
 
'<center><a target="_blank" href="http://www.pukawka.pl/" title="Pukawka.pl"><img data-tooltip="Pukawka.pl to marka firmy Open Makers, która od 2002 roku dostarcza profesjonalne aplikacje webowe i powiązane z nimi systemy informatyczne. Jesteśmy doświadczonym zespołem adminów, programistów i wdrożeniowców, których łączy wspólna pasja. Nasze wieloletnie doświadczenie w tworzeniu i wdrażaniu rozwiązań informatycznych opartych o system Linux gwarantuje najwyższą jakość i fachowość zastosowanych rozwiązań." src="http://6lat.pukawka.pl/img/pukawka_logo.png"></center>'
 
).random().join(''));
// ]]>
</script>
 
</table>
</div></div>
        <!-- TABELKA KONIEC-->

skilledovv, dnia 19 Paź 2013 - 21:48, napisał:



<marquee width="100%" direction="left" behavior="scroll" truespeed="truespeed" scrolldelay="50" scrollamount="4" onmouseover="this.stop()" onmouseout="this.start()">

<a target="_blank" href="http://www.Cs-Network.pl/"><img src="http://www.cs-network.pl/uploads/images/CS-N-1382211532-U2.gif" alt="Obrazek" data-tooltip="Banner sieci Cs-Network"

<a target="_blank" href="http://www.Cs-Network.pl/"><img src="http://gameserv.pl/reklama/400x60-1.gif" alt="Obrazek" data-tooltip="Sponsor serwera Zombie Escape"

<a target="_blank" href="http://www.Cs-Network.pl/"><img src="http://www.postrzelaj.pl/images/ban/4-68x60.gif" alt="Obrazek" data-tooltip="Sponsor serwera SoccerJam"

</marquee>



Można wiedzieć czego tu nie zamknąłem że całe forum mi jeździ?

A gdzie to wkleiłeś?

Edytowane 19 Października 2013 przez GrzegorzOwczarek

**skilledovv** · 19 Października 2013

wg. instrukcji z tabelki nr.4

1. Wchodzimy do ACP Look & Feel Manage Skin Sets & Templates (nasz styl) Board Index boardIndexTemplate
2. Edytujemy plik boardIndexTemplate, kod wklejamy pod  i zapisujemy plik.

**GrzegorzOwczarek** · 19 Października 2013

wg. instrukcji z tabelki nr.4

1. Wchodzimy do ACP Look & Feel Manage Skin Sets & Templates (nasz styl) Board Index boardIndexTemplate

2. Edytujemy plik boardIndexTemplate, kod wklejamy pod  i zapisujemy plik.

No tak, ale nie zastosowałeś kodu który ja podałem. To co podał Teez wklej do tego mojego kodu który ja podałem. (musisz to zamienić)

Masz.

        <!-- TABELKA START-->
<div id="" class="category_block block_wrap">
                <h3 id="category_NAZWA" class="maintitle">
                      <a class="toggle right" title="Zmień widoczność tej kategorii" href="#">Zmień widoczność tej kategorii</a>
                      <a title="Wyświetl kategorię" href="#">Partnerzy</a>
                </h3>
<div class="table_wrap">
<marquee width="100%" direction="left" behavior="scroll" truespeed="truespeed" scrolldelay="12" scrollamount="4" onmouseover="this.stop()" onmouseout="this.start()">
<a target="_blank" href="http://www.pukawka.pl/"><img src="http://6lat.pukawka.pl/img/pukawka_logo_2006.gif" alt="Obrazek" title="Pukawka.pl">
<a target="_blank" href="http://www.pukawka.pl/"><img src="http://6lat.pukawka.pl/img/pukawka_logo_2006.gif" alt="Obrazek" title="Pukawka.pl">
<a target="_blank" href="http://www.pukawka.pl/"><img src="http://6lat.pukawka.pl/img/pukawka_logo_2006.gif" alt="Obrazek" title="Pukawka.pl">
<a target="_blank" href="http://www.pukawka.pl/"><img src="http://6lat.pukawka.pl/img/pukawka_logo_2006.gif" alt="Obrazek" title="Pukawka.pl">
</marquee>
</table>
</div></div>
        <!-- TABELKA KONIEC-->

Edytowane 19 Października 2013 przez GrzegorzOwczarek

**BitGit** · 19 Października 2013

Nie zamknąłeś odnośnika a href

<a target="_blank" href="http://www.Cs-Network.pl/"><img src="http://www.cs-network.pl/uploads/images/CS-N-1382211532-U2.gif" alt="Obrazek"  data-tooltip="Banner sieci Cs-Network"

na końcu linii musisz dodać ></a> tak żeby było ... alt="Obrazek" data-tooltip="Banner sieci Cs-Network"></a>

**skilledovv** · 19 Października 2013

Jak możecie zobaczyć to wbijcie na forum w profilu, mam teraz zrobione dobrze, lecz jak ustawić aby ten opis wyświetlał się nad bannerem, a nie gdzieś obok?

cały kod:

<!-- TABELKA START-->
<marquee width="100%" direction="left" behavior="scroll" truespeed="truespeed" scrolldelay="50" scrollamount="4" onmouseover="this.stop()" onmouseout="this.start()">
<a target="_blank" href="http://www.Cs-Network.pl/"><img src="http://www.cs-network.pl/uploads/images/CS-N-1382211532-U2.gif" alt="Obrazek"  data-tooltip="Banner sieci Cs-Network"></a> 
<a target="_blank" href="http://www.Cs-Network.pl/"><img src="http://gameserv.pl/reklama/400x60-1.gif" alt="Obrazek"  data-tooltip="Sponsor serwera Zombie Escape"></a> 
<a target="_blank" href="http://www.Cs-Network.pl/"><img src="http://www.postrzelaj.pl/images/ban/4-68x60.gif" alt="Obrazek"  data-tooltip="Sponsor serwera SoccerJam"></a> 
</marquee>
                <!-- TABELKA KONIEC-->

**BitGit** · 19 Października 2013

Tu raczej nic nie poradzę, bo tooltip ma w css ustawione centrowanie. Masz dwa obrazki, które płyną i on nie nadąża niestety za nimi - wyświetla się pośrodku każdego z nich (od chwili wczytania obrazka) widać to na przykładzie pierwszego obrazka.. Zostaje chyba jedynie powrót do smętnego tilte="" Bardzo mi przykro , dla potomnych: tooltip jest tylko dla statycznych obrazów

Macsch15 · 19 Października 2013

I bardzo dobrze, aktualnie nie uznaje się treści "ruszających się" w marquee tak samo jak samo włączających się czadowych odtwarzaczy mp3. "Cool kids use it."

Zaloguj się

Tabelka Partnerzy/Sponsorzy różne rodzaje!

Rekomendowane odpowiedzi

GrzegorzOwczarek

Amfidiusz

Sensual

Gloris

Amfidiusz

GrzegorzOwczarek

Amfidiusz

GrzegorzOwczarek

skilledovv

teez

skilledovv

teez

skilledovv

GrzegorzOwczarek

BitGit

skilledovv

GrzegorzOwczarek

skilledovv

GrzegorzOwczarek

BitGit

skilledovv

BitGit

Macsch15

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

Zarejestruj nowe konto

Zaloguj się

Ostatnio przeglądający 0 użytkowników

Pliki

Cała aktywność

Przeglądaj

Powiadomienie o plikach cookie