Wasze modyfikacje wyglądu forum - ZGŁOSZENIA

W tym wątku podsyłamy propozycje modyfikacji forumowych styli.

Szczegóły konkursu z tym związanego znajdziecie tutaj:

W tym wątku nie prowadzimy dyskusji.

Wrzucamy tylko plik(i) CSS, opcjonalnie jeśli chcecie to również nazwę, opis lub zrzut ekranu.

PS. poprawiliśmy obsługę dodawania załączników CSS bez potrzeby zipowania.

1 polubienie

Nie mogę edytować postu mojego stylu więc nowszą wersję daje tu:
CSS: ciemny-styl-forum-dp.css (13,4 KB)
Mobile CSS: ciemny-styl-forum-dp-mobile.css (12,2 KB)

Wydzielono 6 postów tworząc nowy wątek: Wasze modyfikacje wyglądu forum - DYSKUSJE

1 post przeniesiono do wątku: Wasze modyfikacje wyglądu forum - DYSKUSJE

Sunset

Ciemny, klimatyczny motyw z przezroczystościami. Moje drugie dzieło. Próbowałem zadbać o detale…
Sunset 1.93.css (12,1 KB)

Więcej screenów

Zrzuty mogą się lekko różnić w detalach, ze względu na to, że nie aktualizowałem ich razem z plikiem.

Wątek

Tworzenie postu

Aktywność

Profil

Czat

Post moderatora


Changelog

Wersja 1.93

  • Strona Nieprzeczytane, na której nie ma powiadomień

Wersja 1.92

  • Tekst na modalu podczas głosowania
  • Widget powiadomień!

Wersja 1.91

  • Naprawiona widoczność adresata podczas tworzenia wiadomości prywatnej

Wersja 1.9

  • Przycisk do głosowania :stuck_out_tongue_winking_eye:

Wersja 1.8

  • Tekst na modalu
  • Przekreślony tekst
  • Inny kolor przy braku załadowanej tapety

Wersja 1.7

  • Poprawka do Podsumowanie
  • Skróty klawiszowe
  • Poprawka do Wiadomości
  • Powiadomienie

Wersja 1.6

  • Powiadomienia o nowym wpisie
  • Poprawka do kategorii
  • Grupy
  • Disabled button
  • Ustawienia
  • Użytkownicy

Wersja 1.5

  • Poprawka do wyboru rodzaju powiadomień o postach

Wersja 1.4

  • Poprawka do widgetu z aktywnością
  • Poprawka do widoku aktywności

Wersja 1.3

  • Dodanie stylu do modalu z emotikonami podczas pisania postu

Wersja 1.2

  • Dodanie stylu dla animacji pierwszego postu w wątku

Wersja 1.1

  • Poprawka czatu
  • Styl dla postu moderatora
10 polubień

Rose Lady

Motyw stworzony głównie z myślą o damskiej części dobrychprogramów, mający również skłonić panie do zakładania tutaj kont :slight_smile:

  • 85% szerokości ekranu (jeżeli zostanie wykryta niska rozdzielczość, to szerokość automatycznie zwiększy się do 100%)
  • Custom ikony dodane do tabeli z kategoriami
  • Dbałość o czytelność wszystkich stron, substron i stron z błędami
  • Dużo elementów podświetlanych po najechaniu
  • Kolory typowo damskie (tj. od mocnego różu, przez pudrowy róż, aż do różowawej bieli)
  • Płynne i łagodne animacje wejścia oraz ‘oddychania’ listy z postami (na stronie głównej forum)
  • Trzy rodziny czcionek (panel nawigacyjny, przyciski oraz treść stron)
  • Wyśrodkowany panel nawigacyjny
  • Zabawa teksturami i wzorami
  • Zaokrąglenia boxów i charakterystyczny wygląd przycisków
  • Więcej grzechów nie pamiętam, dlatego zapraszam do testowania :wink:

Załączony plik .css waży tyle z powodu tabulacji oraz dodanych parametrów !important pod koniec każdej linijki kodu.
Wszystko testowane i nadaje się bezpośrednio do wrzucenia na serwer :smile:

Dołączam również styl przeznaczony na urządzenia mobilne. Został on przetestowany w środowisku symulującym iPhone 5s a następnie iPhone 7 Plus (z pozytywnymi rezultatami).

Zaktualizowane style:
rose_lady.css (19,9 KB)
rose_lady_-_mobile.css (17,9 KB)

        

[details=Więcej]

[/details]

12 polubień

To i ja coś dorzucę od siebie tak na ostatnią chwilę. Ciemny motyw, trochę zmieniony wygląd niektórych elementów. Zwiększona lekko szerokość dla większych monitorów.

Dark Blue

styl: mor-dark-blue.css (28,6 KB) (zaktualizowany)

zrzuty:

więcej zrzutów

