ForumCała strona

Nawigacja

Aktualnie online

Gości online: 11

Użytkowników online: 0

Łącznie użytkowników: 25,386
Najnowszy użytkownik: Hisfatt

Logowanie

Nazwa użytkownika

Hasło



Zarejestruj się

Odzyskaj hasło

Shoutbox

Musisz zalogować się, aby móc dodać wiadomość.

Zbigniew@
01.04.2024 12:28:45
Wszystkiego najlepszego z okazji świąt.

JazOOn
28.02.2024 19:25:31
ja zostałem przy fusionie ale nazywa się 360. Projektowanie i druk 3d...

MajsterBieda
25.02.2024 00:12:42
Ponad 20 lat .... tosz to sioook panie.... Grin

JazOOn
24.02.2024 20:32:31
a już na pewno mamuty

JazOOn
24.02.2024 20:31:59
Albo dinozaury

Pobierz nową wersję
Pobierz podręcznik
Zobacz inne oficjalne Supporty
Statystyki supportu
PHP-Fuson PL na Facebooku

RSS

Polecamy hosting SferaHost.pl

Zobacz temat

 Drukuj temat
Przystosowanie Image Tooltip v2.0 pod PF v7
aldzik
Witam:) chcę przystosować to dla php v7: http://dynamicdri...ooltip.htm

To:
Pobierz kod źródłowy  Rozwiń Kod źródłowy PHP

Pobierz kod źródłowy  Rozwiń Kod źródłowy PHP

Pliki tak jak w odwołaniach wstawione do Infusions.
To wstawiam w Dodatkową stronę.
Pobierz kod źródłowy  Rozwiń Kod źródłowy PHP


W ddimgtooltip.js zmieniamy obrazki

Moje pytanie co jeszcze trzeba zrobić by zaczęło mi to działąć - nie mam żadnych błędów na stronie jednak poprostu obrazki po najechaniu się nie pokazują. Spędziałem nad tym sam czasu i teraz proszę o jakieś nakierowanie.
Dziękuję z góry i pozdrawiam.
Pliki powinny być w załączniku
aldzik dodał/a następującą plik:
image_tooltip_v2.zip [1.97kB / 712 Pobrane]

Edytowane przez aldzik dnia 13.07.2010 11:58:47
728x901111.jpg
 
www.p-gry.pl
Wścibski Gość
Dodany dnia 18.04.2024 23:24:49
Pan Kontekstualny

Postów: n^x
Data rejestracji: Zawsze

Polecamy hosting SferaHost.pl
IP: localhost  
eldiablo
Wstawiłeś css i js tak ja należy ?
Dodałeś treść "okienek" w pliku ddimgtooltip.js ?
Dodałeś poprawnie odnośniki z rel="imgtip[..]" ?
Jak tak to sprawdź jeszcze raz wszystko, szczególnie ddimgtooltip.js, czy ma klamry i cudzysłów tam gdzie należy, itp, itd.
 
http://dropdire.pl
aldzik
Z css sprawa wygląda tak - umieszczony oczywiście w infusions
Pobierz kod źródłowy  Rozwiń Kod źródłowy CSS


a w js
Pobierz kod źródłowy  Rozwiń Kod źródłowy JS


728x901111.jpg
 
www.p-gry.pl
eldiablo
@aldzik jeżeli Ci nie działa, poszukaj innej wersji tego "upiększacza".

Np: http://cssglobe.c...ing-jquery

To samo działanie, a mniej kodu. Masz tam link do paczki z trzema przykładami, Ściągnij, luknij w źródło co gdzie jest dodane i do dzieła.
 
http://dropdire.pl
aldzik
No to tak, zmieniłem to:
Pobierz kod źródłowy  Rozwiń Kod źródłowy JS

na to:
Pobierz kod źródłowy  Rozwiń Kod źródłowy JS

Następnie wstawiłem to wszystko tak że w admin_header i admin_header_mce
czy jakoś tak, dla podglądu podczas wstawiania skryptu.
Potem to:
Pobierz kod źródłowy  Rozwiń Kod źródłowy HTML

