Nawigacja

Aktualnie online

Gości online: 11

Użytkowników online: 0

Łącznie użytkowników: 25,397
Najnowszy użytkownik: Lyokoheros

Logowanie

Zarejestruj się

Odzyskaj hasło

Shoutbox

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

sferahost

28.02.2025 21:31:55

Tak, "zesrało" się kodowanie. Przyznaję, za dużo rzeczy na raz a do tego jeszcze przeziębienie.

panicze

28.02.2025 20:50:22

Ten serwer co reklamujÄ siÄ na stronie, to jest dla mnie anty-reklamÄ

Pieta

28.02.2025 19:07:47

Uuu. CoĹ siÄ kodowanie strony wysypaĹo

JazOOn

26.02.2025 20:17:43

Tja. oficjalny zbigniew@. Czytam opisy paneli : " Wiemy co cie spodka przed emeryturo"

jantom

25.02.2025 22:56:44

I z ciekawostek, pogłoski o śmierci PF-a są przesadzone - na Discordzie i w GitHubie pojawiła się gałąź 10.0. Frederick widzę, że próbuje pudrować trupa. Szkoda, że stronę zostawił w stanie rozkładu.

Archiwum shoutboksa

O nie! Ta strona potrzebuje włączonej obsługi języka JavaScript!

Twoja przeglądarka nie obsługuje tego języka lub ma wyłączoną jego obsługę. Włącz wykonywanie kodu JavaScript w swojej przeglądarce internetowej, aby skorzystać ze wszystkich funkcji strony
lub skorzystaj z programu obsługującego język JavaScript, np. Mozilla Firefox, Apple Safari, Opera, Google Chrome lub Windows Internet Explorer w wersji wyższej niż 6.

Wykaz postów użytkownika - Rocky12 - które otrzymały punkt za pomoc


Rocky12	Wysuwane menu boczne jQuery
	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): Rozwiń Kod źródłowy `echo "<script type='text/javascript' src='".INCLUDES."jquery.js'></script>\n";` I pod nim dodajemy: Rozwiń Kod źródłowy echo "<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'></script>"; echo "<script type='text/javascript'> $(function(){ $('.slide_button').toggle(function(){ $('#panel').animate({left: '0px'}, 500 ); $(this).addClass('zamknij'); return false; }, function(){ $('#panel').animate({left: '-220px'}, 500 ); $(this).removeClass('zamknij'); return false; }); }); </script>" ; 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: Rozwiń Kod źródłowy `echo "<div id='panel'>\n"; echo "<ul id='main_menu'>\n"; echo " <li><a href='#'>Strona główna</a></li>\n"; echo " <li><a href='#'>Portfolio</a></li>\n"; echo " <li><a href='#'>Kontakt</a></li>\n"; echo " </ul>\n"; echo "<a href='#' class='slide_button' >Menu</a>\n"; echo "</div>\n";` 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: Rozwiń Kod źródłowy `function render_page($license=false) { global $settings, $main_style, $locale;` 3. Edytujemy plik *styles.css* naszego thema. Dodajemy do styles.css: Rozwiń Kod źródłowy #panel { background: #223344; padding: 10px; width: 200px; position: fixed; margin-top: -100px; /połowa wysokości panelu w górę / left: 0px; top: 50%; } ul#main_menu { list-style: none; } #main_menu a { color: #ffffff; text-decoration: none; } #main_menu a:hover { text-decoration: underline; } .slide_button { background: url(przycisk.gif); display: block; height: 60px; text-indent: -9999px; width: 20px; position: absolute; right: -20px; top: 0px; } .zamknij { background-position: -20px 0px; } a:focus { outline:none; //usuwanie niebieskiej obwódki w FF } 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ę: Rozwiń Kod źródłowy `$(".slide_button").toggle(function(){` na: Rozwiń Kod źródłowy `$("#panel").hover(function(){` 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.

Twój link u nas!

Nawigacja

Główne menu

Komunikacja

Elementarz

Dokumentacja

Aktualnie online

Logowanie

Shoutbox

Wykaz postów użytkownika - Rocky12 - które otrzymały punkt za pomoc