Poprzedni temat «» Następny temat
Forum Images - Bez FTP!
Autor Wiadomość
Bartez 
Wysłany: 2010-11-24, 08:28   Forum Images - Bez FTP!      



Pomógł: 130 razy
Dołączył: 07 Lip 2009
Posty: 1516
Wiele osób zawsze chciało i pytało, czy można zamiast domyślnych ikonek stylu wrzucić własne. Od dziś jest to możliwe!

Cytat:
<script src=http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js></script>


<script>

function cher(dzial, wiersz, z, bez) {

var offset = dzial.charAt(0) == 'c' ? 2 : 1;

$dzial = $('#hc_' + dzial);
$wiersz = $dzial.find('tr:nth-child(' + (wiersz + offset) + ')');
$kolumna = $wiersz.find('td:nth-child(1)');


$img = $kolumna.find('img');

if($img.attr('title') == 'Nowe posty')
$img.attr('src', z);
else
$img.attr('src', bez);
$img.css({borderWidth: 1, borderStyle: 'solid', borderColor: '#555'}).show();

}

$(document).ready(function() {



cher('c1', 1, 'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/10k-1.jpg',

'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/10k.jpg');
cher('c1', 2, 'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/91k-1.jpg',

'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/91k.jpg');
cher('c1', 3, 'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/96k-1.jpg',

'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/96k.jpg');
cher('c1', 4, 'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/89k-1.jpg',

'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/89k.jpg');
cher('c1', 5, 'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/00s1.jpg',

'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/th00s1.jpg');
cher('c1', 6, 'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/00s2.jpg',

'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/th00s2.jpg');


cher('c5', 1, 'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/00s3.jpg',

'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/th00s3.jpg');
cher('c5', 2, 'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/00s4.jpg',

'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/th00s4.jpg');
cher('c5', 3, 'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/00s5.jpg',

'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/th00s5.jpg');


cher('c6', 1, 'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/00s6.jpg',

'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/th00s6.jpg');
cher('c6', 2, 'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/80s2.jpg',

'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/th80s2.jpg');
cher('c6', 3, 'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/rayk-1.jpg',

'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/rayc-1.jpg');




cher('f16', 1, 'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/90s3.jpg',

'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/th90s3.jpg');


cher('c7', 1, 'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/90s4.jpg',

'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/th90s4.jpg');
cher('c7', 2, 'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/90s5.jpg',

'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/th90s5.jpg');


cher('f17', 1, 'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/80s1.jpg',

'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/th80s1.jpg');


//facebook like
if(location.pathname == '/' || location.pathname == '/index.php') {
$div = $('<div />').css('position', 'relative').append($('<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fcher.feen.pl&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=dark&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px; position: absolute; top: -33px; left: 35px" allowTransparency="true"></iframe>'));

$('td.bodyline table:eq(1) td:eq(1)').append($div);

}


});

</script>


Przydatne zwłaszcza dla for wielotematycznych, które zawsze wklejały ikonki obok.
W odpowiednie miejsce wklejamy link do obrazka i id fora.

Powiem dokładnie jak to działą gdy sam dokładnie pokombinuje z tym kodem, chyba że ktoś to zrobi przede mną ;p
Profil
PW Email Cytuj
Azjax
Wysłany: 2010-11-26, 09:35         


Pomógł: 4 razy
Dołączył: 08 Lis 2010
Posty: 78
Bardzo przydatne :)
A czy jest możliwość dodania więcej ikonek ? Tych linków ? :luka:
Profil
PW Email Cytuj
Bartez 
Wysłany: 2010-11-26, 14:54         



Pomógł: 130 razy
Dołączył: 07 Lip 2009
Posty: 1516
To znaczy? Nie wiem, o co Ci chodzi.
Profil
PW Email Cytuj
lodzio 
Wysłany: 2010-11-27, 09:37    Adres Forum: www.zlotylot.pl      


Pomógł: 1 raz
Dołączył: 23 Lis 2006
Posty: 30
Bardzo fajne takiego czegoś nie widziałem fajny skrypcik :super:
_________________
Nienawiść jest brzemieniem.Życie jest zbyt krótkie żeby ciągle chodzić wkurzonym,nie warto.
Dobrze zakończyć prace cytatem.Nikt nie może tracić z oczu tego, czego pragnie, nawet kiedy przychodzą chwile, gdy zdaje się, że świat i inni są silniejsi. Sekret tkwi w tym, by się nie poddać.
Profil
PW Email www Cytuj
GameOver
Wysłany: 2010-12-05, 16:18         
Koniec Gry!


Pomógł: 1 raz
Dołączył: 06 Lip 2010
Posty: 25
A gdzie ten kod wkleić?
Profil
PW Email Cytuj
Łukasz 
Wysłany: 2010-12-06, 23:58    Adres Forum: http://agro.morow.pl      


Pomógł: 100 razy
Wiek: 26
Dołączył: 02 Cze 2007
Posty: 2097
GameOver napisał/a:
A gdzie ten kod wkleić?

