Jump to content

Recommended Posts

Witam,
w związku z tym, że jestem tu nowy, a hobbistycznie również zajmuje się WebDesignem (jak również informatyką/programistyką), proponowałbym zminimalizować listę serwerów, gdyż może to być uciążliwe scrollować forum, by przejść do np. działów forum. Moja propozycja jest taka:

(jeśli język, którego używam jest zbyt skomplikowany, pytania mile widziane)
Dzisiaj witryny budowane są względem przekazania obszernej informacji kosztem minimalnej oprawy. Lista serwerów na tym forum (imponująca) powinna być tak skonstruowana, aby przekazać graczom to, co chcieli by dostrzec, ale i również przekazać im komfort przeglądania forum. Proponuję wstawić tam krótki szablon w formie TABulatorów, do napisania w Bootstrap (HTML) w połączeniu z JS (Javascript), która działa doskonale a przy tym nie zajmuje żadnego miejsca i jest łatwa i szybka do wczytania na urządzeniach desktopowych jak i mobilnych.

Przykład takich TABulatorów znajdziecie w darmowej dokumentacji BOOTSTRAPA: https://getbootstrap.com/docs/4.1/components/navs/#javascript-behavior
Ponadto iż posiadacie na forum serwery CS:GO i CS 1.6 te tabulatory można rozbudować na zasadzie schodków np.: "Wybierz CS:GO a wskażemy ci nasze serwery do tej gry. Następnie wybierz tryb serwera, to ukażemy ci do niego dane".
 

Tabulator, jaki moim zdaniem byłby wygodny dla listy serwerów, oczywiście w rozszerzonej wersji, przedstawiam na zdjęciu w załączniku.
SCHEMAT NIE MUSI BYĆ IDENTYCZNY JAK NA ZDJĘCIU, CHODZI MI BARDZIEJ O SAMĄ KONCEPCJĘ, JAK BĘDZIE ONA WYKONANA, ZALEŻY TYLKO OD KREATYWNOŚCI AUTORA.

Bez nazwy.png

Link to comment
https://1shot2kill.pl/topic/31893-minimalizacja-1-lista-serwer%C3%B3w/
Share on other sites

Propozycja ciekawa, dodał bym również w kroku 3cim ukazanie składu administracji (hierarchi od właściciela do admina)- mamy wszystko w jednym miejscu komunikacja jest łatwiejsza osoba może zobaczyć kto jaką rolę pełni na serwerze.

Dokładnie Pool, to wszystko można zaimplementować w krótkim i lekkim skrypcie. Tą samą zasadę działania posiadają również tzw. VCARD template, czyli "Landing Page'e" - witryny internetowe, które posiadają tylko jedną stronę, lecz ukazują dzięki JS obszerność treści bez konieczności ładowania innych zakładek lub podstron.

VR-Responsive-vCard-WP-Theme.jpg

Edited by Gilotyna

Dla testów zrobiłem na szybko taką próbkę podglądową tego, jakby to miało działać. Wszystko oparte na BOOTSTRAPIE.
Aby zobaczyć, jak to wygląda wystarczy pobrać pllk, rozpakować go i odpalić plik "index.html" w przeglądarce internetowej.

Link do pobrania paczki: https://megawrzuta.pl/download/bb52801e604655b5356004339288ff66.html
Skan bezpieczeństwa pliku: https://www.virustotal.com/pl/file/1814dc5f069b0fc5e84c276d4b8278f265cac82e380d155d5eae16227dba4c98/analysis/1539873607/

Wrzuciłem na obcy upload, ponieważ waży więcej niż 4,88MB.

Edited by Gilotyna

No powiem ci, że pod względem minimalizmu i układu, bardzo dobre wykonanie :D to zastosowanie przynajmniej zmniejszy czas ładowania witryny i większy wygodę. Mnie się podoba :-) Teraz wystarczy do końca to dopracować - a starą listę na jakiś czas określony tylko ukryć z widoczności za pomocą
"<!-- -->"

Wyskoczyć z ankietą na forum i sprawdzić, czy lista się przyjmie.

Edited by Gilotyna

Wrzucam nowe demo listy serwerów! To demo jest tym razem responsywne - działające na urządzeniach desktopowych jak i mobilnych.
Stylistyka została dopasowana do tego dema widocznego już na forum - górne trzy przyciski, rozwijane przyciski dolne, a następnie tabela serwera wraz z danymi.

Aby móc dostrzec samemu wykonaną pracę, wystarczy pobrać paczkę, rozpakować i odpalić plik "index.html" w przeglądarce internetowej.
Wszelkie błędy w responsywności proszę zgłaszać!

LINK do pobrania: [LINK]
SKAN pliku wrzuconego: [LINK]
Screenshot dema:

 



 

fsdgsdg.png

EDIT:
Aktualizacja #1 - Dodanie przycisku powitalnego jako opcja chowania listy serwerów. Pod tym przyciskiem można wstawić dowolną treść typu "slider" lub to co się chce - ewentualnie pozostawić puste pole.


LINK do pobrania: [LINK]
SKAN pliku wrzuconego: [LINK]

Screenshot dema:



 

 

fsdgsdg.png

  • Technician
Propozycja została zaakceptowana!

Dziękujemy za propozycję! Twoja propozycja zostanie dodana przy najbliższych dniach. Temat został zamknięty.
Jeśli się z tym nie zgadzasz, raportuj ten post, a moderator lub administrator rozpatrzy go ponownie.
Guest
This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...