Zmieniłem na tak:
Pobierz kod źródłowy  Rozwiń Kod źródłowy HTML

Działa super jednak zmieniłem sobie że po najechaniu na obrazek pokazuje się większy. Tak samo jak polecił mi eldiablo:)
Dzięki.
Śmiga nieźle, gryzło się z menu jednak przestawiłem kod powyżej menu i już się nie gryzie:)

Pozdrawiam. Jeżeli ktoś będzie chciał to opiszę jak po kolei to robiłem i dołącze gotowiec.
Edytowane przez aldzik dnia 13.07.2010 22:30:48
728x901111.jpg
 
www.p-gry.pl
karool5
Witam, zwracam się z prośbą o podanie dokładnych wskazówek poprawnego działania Smile z góry dzięki Wink
 
aldzik
Napisz czego nie możesz zrobić to pomogęSmile
728x901111.jpg
 
www.p-gry.pl
khaman
@aldzik jak możesz to daj gotowca, niech też inni skorzystają. Z naszej strony otrzymasz za to dodatkowy punkt Smile
Posty pomocne oznaczaj jako pomógłhelp.png Nie pomagam na PW/GG | Brak stopki = brak pomocy
 
aldzik
Dobra okej, a gdzie wstawić? w pierwszym poście? Czy już w kolejnym?
728x901111.jpg
 
www.p-gry.pl
khaman
Może być kolejnym.
Posty pomocne oznaczaj jako pomógłhelp.png Nie pomagam na PW/GG | Brak stopki = brak pomocy
 
poki289
Instrukcja poprawnej instalacji Image Tooltip dla PHP-Fusion v7.x.
Pobierasz załącznik z 1 posta, pliki ddimgtooltip.js i ddimgtooltip.css kopiujesz do głównego katalogu aktualnie używanej skórki, otwierasz plik themes.php Twojej skórki i szukasz kodu:
Pobierz kod źródłowy  Rozwiń Kod źródłowy

Zaraz pod tym wklejasz:
Pobierz kod źródłowy  Rozwiń Kod źródłowy

W dowolnym miejscu gdzie ma być widoczny efekt wstawiasz:
<p><a href='http://www.dynamicdrive.com' rel='imgtip[0]'>Link 1</a></p>
W atrybucie rel wstawiasz relację między dokumentami w tym przypadku jest to (imgtip[0], imgtip[1], imgtip[2] itd), po szczegóły zapraszam do pliku ddimgtooltip.js.

Wersja dla leniwych.
Pobierasz paczke z mojego postu, wrzucasz do katalogu infusions, przechodzisz do Zarządzanie panelami -> Dodaj nowy panel.
Nazwa panelu: dowolna.
Nazwa pliku panelu: image_tooltip_panel.
Zawartość panelu: zostawiasz bez zmian.
Umiejscowienie: na górze.
Dostępny dla: gość.
Hasło administratora: tego chyba nie muszę tłumaczyć.
Zaznaczasz opcję "Wyświetl panel na wszystkich stronach" i zapisujesz.

PS. Jak teraz będzie ktoś miał z tym problem, to ściepa na wieniec, ide się wieczać. Pozdro :)
poki289 dodał/a następującą plik:
v7_image_tooltip.rar [3kB / 716 Pobrane]

Edytowane przez poki289 dnia 24.07.2010 12:24:43
 
www.add-ons.pl
aldzik
Dobra to jedziemy:)
Tutaj macie przykład zastosowania:
http://www.p-gry....age_id=167
http://www.p-gry....page_id=34 - tutaj najlepszy przykład - najedźcie na obrazki.
Ten kod:
Pobierz kod źródłowy  Rozwiń Kod źródłowy JS


Obrabiamy na taki:
Pobierz kod źródłowy  Rozwiń Kod źródłowy JS


I wstawiamy go w pliku header.php (ścieżka: /themes/templates/header.php)

