Wasze modyfikacje wyglądu forum - ZGŁOSZENIA


(tomekb) #1

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.


Zmiana wyglądu forum?
Style konkursowe - głosowanie i ważna uwaga do autorów
Wasze modyfikacje wyglądu forum - KONKURS!
Zmiana wyglądu forum?
Problem ze stylami Forum
(pablito24) #25

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)


(tomekb) #52

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


(tomekb) #58

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


(Apostoł) #11

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

(NobodyTT) #22

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]


(Mor) #39

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)


(Triste) #38

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


Więcej zrzutów


(Apostoł) #10

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


(pablito24) #4

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:




(GioWDS) #3


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.


(Triste) #14

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


Więcej zrzutów


(Triste) #15

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


Więcej zrzutów


(kubafj) #29

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)



(NobodyTT) #18

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]


(dadziok) #7

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


(unexpected0ne) #17

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]


(Blacklord) #9

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