Skocz do zawartości
Pecetowicz Forum komputerowe

Ocena stylu pod Boards Script. HTML / CSS /JS


Rekomendowane odpowiedzi

  • Ekspert
Napisano (edytowane)

Cześć, jako że moja wiedza w temacie front jest bardzo podstawowa wrzucam tutaj jak planuję zmanić główny skin mojego forum Boards Script

Czekam na bęcki odnośnie co zrobiłem źle i co poprawić, bo wiedzę czerpałem z internetów więc pewnie jakość kodu jest hmm 💩 Zależy mi na rezygnacji z Bootstrapa oraz jQuery 🙂

GitFumfel: https://github.com/pankrok/skin1

Live Demo: http://boards-dev.s89.eu/skin/index.html

Screeny dla leniwych:

Spoiler

light.thumb.png.7e217f957313ea7f120aa9444aeceae0.png
dark.thumb.png.a8a53c133ec2899c9d4cb7f709b2b91b.png

 

Edytowane przez SeNioR
poprawa literówki w temacie, dodanie tagu i linku w poście
Odnośnik do odpowiedzi
Udostępnij na innych stronach
  • Ekspert

Subiektywnie ale jednak: nie podoba mi się szerokość na prawie cały ekran. Ilość postów/wątków w danym forum można by troszkę poprawić lub zamienić kolejnością cyfrę z ikonką. Czcionka poddziałów całkowicie do wymiany. Dodałbym lekki margines górny dla nazwy działu. Do poprawy guzik wysyłania wiadomości na czacie. 

  • Lubię to! 3
Odnośnik do odpowiedzi
Udostępnij na innych stronach
  • Ekspert

podbijam temat, prośba o ponowną ocenę, cześć elementów pochodzi z szablonu @Wiesław którego już z nami nie ma 😄

link do live w pierwszym poście

 

Spoiler

 

Odnośnik do odpowiedzi
Udostępnij na innych stronach
  • Administrator
Napisano (edytowane)

Jest lepiej niż wcześniej niestety muszę zwrócić uwagę na parę rzeczy:

- zrezygnowałbym korzystanie ze starych floatów i przerzucił się na flex/grid dzięki czemu top-bar zamiast wyglądać tak:

Spoiler

 

obraz.png

mógłby tak:

obraz.png

 

 

- element z okruszkami wychodzi poza "container" całości:

Zrzut ekranu 2021-05-26 o 13.20.09.png

- w okruszkach i alertach brakuje stylu jaki jest w pozostałych boxach czyli zamiast:

Spoiler

obraz.png

mogłoby to wyglądać tak:

obraz.png

 

- brakuje koloru przewodniego - raz jest niebieski, raz fioletowy - warto by było skupić się na jednym i go wykorzystać

- inputy zdecydowanie za niskie (6px paddingu to za mało, powinno być minimum 8 a nawet 10px) tu też fajnie by było zaokrąglić je całkowicie (przycisk dark mode też fajniej by wyglądał gdyby był w kółku), finalnie mogłyby wyglądać tak:

Spoiler

obraz.png

- nie zmieniałbym koloru czcionki w niektórych elementach "tytułowych" - jeśli trzymasz się czarnego to trzymaj się czarnego

- w stylach CSS do body w font-family dodałbym także alternatywne fonty, w razie gdyby główny się nie załadował np.: "font-family: "Montserrat", Arial, sans-serif;"

 

Jestem świadomy że kiedyś pisałeś, że jesteś bardziej back-end dev dlatego opisałem Ci mniej więcej co zmienić.

Jeśli nowy system szablonu będzie gotowy to w wolnej chwili (tak jak pisałem kiedyś) strzelę jakiś motywik pod ten silnik i jeśli siądzie to nawet jako default będziesz mógł go zastosować 😉

obraz.png

Edytowane przez Mativve
  • Lubię to! 3
Odnośnik do odpowiedzi
Udostępnij na innych stronach
  • Ekspert

Dzięki @Mativve o taki roast mi chodziło 😄 co do stworzenia skórki to na pewno skorzystam z Twojej pomocy, myślę że jak Gaia da i zabierze to pylące 💩 przez które wysmarkałem mózg to w przyszłym tygodniu puszczę update skryptu z nowym skinem i układem katalogów.

  • Super 1
Odnośnik do odpowiedzi
Udostępnij na innych stronach

Problem wciąż nierozwiązany? Dodaj swoją odpowiedź

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto. Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
  • Podobna zawartość

    • Przez Pankrok
      Ostatnio znalazłem na dysku stary projekt który postanowiłem odkopać i doprowadzić do używalności, to prosty skrypt forum "Boards Script" w oparciu o framework Slim 4 z systemem szablonów TWIG, jest tam sporo do poprawy ale pod linkiem znajdziecie działającą wersję Alpha 
      Autor: @Pankrok (Yuri) Tematyka: Forum internetowe Screen/Demo: https://boards-dev.ct8.pl GitHub: https://github.com/pankrok/boards Jeśli chcecie możecie śmiało pobierać, modyfikować, poprawiać, edytować, oczerniać, wskazywać błędy itd
      Aktualnie działa front, panel admina jeszcze nieukończony.
      Do przebudowy system keszowania.
×
×
  • Dodaj nową pozycję...