ForumCała strona

Nawigacja

Aktualnie online

Gości online: 8

Użytkowników online: 0

Łącznie użytkowników: 25,352
Najnowszy użytkownik: Hotwind77

Logowanie

Nazwa użytkownika

Hasło



Zarejestruj się

Odzyskaj hasło

Shoutbox

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

jantom
29.04.2021 21:03:32
Wszystkiego najlepszego Przemku Smile

MajsterBieda
23.04.2021 01:38:02
Cool

JazOOn
19.04.2021 22:27:51
i jeszcze jeden i jeszcze raz....

jantom
19.04.2021 21:00:37
E tam, tragizujesz.

khaman
18.04.2021 23:41:08
Jak już główny admin staje się duchem, to wiedz, że coś się dzieje..

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

RSS

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

  1. Wyślij zawartość folderu php-files do katalogu głównego swojej strony.
  2. Zaloguj się na stronie jako administrator.
  3. Przejdź do: Panel administracyjny -> Zarządzanie stroną -> Wtyczki.
  4. Zainstaluj wtyczkę wybierając z listy plik Last and Next Match Panel.
  5. Przejdź do Panel administratora -> Zarządzanie stroną -> Zarządzanie panelami.
  6. Dodaj nowy panel, wybierając z listy Last_And_Next_Match_Panel.
  7. Zapisz, a następnie włącz panel.

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:

  1. Ostatni mecz
  2. Następny mecz

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:

  1. lastMatch.phtml -> ostatni mecz
  2. nextMatch.phtml -> następny mecz

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:

  1. Wersja: 1.2
  2. Autor: ChemikPIL
  3. Strona domowa: chemikpil.pl
  4. Kompatybilność: PHP-Fusion v7
  5. Licencja: AGPL v3

Supprot:

  1. Chemikpil.pl
  2. Forum

Pluginy

  1. jQuery
  2. jQuery UI


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 Smile
Jest mniej rozbudowany, ale działa jak należy Smile
   
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.
   
Created by Arox Copyright (C) 2004
Copyright (C) 2004 - 2018 Ekipa PHP-Fusion.pl