ForumCała strona

Nawigacja

Aktualnie online

Gości online: 8

Użytkowników online: 0

Łącznie użytkowników: 25,400
Najnowszy użytkownik: AlojzyBartek

Logowanie

Nazwa użytkownika

Hasło



Zarejestruj się

Odzyskaj hasło

Shoutbox

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

Zbigniew@
17.11.2024 11:33:24
Nie ten grzeszy kto pije, ale ten, kto się nie upije.

JazOOn
16.11.2024 20:46:18
tja

Zbigniew@
15.11.2024 18:58:17
Kto pije, ten nie bije.

JazOOn
31.10.2024 20:49:47
Kto pije?

piterus
30.10.2024 19:45:48
I będziemy śpiewać: "Kiedy 20 blisko, przebadaj wszystko, przebadaj wszystko..." Pfft

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
Wysuwane menu boczne jQuery
artek700
Witam,

chciałem na swojej stronie zamontować wysuwany panel boczny zbudowany w jQuery (demo: http://demo.webst...), tworząc go według tego poradnika: http://websta.pl/...panel-menu i umieścić w nim widget tweetera. Niestety nie udało mi się w żaden sposób doprowadzić do pojawienia się panelu.

Co zrobić by panel się prawidłowo wyświetlał? Jakie pliki stworzyć i gdzie je umieścić?

Pozdrawiam,
Artur


PW od moderatora:
  1. Przeniesienie tematu - Pieka 16.05 - 20:00

Edytowane przez Pieka dnia 16.05.2010 23:10:47
 
www.chr.rybnik.pl
Wścibski Gość
Dodany dnia 25.11.2024 21:26:54
Pan Kontekstualny

Postów: n^x
Data rejestracji: Zawsze

Polecamy hosting SferaHost.pl
IP: localhost  
Rocky12
Dobra a więc zaczynamy zabawę!
Poradnik będzie napisany prostym językiem, aby każdy mógł go zrozumieć.
Instrukcja będzie zamieszczona do skórki Gillette w PF7, do reszty skórek działamy analogicznie. :)
Sposób testowany na programie WebServ.
1. Edytujemy plik themes/templates/header.php
Znajdujemy (około 37 linia):
Pobierz kod źródłowy  Rozwiń Kod źródłowy

I pod nim dodajemy:
Pobierz kod źródłowy  Rozwiń Kod źródłowy

Plik pobiera bazę jquery z strony internetowej, a druga cześć kodu odpowiedzialna jest za poprawne funkcje zamykania, otwierania.
2. Dodajemy do naszego pliku theme.php następujące linie:
Pobierz kod źródłowy  Rozwiń Kod źródłowy

Jest to na sztywno wsadzony plik menu, tutaj edytujemy linki jakie mają w nim występować.
Wstawic go można praktycznie wszędzie (ważne, aby nie "przeszkadzał" dla innej części kodu theme.php), ja go umieściłem pod:
Pobierz kod źródłowy  Rozwiń Kod źródłowy

3. Edytujemy plik styles.css naszego thema.
Dodajemy do styles.css:
Pobierz kod źródłowy  Rozwiń Kod źródłowy

4. Dodajemy przycisk Menu do wybranego przez siebie miejsca, domyślnie jest to folder thema - w moim wypadku: /themes/gillette/

Mała zmiana:
Jeśli chcesz, żeby panel wysuwał się po najechaniu (rollover, hover) wystraczy zamienić linię:
Pobierz kod źródłowy  Rozwiń Kod źródłowy

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


Piszę na szybko temat, później dodam gotowe już do podmiany pliki.
W razie błędów proszę o korektę, albo informację, że coś nie chodzi jak powinno.
Pozdrawiam
Prosiłbym o przyklejenie tematu, może się komuś kiedyś przydać. :)

Edit: Dodaje gotowe pliki do podmiany.
Rocky12 dodał/a następującą plik:
v7-wysuwane_menu_boczne_jquery.rar [7.33kB / 1062 Pobrane]

Edytowane przez Pieka dnia 16.05.2010 23:12:31
 
artek700
Dzięki! Robiłem podobnie tylko prawdopodobnie wkleiłem inaczej przygotowany kod do theme.php. Czy do każdej linijki musi być osobne 'echo'? Nie można tego zawrzeć pod jednym?

Edit:
zapomniałeś chyba jeszcze dodać linijki:
Pobierz kod źródłowy  Rozwiń Kod źródłowy

na końcu do wklejenia w theme.php

Wszystko działa :)
Edytowane przez artek700 dnia 16.05.2010 22:31:56
 
www.chr.rybnik.pl
Rocky12
Gdzie powinna być, a nie została dodana w instrukcji linijka?

Edit: Już widzę, robiłem na szybko i po prostu nie skopiowałem Smile - dzięki za korektę.
Edytowane przez Rocky12 dnia 16.05.2010 22:35:21
Pomogłem? - Wciśnij pomóż!
 
artek700
Dodam jeszcze, że ten sam kod który wklejamy w templates/header.php musimy wkleić w templates/admin_header.php, tak żeby panel działał poprawnie również w panelu administracyjnym (żeby nie przeszkadzał).

Rocky, dodaj jeszcze do skryptu w header.php przed
Pobierz kod źródłowy  Rozwiń Kod źródłowy

tą linię, tak żeby panel ładował się zamknięty:
Pobierz kod źródłowy  Rozwiń Kod źródłowy

Edytowane przez artek700 dnia 17.05.2010 22:37:39
 
www.chr.rybnik.pl
uki0008
Witam
mam mały problem mianowicie panel źle działa.

Gdy załaduję stronę to panel jest od razu wysunięty. muszę najechać myszką i dopiero od tego momentu działa poprawnie.
Co może to powodować?
 