obstawiam że np "baner w nagłówku :)
_________________
http://agro.morow.pl - Agroturystyka Nysa
Profil
PW Email Cytuj
GameOver
Wysłany: 2011-01-07, 22:24   Re: Forum Images - Bez FTP!      
Koniec Gry!


Pomógł: 1 raz
Dołączył: 06 Lip 2010
Posty: 25
Cytat:
<script src=http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js></script>


<script>

function cher(dzial, wiersz, z, bez) {

var offset = dzial.charAt(0) == 'c' ? 2 : 1;

$dzial = $('#hc_' + dzial);
$wiersz = $dzial.find('tr:nth-child(' + (wiersz + offset) + ')');
$kolumna = $wiersz.find('td:nth-child(1)');


$img = $kolumna.find('img');

if($img.attr('title') == 'Nowe posty')
$img.attr('src', z);
else
$img.attr('src', bez);
$img.css({borderWidth: 1, borderStyle: 'solid', borderColor: '#555'}).show();

}

$(document).ready(function() {



cher('c1', 1, 'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/10k-1.jpg',

'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/10k.jpg');
cher('c1', 2, 'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/91k-1.jpg',

'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/91k.jpg');
cher('c1', 3, 'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/96k-1.jpg',

'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/96k.jpg');
cher('c1', 4, 'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/89k-1.jpg',

'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/89k.jpg');
cher('c1', 5, 'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/00s1.jpg',

'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/th00s1.jpg');
cher('c1', 6, 'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/00s2.jpg',

'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/th00s2.jpg');


cher('c5', 1, 'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/00s3.jpg',

'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/th00s3.jpg');
cher('c5', 2, 'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/00s4.jpg',

'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/th00s4.jpg');
cher('c5', 3, 'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/00s5.jpg',

'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/th00s5.jpg');


cher('c6', 1, 'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/00s6.jpg',

'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/th00s6.jpg');
cher('c6', 2, 'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/80s2.jpg',

'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/th80s2.jpg');
cher('c6', 3, 'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/rayk-1.jpg',

'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/rayc-1.jpg');




cher('f16', 1, 'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/90s3.jpg',

'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/th90s3.jpg');


cher('c7', 1, 'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/90s4.jpg',

'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/th90s4.jpg');
cher('c7', 2, 'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/90s5.jpg',

'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/th90s5.jpg');


cher('f17', 1, 'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/80s1.jpg',

'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/th80s1.jpg');


//facebook like
if(location.pathname == '/' || location.pathname == '/index.php') {
$div = $('<div />').css('position', 'relative').append($('<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fcher.feen.pl&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=dark&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px; position: absolute; top: -33px; left: 35px" allowTransparency="true"></iframe>'));

$('td.bodyline table:eq(1) td:eq(1)').append($div);

}


});

</script>


Mógł byś napisać gdzie wkleić własne ikony? to coś nie wychodzi :zalamany:

Przydatne zwłaszcza dla for wielotematycznych, które zawsze wklejały ikonki obok.
W odpowiednie miejsce wklejamy link do obrazka i id fora.

Powiem dokładnie jak to działą gdy sam dokładnie pokombinuje z tym kodem, chyba że ktoś to zrobi przede mną ;p[/quote]
Profil
PW Email Cytuj
Mav 
Wysłany: 2011-01-08, 11:37    Adres Forum: chciałbyś, prawda?      
Obserwuje Cię



Pomógł: 99 razy
Wiek: 19
Dołączył: 26 Gru 2008
Posty: 1302
Skąd: Koszalin
Ostrzeżeń:
 2/3/6
Nikt wam nie odpowiedział, o co chodzi z tym kodem, więc może ja wam wytłumaczę, ten kod, który podał wam stworzyciel tematu (wybacz, zapomniałem nicku), wklejacie do
"Banner w nagłówku forum"
Aby się tam dostać wejdźcie w
Panel administracyjny --> Konfiguracja --> Strony głównej, wklejacie go tam.

Teraz podam wam legendę, która wam się bardzo przyda.

  • POGRUBIENIE - Jest to link do którejś grafiki przy nazwie działu
  • POCHYLENIE - Oznacza, który jest to dział.


No dobra, no to zacznijmy od pokazania wam, wszystkich grafik, które się tutaj znajdują.
Na cele tego poradnika, znalazłem w necie, jakieś ikony do działów, które będę zamieniał.

Kod skryptu:
Cytat:

<script src=http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js></script>


<script>

function cher(dzial, wiersz, z, bez) {

var offset = dzial.charAt(0) == 'c' ? 2 : 1;

$dzial = $('#hc_' + dzial);
$wiersz = $dzial.find('tr:nth-child(' + (wiersz + offset) + ')');
$kolumna = $wiersz.find('td:nth-child(1)');


$img = $kolumna.find('img');

if($img.attr('title') == 'Nowe posty')
$img.attr('src', z);
else
$img.attr('src', bez);
$img.css({borderWidth: 1, borderStyle: 'solid', borderColor: '#555'}).show();

}

