Skocz do zawartości

Radio ziel – Szablon radiowy

Rekomendowane odpowiedzi

Opublikowano

Jeden z pierwszych szablonów Kostka (o ile dobrze pamiętam ) , w którym w swoim projekcie zastosował Boostrap .

Zachwyca prostotą i elegancją:

TuxInfo
No image preview

Radio ziel - Szablon radiowy - TuxInfo TuxInfo

Kolejny szablon oparty na Bootstrap-ie. W tym jednak zastosowałem statystyki Shoutcast w JavaScript, zamiast PHP. Witryna oparta na nim, będzie w pełni responsywna. Instrukcja edycji, zawarta jest...

Dlatego postanowiłem go trochę odświeżyć i wykorzystać w swoim projekcie radia:

Jeśli chodzi o modyfikacje tego szablony , są minimalistyczne:

Add in header:

<!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

  • dodałem wyświetlanie nazwy i sloganu radia również dla wersji mobilnych.

  • usunięcie podstron takich jak : ciacho.php, czat.php, ekipa.php.

  • usunięcie kart : 4-1 oraz 4-2 ( być może wykorzystam je w innym projekcie jeśli autor szablonu wyrazi zgodę.)

  • animacja hrader.

  • animacje face up i face down w niektórych sekcjach witryny.

  • ciemne tło strony.

  • aktualizacja ikon boostrspa w nawigacji.

  • dodałem scroll na dole pozwalający powrócić na górę strony.

  • dodałem modal z akceptacją cookies.

  • zapobieganie zaznaczanie/kopiowania tekstu w całej witrynie

  • zmiana : grafika, czcionki , wizualne poprawki.

    Demo: https://testowo.positivesounds.pl/ziel/

    Download: https://github.com/drkosti/radio-ziel/tree/master

    Powerred by: Tuxinfo.pl

    Zapraszamy również do skarbnicy wiedzy nie tylko radiowej:

    https://tuxinfo.pl 🌐

    https://youtube.com/@tuxinfo▶️

Szablon idealny pod stację radiową. 👌💪🤙

W niedalekiej przyszłości zamierzam również w szablonie użyć klasy do obsługi statystyk shoutcast oraz wprowadzić własne statystyki w sekcji pod playerem.

Edytowane przez Jarek

SeoHost.pl

Dołącz do dyskusji

Możesz dodać zawartość już teraz a zarejestrować się później. Jeśli posiadasz już konto, zaloguj się aby dodać zawartość za jego pomocą.
Uwaga: Twój wpis zanim będzie widoczny, będzie wymagał zatwierdzenia moderatora.

Gość
Dodaj odpowiedź do tematu...

Powiadomienie o plikach cookie

Strona korzysta z plików cookie. Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Korzystając z forum, wyrażasz zgodę na: Warunki użytkowania, Polityka prywatności.

Account

Navigation

Szukaj

Szukaj

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.