Rocky12
Przychodzą mi do głowy dwie możliwości.
Pierwsza moim zdaniem najbliższa prawdy:
Wchodzimy do pliku: header.phpi szukamy linijki:
Pobierz kod źródłowy  Rozwiń Kod źródłowy

Przed nią dodajemy:
Pobierz kod źródłowy  Rozwiń Kod źródłowy

Drugą możliwością jest wina serwera, który po prostu za wolno wczytuje dane strony, a może pod czas edycji plików popełniłeś jakiś błąd? Byłoby nam łatwiej gdybyś podał adres swojej strony.
Pomogłem? - Wciśnij pomóż!
 
Statys
Mam taki oto problem.
Przystosowałem to menu, aby pokazywało mi gadżet z facebooka.

Wstawiłem kod:
Pobierz kod źródłowy  Rozwiń Kod źródłowy


I oto co mi powstało:
img441.imageshack.us/img441/336/80852741.jpg

Po najechaniu na to wychodzi reszta, jednak taki pasek ciągle wystaje. Jakieś pomysły?
 
paramore.pl
eldiablo
Za szeroki "facebook like box" Pfft

Nie odpowiednio zmienione margin, padding. Grin

Sprawdź też wartość right, z tego co widziałem na Twojej stronie masz -20px, np: zmniejsz lub zwiększ.
Edytowane przez eldiablo dnia 20.07.2010 15:00:50
 
http://dropdire.pl
Statys
Naprawione. Smile
Edytowane przez Statys dnia 20.07.2010 15:14:24
 
paramore.pl
Wloczykij18
A ja mam problem. Zmodyfikowałem plik header.php pod likebox (facebook), ale po zamienieniu lini:
Pobierz kod źródłowy  Rozwiń Kod źródłowy

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

strona mi nie działa, jest po prostu pusta biała strona. Czym to może być spowodowane ?

EDIT

Jestem początkującym co do tych spraw ale przed chwilą zobaczyłem co jest nie tak. To wina cudzysłowu.
zamiast
Pobierz kod źródłowy  Rozwiń Kod źródłowy

powinno być
Pobierz kod źródłowy  Rozwiń Kod źródłowy


Mam nadzieję że nie zaśmiecam, komuś może się przydać.
Edytowane przez Wloczykij18 dnia 21.01.2011 08:32:10
 
Kingston87
Mam małe pytanie czy da się coś z tym zrobić żeby nie wchodziło pod skórkę

Link do zdjęcia:
http://tvfree.xaa.../error.bmp
Edytowane przez Kingston87 dnia 06.02.2011 04:00:29
 
Tymcio
A czy umiałby ktoś przerobić to: http://burned.pl/...ej-stronie, by działało podobnie?
Próbuję, próbuję i ciągle mam na stronce tylko likeboxa, nie wysuwanego itp...
Edytowane przez Pieka dnia 24.02.2011 17:02:03
 
www.forumwroclaw.eu
Drakoo
Witam,
Mógłbym prosić o poradę jak uruchomić to: http://www.quenes...out-effect na stronce w v7?

Robiłem tak jak 2 drugim poście, bo to w sumie podobne wszystko, i kończy się na tym, że menu jest wyświetlane ale po najechaniu nic się nie dzieje. Pobrałem paczkę z strony plik z folderu JS wrzuciłem do includes, a w header.php wpisałem:
Pobierz kod źródłowy  Rozwiń Kod źródłowy


Nie wiem dlaczego to nie działa.
W paczce znajduje się plik .html i tam działa menu bez problemu.

//Już sobie poradziłem
Edytowane przez Drakoo dnia 27.03.2011 12:14:21
 
CliFF
Witam,a ja mam taki dziwny problem,że panel ładnie działa,wszystko ok ale gdy się wysunie to wchodzi za grafikę strony:
iv.pl/images/12295282551493595772.png

Czy może mi ktoś pomóc rozwiązać ten problem,lub powiedzieć jak zmienić szerokość tego panelu? Dziękuję!
Edytowane przez krystian1988 dnia 09.04.2011 11:21:19
 
Gismo_PL
Sprawdź wartość z-index dla tego menu a w zasadzie dla sekcji, która ulega chowaniu się poniżej grafiki strony.
 
http://fsong.pl
CliFF
A jak to sprawdzić? Ja jestem totalny laik, więc proszę bardzo o pomoc. Wink A jak zmienić szerokość tego panelu?

Wiadomość doklejona:
Ok naprawiłem to i juz sie nie wcina pod grafike.Dodałem w pliku .css "z-index: 5;"
Ale nadal nie wiem jak zmienic rozmiar tego menu aby był węższy? Mógłby mi ktoś pomóc?
iv.pl/images/80950892115269525082.png
O tyle zwięzic ile jest zaznaczone.Próbowałem zmieniac dane w pliku .css,header.php ale to nic nie dawało.Zazwyczaj znikalo,że nie było wgl.widac panelu...
Edytowane przez CliFF dnia 09.04.2011 14:24:13
 
cristo
W pliku styles.css Twojego theme zmieniasz sobie szerokość:
Pobierz kod źródłowy  Rozwiń Kod źródłowy

Edytowane przez cristo dnia 11.04.2011 11:33:50
 
Gismo_PL
A może kolega @CliFF zechce podać adres strony Frown?
 
http://fsong.pl
CliFF
mam ustawiona szerokośc 200,gdy zmieniam na inną np. 150 to panel znika całkowicie.Adres strony to http://soadsite.pl


PW od moderatora:
  1. Brak Stopki! - khaman 12.04 - 07:58
 
Przejdź do forum:
Created by Arox Copyright (C) 2004
Copyright (C) 2004 - 2018 Ekipa PHP-Fusion.pl