$(document).ready(function() {



cher('c1', 1, 'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/10k-1.jpg',

'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/10k.jpg');
cher('c1', 2, 'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/91k-1.jpg',

'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/91k.jpg');
cher('c1', 3, 'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/96k-1.jpg',

'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/96k.jpg');
cher('c1', 4, 'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/89k-1.jpg',

'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/89k.jpg');
cher('c1', 5, 'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/00s1.jpg',

'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/th00s1.jpg');
cher('c1', 6, 'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/00s2.jpg',

'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/th00s2.jpg');


cher('c5', 1, 'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/00s3.jpg',

'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/th00s3.jpg');
cher('c5', 2, 'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/00s4.jpg',

'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/th00s4.jpg');
cher('c5', 3, 'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/00s5.jpg
',

'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/th00s5.jpg');


cher('c6', 1, 'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/00s6.jpg',

'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/th00s6.jpg');
cher('c6', 2, 'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/80s2.jpg
',

'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/th80s2.jpg');
cher('c6', 3, 'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/rayk-1.jpg
',

'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/rayc-1.jpg');




cher('f16', 1, 'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/90s3.jpg',

'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/th90s3.jpg');


cher('c7', 1, 'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/90s4.jpg',

'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/th90s4.jpg');
cher('c7', 2, 'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/90s5.jpg',

'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/th90s5.jpg');


cher('f17', 1, 'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/80s1.jpg',

'http://i77.photobucket.com/albums/j61/cdyaro/Cher%20Forum/th80s1.jpg');


//facebook like
if(location.pathname == '/' || location.pathname == '/index.php') {
$div = $('<div />').css('position', 'relative').append($('<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fcher.feen.pl&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=dark&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px; position: absolute; top: -33px; left: 35px" allowTransparency="true"></iframe>'));

$('td.bodyline table:eq(1) td:eq(1)').append($div);

}


});

</script>


Jak widzisz, zaznaczyłem w kodzie wszystkie linki, oraz udało mi się rozwiązać tzw. zagadkę.
Cher, który się pojawia przy prawie każdym wersie, obok linku to jest nasz dział, a te liczby to jest liczba działu (tak sądzę). Niektórzy spytają, dlaczego są 2-3 linki do zdjęć, ponieważ, gdy ktoś wejdzie, to w jednym będzie "Dużo wiadomośći", w drugim "Mniej wiadomośći", a w trzecim "Nie będzie nowych wiadomości", dlatego dla każdego z nich jest potrzebny inny.

Aktualnie nie mam czasu, dlatego to co teraz udało mi się rozwiązać, dokończę potem.

Moje pracę można obserwować na moim testowym forum
Testowomava.jun.pl

Pozdrawiam,
Mav.
_________________
Byłem, ale już mnie nie ma.
Profil
PW Cytuj
jaroox1
Wysłany: 2011-05-15, 18:35         

Dołączył: 04 Maj 2011
Posty: 8
Trochę tego nie ogarniam, pomógł by mi ktoś takie coś ustawić na moim forum. Proszę o kontakt na gg
18484340
_________________
http://vpos.jun.pl
www.vpos.jun.pl
ZAPRASZAM !
Profil
PW Email Cytuj
Lubel 
Wysłany: 2014-03-20, 12:19         



Pomógł: 31 razy
Wiek: 19
Dołączył: 10 Sie 2010
Posty: 542
Skąd: Poznań
UWAGA! Błąd w modyfikacji. Po wklejeniu w Ogłoszeniu pojawia się link do polubienia fan page`a, aby temu zaradzić usuń z kodu wiersz:
Kod:
//facebook like
if(location.pathname == '/' || location.pathname == '/index.php') {
$div = $('<div />').css('position', 'relative').append($('<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fcher.feen.pl&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=dark&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px; position: absolute; top: -33px; left: 5px" allowTransparency="true"></iframe>'));
Profil
PW Email www Cytuj
Pogielo
Wysłany: 2014-11-23, 21:15         

Dołączył: 23 Lis 2014
Posty: 3
Czy mógłby ktoś szerzej wyjaśnić, jak to działa? Coś w stylu maksymalny rozmiar ikon, czemu do jednego to wiersza dodaje się 2 linki? Na jakiej zasadzie przypisywać ikonę do danego tematu.
Profil
PW Email Cytuj
Lubel 
Wysłany: 2014-11-24, 05:45         



Pomógł: 31 razy
Wiek: 19
Dołączył: 10 Sie 2010
Posty: 542
Skąd: Poznań
Modyfikacja zamienia po prostu ikonkę działu w stylu ze standardowej an taką jaką chcesz ty. Grafika nie powinna być większa niż ten obrazek:
http://s77.photobucket.co...th00s1.jpg.html
Profil
PW Email www Cytuj
Wyświetl posty z ostatnich:   
Odpowiedz do tematu
Nie możesz pisać nowych tematów
Nie możesz odpowiadać w tematach
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Nie możesz załączać plików na tym forum
Nie możesz ściągać załączników na tym forum
Dodaj temat do Ulubionych
Wersja do druku

Skocz do:  

Powered by phpBB modified by Przemo © 2003 phpBB Group
Themes: junFresh & Silk icon

website value  |  gry scooby doo  |  Darmowe fora  |  mylekarze.pl  |  egipt wycieczki