edit: chciałem zaktualizować styl do (mam nadzieję) ostatecznej wersji i przy okazji wrzucić 2 opcje kolorystyczne, ale z tego co widzę, nie udało się tego zrobić (pewnie przez weekend majowy) przed rozpoczęciem głosowania. Dlatego po prostu wrzucam to tu, a nuż ktoś będzie chciał użyć. Jeśli chodzi o opcje kolorystyczne to można sobie wrzucić do Stylish i powinno zadziałać :slight_smile:

mor-dark-green.css (28,6 KB)

mor-dark-orange.css (28,6 KB)

6 polubień

Blue window (wer. 1.2) (6,7 KB)


Więcej zrzutów

4 polubienia

Dobre Zielone

Pomyślałem, że zielony motyw to must have dla dobrychprogramów.
DobreZielone.css (3,3 KB)


Strona główna

Więcej screenów

Profil

Forum

3 polubienia

Ciemny styl - Widzę Ciemność!

CSS: ciemny-styl-forum-dp.css (12,3 KB)
CSS mobile: ciemny-styl-forum-dp-mobile.css (11,5 KB)
Userstyles: https://userstyles.org/styles/127731/dobreprogramy-pl-ciemny-wygl-d

[details=Lista zmian]
19.04

  • Wystylizowałem wiadomości
  • Małe poprawki

18.04 może zacznę robić listę zmian :v

  • Avatary są teraz zaokrąglone tylko 25%
  • Po najechaniu w link na górze (newsy, blogi itd.) kolor zmienia się na żółty
  • Zmieniłem kolor przycisków Kategorie, wszystkie, nowe itd. na zielony zamiast czerwonego.
  • Po najechaniu na głównej stronie na jakiś wpis lub kategorie jest podświetlany
  • Rozjaśniłem trochę kolor tekstu na głównej wpisów oznaczonych jako przeczytane[/details]

Screeny:



2 polubienia


Nie można wgrywać CSS. Bez zbędnych przeróbek, delikatnie przyciemniony szablon i czytelniejsze posty. Sam go używam bo wszechogarniająca biel kuje mnie w oczy.

2 polubienia

Soft (wer. 1.5) (5,8 KB)


Więcej zrzutów

8 polubień

(Gray wer. 1.5) (3,7 KB)


Więcej zrzutów

5 polubień

Nazwa: DP-Dark
Opis: Ciemny motyw w konwencji material design
Motyw: dp-dark.css (11,3 KB)
Wersja mobilna: dp-dark-m.css (12,2 KB)


1 polubienie

CSS:style.css (896 bajtów)
Userstyles:https://userstyles.org/styles/141306/forum-dobreprogramy-pl-kolory-logo-styl-retro

1 polubienie

BBS 2017

Motyw ma za zadanie nawiązywać wyglądem do starych BBS-ów.
Starałem się dopasować kolory w taki sposób, żeby jak najlepiej oddawały ten klimat, ale też nie drażniły oczu :slight_smile:

  • 85% szerokości ekranu (jeżeli zostanie wykryta niska rozdzielczość, to szerokość automatycznie zwiększy się do 100%)
  • Custom ikony dodane do tabeli z kategoriami
  • Dbałość o czytelność wszystkich stron i substron
  • Dużo elementów podświetlanych po najechaniu
  • Kolory kojarzone z BBS
  • Płynne i łagodne animacje wejścia oraz ‘oddychania’ listy z postami (na stronie głównej forum)
  • Trzy rodziny czcionek (panel nawigacyjny, przyciski oraz treść stron)
  • Wyśrodkowany panel nawigacyjny
  • Więcej grzechów nie pamiętam, dlatego zapraszam do testowania :wink:

Załączony plik .css waży tyle z powodu tabulacji oraz dodanych parametrów !important pod koniec każdej linijki kodu.
Nadaje się bezpośrednio do wrzucenia na serwer :smile:

Dołączam również styl przeznaczony na urządzenia mobilne. Został on przetestowany w środowisku symulującym iPhone 5s a następnie iPhone 7 Plus (z pozytywnymi rezultatami).

bbs_2017.css (15,7 KB)
bbs_2017_-_mobile.css (14,4 KB)

        

[details=Więcej]

[/details]

DarkRed

Motyw, który musiał się kiedyś pojawić - czyli kolorystyka czarno-czerwona :) Styl opiera się na pracy mojego brata Apostoła, lecz całkowicie przerobiłem kolory i oczywiście sporo dorzuciłem od siebie :+1: DarkRed.css (12,0 KB)

[details=Więcej fotek]

[/details]

6 polubień

Oo to i ja załączę swój motyw.
style.css (9,0 KB)

Screeny można znaleźć na moim blogasku
link dla leniwych Blogasek

@tomekb
Teraz mój styl się zwie UltraFiolet
Edit3:Wreszcie “menu” wygląda tak jak ma wyglądaćultrafiolet.css (11,6 KB)
Wersja 1.1.8


Edit2: ultrafiolet.css (10,6 KB)
Wersja 1.1.6


Edit: Udało mi się w końcu rozwiązać problem z “menu”.ultrafiolet.css (10,6 KB)
Wersja 1.1.5


ultrafiolet.css (10,5 KB)
wersja 1.1.4