FDB.PL 1129 nowy temat
szukaj Kategorie

Forum techniczne fdb.pl. Zgłoś błędy zauważone na stronie, pisz opinie na jej temat. Strona ta jest dla Was i zależy nam aby spełniała Wasze oczekiwania.

Wygląd strony 15
Sweet_Foxy

Cześć, czy da się ustawić jakąś inną skórkę, inny kolor tła? To białe tło bardzo męczy wzrok.

ZSGifMan

Zrób to sam – do dzieła :)

  1. >
    Ściągasz coś takiego jak STYLISH do CHROME lub FIREFOX, czy jaką tam używasz przeglądarkę.
    Może to być inny dodatek pod warunkiem, że w pełni obsługuje składnię CSS!
    Mając go potem tworzysz nowy profil w tym dodatku, edytujesz go i wklejasz taki kod:
  2. html *
    { background-color: #e0e0e0 !important; }
    >
    ( kod jest wyróżniony ;)
  3. >
    a… kolor szesnastkowy e0e0e0 to całkiem miły szary.
    Inny dowolny kolor bierzesz z tabeli kolorów np:
  4. https://www.w3schools.com/colors/colors_picker.asp
    >
    Możesz użyć też opisu koloru RGB (czerwony, zielony, niebieski) i tak np. nasz szary kolor to: rgb(224, 224, 224)
    potem określasz dla jakiej domeny ma być aktywny arkusz stylów, wpisujesz: fdb.pl
    bo inaczej na wszystkich stronach w całym internecie będziesz mieć ten kolor, no chyba, że też tego chcesz… ustawienie everything .
    Jeżeli chcesz sprecyzować dla jakiego elementu strony ma być podmieniany kolor, to musisz go podać np. tutaj tło strony takiej jak ta ma określenie .background i selektor klasy div.background .
    Inne selektory i obiekty należy ująć, by nie wskoczyły puste paski i wtedy nasz kod wygląda:
  5. .background, .content, .no-responsive
    { background-color: #e0e0e0 !important; }
    >
    Wszystko trzeba zapisać naciskając save i gotowe ;)
  6. >
    Strona FDB wygląda wtedy ładnie szaro (zapewne jak lubisz;) i prezentuje się tak:
  7. https://drive.google.com/file/d/1DNJP8tDAzppYuksBL17GRVmvXotY19ys/view
    >
    Nieco później i "na szybko" zrobiłem oficjalny ;) szary motyw dla FDB, który wygląda tak:
  8. https://drive.google.com/file/d/1XHtxjCez8mHbnWLXy_uvY4LBNDz6viJc/view
    >
    Trzeba wkleić w STYLISH coś takiego:
  9. .navbar.navbar-inverse, .well-full, a.text-muted
    { color: #f0f0f0 !important; background-color: #909090 !important; }
    .form-control
    { background-color: #f0f0f0 !important; }
    .post > .content, .media-body.p-a-05, .well-md
    { background-color: #e0e0e0 !important; }
    .background, .content, .forum, .no-responsive, .paginate
    { background-color: #d0d0d0 !important; }
    .topic.hidden
    { background-color: #c0c0c0 !important; }
    >
    Sprawdziłem na kilku różnych podstronach portalu i ładnie działa, jak ktoś coś znajdzie, że jednak nie ładnie ;) to w wolnej chwili poprawię.
    Dodatkowo optycznie "skompresowałem" tekst CSS, teraz prościej go ogarnąć okiem i nie jest już tak strasznie akademicki.
  10. >
    Mam nadzieję, że pomogłem,
    Powodzenia!
  11. >

> — ZS —

Sweet_Foxy

Bardzo dziękuję za tak profesjonalną i szczegółową odpowiedź. Popróbuję!

ZSGifMan

Bardzo proszę :)
W razie napotkanych trudności – pisz, coś pomyślimy wtedy jak im zaradzić.

CML99

Radziłbym używanie Stylus (lub jakiejś inner alternatywy), zamiast Stylish.
Od jakiegoś czasu Stylish należy do firmy analitycznej i rejestruje historię przeglądarki.

Również coś ode mnie: https://userstyles.org/styles/163028/fdb-pl-ciemny-motyw

ZSGifMan

@CML99
Dzięki kolego za njusa i info ;)

Twoje CSS się świetnie na nocne przeglądanie nadaje, dyskretnie i nie razi po oczach, a i w pokoju nie będzie łuny ;D

Siwy1984

@CML99
Muszę ci się przyznać że trafiłeś w mój gust.
Ten ciemny wygląd jest naprawdę genialny !
Zrobiłeś kawał świetnej roboty , na miejscu administracji zastanowiłbym się czy nie warto wprowadzić takiego wyglądu ogólnie na stałe , bo jest on naprawdę o wiele bardziej przejrzysty i nie kuje w oczy tą bielą , po za tym jak wspomniał ZSGifMan portal świetnie się przegląda w nocy.
Dla mnie bomba.

Naprawdę FDB w tych barwach wygląda wspaniale , aż się chce tu jeszcze częściej zaglądać : )

Ode mnie ogromne podziękowania za te ciemne tło , zrobiłeś naprawdę świetną robotę.
Pozdrawiam : )

