Skocz do zawartości
PL
Szukaj na Pecetowiczu
  • Utwórz konto

Nocna i dzienna wersja szablonu. CSS Style Switcher do MyBB.


Przejdź do rekomendacji Rozwiązane przez SeNioR,
Rekomendowane odpowiedzi

Hej. W jaki sposob zrobić taki przycisk do zmiany koloru forum. Przełączanie szablonu na dzień lub noc.

styldziennoc.png

Sam przycisk sam w sobie wiem Szukam informacji na zagranicznych forach ale też niewiele tam jest. Tak sobie myslę, ze moze by stworzyc kolejnego .css i jakoś to podpiać pod przycisk?

Odnośnik do komentarza
Udostępnij na innych stronach

Wydaje mi się, że ww. strona korzysta z pluginu, który dodaje opcję zmiany koloru motywu. Pod uwagę trzeba wziąć HTML, CSS i JS.

Osobiście, nie spotkałem się z darmowym pluginem.

Odnośnik do komentarza
Udostępnij na innych stronach

Skrypt dodaje klasę night do elementu body. Klasa night zawiera po prostu inny styl (głównie kolory) dla każdego z jej pod elementów. W sumie tyle.  Za 25 zł napiszę ci ten skrypt specjalnie pod twoją stronę

js, sam css, react, angular, vue, jquery

Taki mały update. Skrypt powstał. Gdyby ktoś jeszcze był zainteresowany to zapraszam na priv albo dennijsis@gmail.

Skrypt:

- może zapisać/wczytać ostatnio użyty motyw (light lub dark) oraz ustawić dzień wygaśnięcia (przechowuje informacje lokalnie)

- przystosowany pod interfejs

- napisany w czysty js, nie potrzeba zewnętrznych frameworków 

- jest bardzo prosty w użyciu

Przetestowałem go, ale jeśli znajdziecie jakiś błąd - skontaktujcie się, a natychmiast go załatam  

Odnośnik do komentarza
Udostępnij na innych stronach

  • Rekomendowana odpowiedź

Stwórz darkstyle.css i oraz pobierz styleswitcher.rar - wypakuj plik styleswitcher.js

Oba pliki umieść tam gdzie ci pasuje. W poniższym kodzie zmień ścieżkę do tych plików.

przez zamknięciem znacznika </head> dodaj

<link rel="alternate stylesheet" type="text/css" href="darkstyle.css" title="alternate" />
<script type="text/javascript" src="styleswitcher.js"></script>

Gdzieś w znaczniku body dodaj:

<a href="#" onclick="setActiveStyleSheet('default'); return false;">Zmień styl na jasny</a>
<a href="#" onclick="setActiveStyleSheet('alternate'); return false;">Zmień styl na ciemny</a>
Odnośnik do komentarza
Udostępnij na innych stronach

@SeNioR dude ... 

Odnośnik do komentarza
Udostępnij na innych stronach

@SeNioR dzieki za pomoc! Jednak @dennijs był szybszy i zarobił mi za pare groszy inne rozwiazanie. Moze sie komus przyda to tutaj zamieszczone. Ja nie sprawdzalem jak dziala ale gdy bede wdrazal trzeci styl na forum to byc moze z niego skorzystam, bo mozna wstawic dowolna liczbe przyciskow (w tym od dennijs tylko dwa style).

Odnośnik do komentarza
Udostępnij na innych stronach

  • 2 lata później...

super rozwiązanie 

Odnośnik do komentarza
Udostępnij na innych stronach

Kontynuuj dyskusję

Dołącz do Pecetowicza, aby kontynuować dyskusję w tym wątku.

  • Dodaj nową pozycję...
  • Dodaj nową pozycję...