Czysty plik header.php z wklejonym powyższym skryptem wygląda tak:
Pobierz kod źródłowy  Rozwiń Kod źródłowy JS


Teraz wrzcuamy pliki z mojej paczki.
Uwaga jeżeli ktoś edytował header.php niech nie wrzuca folderu themes.

Dobra teraz w pliku ddimgtooltip.js znajdującego się w folderze infusions/ddimgtooltip/
znajdujemy to:
Pobierz kod źródłowy  Rozwiń Kod źródłowy JS

w tym kodzie ustalamy grafikę która ma się wyświetlać po najechaniu i inne opcje takie jak obramowanie.

Dla przykładu wklejamy takie coś do nowego newsa czy dodatkowej strony:
Pobierz kod źródłowy  Rozwiń Kod źródłowy HTML

To wtedy po najechaniu wyświetli się obrazek z tooltips[3] i będzie odnosić do linku który tam zawarłem.

Można też robić pewien trik taki jak w przykładzie http://www.p-gry....page_id=34
że po najechaniu na obrazek pokaże się coś z takim efektem:
czyli zrobione tak:
Pobierz kod źródłowy  Rozwiń Kod źródłowy JS

A w dodatkowej stronie wklejone to:
Pobierz kod źródłowy  Rozwiń Kod źródłowy HTML
Oznacza to że po najechaniou na ten mały obrazek pokazuje się ten z
Pobierz kod źródłowy  Rozwiń Kod źródłowy


Pytania? pisać tutaj.
aldzik dodał/a następującą plik:
image_tooltip_2_by_aldzik_phpv7.rar [4.25kB / 693 Pobrane]

Edytowane przez aldzik dnia 24.07.2010 13:00:30
728x901111.jpg
 
www.p-gry.pl
karool5
Dzięki Polki289 i niby wszystko chodzi do czasu jak chce się ponownie zalogować do panelu admina badź wylogować (wyskakuje błąd)
Pobierz kod źródłowy  Rozwiń Kod źródłowy
wiec w czym problem??
 
Reyn
Kod:
Pobierz kod źródłowy  Rozwiń Kod źródłowy


Zamień na taki:

Pobierz kod źródłowy  Rozwiń Kod źródłowy
 
karool5
Wszystko działa jak należny chodź strona coś wolno się wczytuje ale zasłużone 6/6.
Edytowane przez Chemikpil dnia 24.07.2010 22:26:43
 
Chemikpil
A jaka jest różnica między tym:
Pobierz kod źródłowy  Rozwiń Kod źródłowy

a tym:
Pobierz kod źródłowy  Rozwiń Kod źródłowy

Poza tym, że funkcja add_to_head jest wykonywana raz a nie aż 3 razy?
Pozdro :)
Edytowane przez Pieka dnia 24.07.2010 22:44:12
Nie pisać na GG i PW w sprawach technicznych!
ChemikPil - blog (w nowej odsłonie) | ChemikPIL - My twitter
 
www.chemikpil.pl
Vexavi
Witam

Skąd pobiorę daną JS ?

Chciałbym następujący efekt uzyskać:

t3.pixhost.org/thumbs/580/6861672_obrazek.png

Źródło http://www.kinoli...

Patrzałem w kodzie źródłowym tej strony i znalazłem następujące JS:


cookie.js
flash.js
flowplayer-3.1.4.min.js
json.js
prototype.js
tooltip.js

Który odpowiada za tą Chmurkę powiększenia ?

Próbowałem takich cudów z każdym JS z tamtej strony dawałem w kod

Pobierz kod źródłowy  Rozwiń Kod źródłowy PHP


Trochę pewnie za mixowałem.

Przepraszam jeśli napisałem nie w tym dziale.

Pozdrawiam.
 
poszkolezsl.vooa.pl
Przejdź do forum:
Created by Arox Copyright (C) 2004
Copyright (C) 2004 - 2018 Ekipa PHP-Fusion.pl