CML99

Może nie na stałe, ale jako możliwość przełączania między jasnym a ciemnym.
Taka opcja powinna być na każdej stronie.

ZSGifMan

Czasem najoczywistsze rzeczy są tymi funkcjami, które najtrudniej znaleźć…

Tutaj jest nieco inaczej i jak gospodarz to przeczyta, to może w wolnej chwili się nad tym pochyli, tym bardziej, że to czysta kosmetyka i powinno z tym pójść szybko ;)

Camizi

Styl od CML99 bardzo mi się podoba. Teraz jest dużo lepiej.

Swoją drogą na każdej "białej" stronie jest zawsze marudzenie użytkowników, że męczy wzrok i ktoś musi zrobić dodatek do przeglądarki, a twórcy portali internetowych i tak brną w tą idiotyczną modę na coraz to większą przewagę bieli, a że na ciemniejszych stronach nie narzeka absolutnie nikt, nie ma znaczenia. Dziwne to. ;)

+ dla opcji zaimplementowania wyboru w opcjach użytkownika

ar23s

> CML99 o 2018-07-31 11:43 napisał:
> Radziłbym używanie Stylus (lub jakiejś inner alternatywy), zamiast Stylish.
> Od jakiegoś czasu Stylish należy do firmy analitycznej i rejestruje historię
> przeglądarki.
>
> Również coś ode mnie: https://userstyles.org/styles/163028/fdb-pl-ciemny-motyw

Zainstalowałem ten ciemny styl i jest bosko! Od dawna mi tego brakowało, a teraz wszystko wygląda o wiele lepiej ;)

mala_madi

Dodatek Stylebot na Chrome jest wygodny, można sobie wybrać kolory tła i czcionki, jakie się chce bez ściągania gotowych styli. Właśnie sobie zrobiłam fiolecik. :)

ZSGifMan

> mala_madi napisała: Dodatek Stylebot na Chrome jest wygodny, można sobie wybrać kolory tła i czcionki, jakie się chce bez ściągania gotowych styli. Właśnie sobie zrobiłam fiolecik. :)

Bardzo ciekawa uwaga, bo tyle się tego pojawia, że nie sposób nadążyć i takie polecenie jest cenne :)

Na upartego nie są potrzebne żadne dodatki, bo można w przeglądarce skonfigurować sobie globalne kolory czcionki/tła jak i wielkość i krój, ale te dwa ostatnie raczej odradzam ruszać.

CML99

> mala_madi o 2018-09-18 22:28 napisał:
> Dodatek Stylebot na Chrome jest wygodny, można sobie wybrać kolory tła i
> czcionki, jakie się chce bez ściągania gotowych styli. Właśnie sobie zrobiłam
> fiolecik. :)

Ja tam wolę bardziej profesjonalną edycję stylu dopracowaną w każdym (a przynajmniej większości) szczególe :P
Taka szybka zmiana tła i czcionki nie wygląda zbyt estetycznie/czytelnie.

mala_madi

> CML99 o 2018-09-19 20:16 napisał:
> Ja tam wolę bardziej profesjonalną edycję stylu dopracowaną w każdym (a
> przynajmniej większości) szczególe :P
> Taka szybka zmiana tła i czcionki nie wygląda zbyt estetycznie/czytelnie.

A co, źle?
http://i67.tinypic.com/2z8p4pl.jpg
http://i66.tinypic.com/2n9e2ix.jpg

ZSGifMan

> mala_madi napisała: A co, źle?

Bardzo fajnie, kobieco :) (te kolory)
I zrobiłaś to sobie zupełnie sama!

Proszę czekać…