Wykaz postów użytkownika - Chemikpil - które otrzymały punkt za pomoc
Chemikpil | |
|
Rozwiń Kod źródłowy Po co pomijasz tu jakąś grupę? Rozwiń Kod źródłowy wyklucza z zapytania wyniki pasujące do następnego wyrażenia. Potem zostaje tobie sprawdzić który jest aktualny i go zrobić domyślnym. Jak pominiesz grupę to nie dasz rady wyciągnąć jej danych. |
Chemikpil | |
|
Witajcie przyjaciele :) Przedstawiam prostą oraz funkcjonalną wtyczkę dla posiadaczy PHP-Fusion w wersji v 7, Last And Next Match Panel. Infusion umożliwia dodawanie i wyświetlanie ostatniego i następnego meczu. Obydwa spotkania znajdują się w jednym panelu, co pozwala zaoszczędzić przestrzeń na stronie. Przejścia między nimi odbywają się przy pomocy jQuery co nie wymaga przeładowania strony. Przy tworzeniu wtyczki, oddzielono prezentacje od logiki co ułatwia edycję samego panelu według własnych upodobań. Strona administracyjna jest dość łatwa w obsłudze i nie powinna sprawiać większych problemów. Instalacja
Obsługa Przejdź do: Panel administratora -> Wtyczki (Infusions) -> Last & Next Match Panel Jak widać wielkiej filozofii niema, a całość jest naprawdę intuicyjna. Dodawanie meczy odbywa się po przez zakładki:
Obydwa formularze zostały na tyle szczegółowo opisane, że nie powinny stanowić większego problemu. Uwagę należy zwrócić dodając strzelców. Poprawna składnia to taka gdzie każdy strzelec jest oddzielony przecinkiem np: Del Piero 68', Rudnevs 90' Jeśli w polach nie wymaganych nie znajdą się żadne wartości, zostaną one pominięte przy wyświetlaniu (dotyczy to standardowego wyglądu, jeżeli coś zmieniałeś i wyświetlają się tobie kreski '-', to możliwe, że usunąłeś warunek sprawdzający wartość). Dodatkowo zainstalowany został plugin wyświetlający okno z datą, który ma na celu jeszcze bardziej uprościć wypełnianie formularza. Ostatnia zakładka służy do dodawania herbów zespołów za pośrednictwem przeglądarki. Wypełniając formularz ważne jest by trzymać się reguły dotyczącej nazewnictwa. Nazwa drużyny, którą podamy w formularzu, będzie powiązana z dodanym plikiem. Jak to wygląda w praktyce? Jeśli np. dodamy logo dla zespołu Lech Poznań, to tej nazwy musimy użyć w formularzach dodających mecze, w przeciwnym wypadku wyświetli się obrazek no-logo.png. Edycja Tworząc ten panel, moim głównym celem była funkcjonalność odstawiając na bok grafikę. Zresztą, każdy ma inny gust, inną skórkę na stronie przez co trudno stworzyć jeden uniwersalny wygląd. Postanowiłem za to ułatwić jego edycję. Jedynym czego potrzeba to znajomość HTML i podstaw PHP. Pliki które nas interesują znajdują się w katalogu templates i są to:
Za poszczególne elementy Ostatniego Meczu odpowiadają: Rozwiń Kod źródłowy Za poszczególne elementy Następnego Meczu odpowiadają: Rozwiń Kod źródłowy Copyright W panelu została umieszczona stopka z linkiem do strony autora. Stopka ta nie jest wymagana i można ją usunąć, choć nie ukrywam, że miłą podzięką było by chociażby umieszczenie linku do tego wpisy. Dane techniczne Dane skryptu:
Supprot:
Pluginy
WAŻNE Skrypt jest przystosowany dla stron, które mają ustawione kodowanie UTF-8. Jeżeli takiego nie posiadasz i nie masz zamiaru posiadać podmień pliki z katalogu iso i class. |
Chemikpil | |
|
Wstawiam tobie wycinek render_news z wstawionym w stopkę kodem. Dostosowanie stylistyczne zależy już tylko od ciebie. Rozwiń Kod źródłowy Kod wstawiony powinien być widoczny (duża przerwa). |
Chemikpil | |
|
Nie powinienem tego robić tutaj ale masz: w klasie Rozwiń Kod źródłowy zmień Rozwiń Kod źródłowy na Rozwiń Kod źródłowy Pozdro :) |
Chemikpil | |
|
, tylko nie wiem gdzie dodać kod jQuery Przydał by się tobie jakiś kurs JS. Najlepiej napisać skrypt w osobnym dokumencie, i dodajesz go w pliku header.php w katalogu templates. Radzę jednak przejrzeć choćby podstawy JavaScript, unikniemy dzięki temu zbędnych pytań. |
Chemikpil | |
|
Nie rozumiem, zabezpieczasz panel w którym masz linki do plików, a nie zabezpieczasz plików? Nie dziw się, że ktoś kto zna adres tego formularza, wejdzie tobie bez autoryzacji, skoro nie ma w nim żadnego zabezpieczenia. Co do sprawdzania zalogowania, to było o tym na forum, i jest to stała iMember. |
Chemikpil | |
|
Rozwiń Kod źródłowy |
Chemikpil | |
|
Jeżeli masz notepad++, to możesz skorzystać z pluginu Compare Jest mniej rozbudowany, ale działa jak należy |
Chemikpil | |
|
Ogólnie to masz wszystko ładnie opisane u nich na stronie, ale skoro niema tam sposobu dla PHP-Fusion to zaraz to ogarniemy. Zakładam że znasz podstawy CSS bo zaimplementowaniu panelu, samemu trzeba resztę ustawić. Nie napisałeś jaką masz skórkę więc ja robiłem to na Gillette, ale nie powinno być problemu z implementacją w innej. Dobra jazda :) 1. Po ściągnięciu paczki i jej rozpakowaniu, kopiujemy pliki jquery.nivo.slider.pack.js nivo-slider.css do katalogu includes. 2. Teraz musimy dodać te pliki tak by slider mógł zadziałać. Wykorzystam tu OH (dzięki Pieka :)). Tworzymy nowy panel, wklejamy do niego ten kod: Rozwiń Kod źródłowy ... zapisujemy i włączamy. 3. Zdjęcia, które maja się przewijać, wrzucamy do katalogu images/nivo (katalog nivo musisz utworzyć). 4. W PA w miejscu gdzie umieszczamy treść panelu powitalnego ustawienia->główne umieszczamy ten kod zamiast starego (UWAGA!!! jest to kod proponowany przez twórce, więc tu musisz go rozkminić sam i dodać taki jaki chcesz, ten dodajemy dla sprawdzenia czy panel zadziała): Rozwiń Kod źródłowy Ja nie nadawałem twardych ścieżek do obrazków, ale ty możesz. 5. Teraz musimy dodać kod CSS do pliku styles.css naszej skórki, u mnie to themes/Gillette/styles.css: Rozwiń Kod źródłowy 6. Na sam koniec musimy uruchomić nasz slider. Przykładowa metoda na stronie twórcy mówi że ten kod: Rozwiń Kod źródłowy umieszczamy w sekcji head naszej strony czyli pliku header.php, jednak ja jestem zwolennikiem czystości kody i lepiej jest umieścić to w osobnym pliku. Zakładam że nie masz żadnego własnego pliku JavaScript więc w katalogu skórki utwórz nowy plik np. nivo-slider.js, umieść w nim ten kod: Rozwiń Kod źródłowy i zapisz. By dodać plik do sekcji head naszej strony ponownie skorzystamy z OH. Musimy więc poddać edycji nasz wcześniej utworzony panel i w miejsce starego kodu wkleić ten: Rozwiń Kod źródłowy . Ponownie zapisujemy panel.Ogólnie to wszystko, pozostaje kwestia kodu CSS dla przycisków prev i next, oraz dla paginacji obrazków (1,2,3,... etc). Pozostawiam to dla Ciebie choćby jako ćwiczenie, w końcu jak chcesz się nauczyć inaczej niż przez praktykę. U mnie zadziałało, lecz nie posiadam własnej strony testowej w sieci więc nie mogę Tobie udowodnić :) Pozdro. |
Chemikpil | |
|
A tak? Rozwiń Kod źródłowy |
Chemikpil | |
|
Wrzuciłem na stronkę tło o wymiarach 2045x124 To pewnie transfer i szybkość ładowania masz sporą, ale to już twoja sprawa :) Wray z CSS3 dostajemy możliwość skorzystania z : Rozwiń Kod źródłowy której możesz nadać wartość 100%. |
Chemikpil | |
|
Tlo obrazkowe rozciagnie sie do 100% dostepnej przestrzeni. Dla body jest to jednoznaczne z szerokoscia i wysokoscia okna przegladarki. |