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

Jak zrobić ciemną wersję szablonu poprzez przycisk "Switch" MyBB


Rekomendowane odpowiedzi

Witam. Chciałem zrobić dwie wersje stylu. Jedną jasną (taka jaka jest) i drugą ciemną. Oraz przyciski (jeden - po kliknieciu zmienia się styl na jasny, drugi- po kliknieciu zmienia sie styl na ciemny). Przyciski same w sobie już mam i są na forum tylko teraz jak zrobić żeby po kliknięciu zmieniał się styl na ciemny oraz gdzie stworzyć ten plik css w którym będzie ciemny wygląd, czy ma to być plik na ftp, czy normalnie w ACP zrobić arkusz css, np. darkstyle.css??

Wygląd ikonek: https://prnt.sc/nvddw0

Adres forum: vape4you.pl
Wersja silnika: 1.8.16

Kod ikonek:

<a href="#" onclick="setActiveStyleSheet('default'); return false;" data-toggle="tooltip" data-original-title="Styl Jasny" style="margin-right: 10px;"><i class="far fa-moon" style="font-size: 18px;"></i></a>

<a href="#" onclick="setActiveStyleSheet('alternate'); return false;" data-toggle="tooltip" data-original-title="Styl Ciemny"><i class="fas fa-moon" style="font-size: 18px;"></i></a>

PS: Od razu zaznaczam, że zrobiłem wszyściutko tak jak SeNioR napisał tutaj i nie działało, więc zostawiłem same ikonki a styleswitcher.js usunąłem i czekam na jakieś inne rozwiązanie...

Odnośnik do komentarza
Udostępnij na innych stronach

@Rydzus Najlepiej utwórz arkusz w PA. Żeby ciemny styl działał, to musisz edytować prawie cały CSS.

2 godziny temu, Rydzus napisał:

styleswitcher.js usunąłem

Jeśli usunąłeś plik, to właśnie działać nie będzie, więc nie pisz, że zrobiłeś wszystko tak, jak @SeNioR napisał.

Odnośnik do komentarza
Udostępnij na innych stronach

(edytowane)
Godzinę temu, Tomik napisał:

Jeśli usunąłeś plik, to właśnie działać nie będzie, więc nie pisz, że zrobiłeś wszystko tak, jak @SeNioR napisał.

@Tomik Ale właśnie usunąłem, bo nie działało 

i jak zrobię arkusz css w PA to potem jak się do niego odnieść w kodzie (chodzi mi o href=" ")? Tak jak jest niżej, czy jakaś inna ścieżka?

<link rel="alternate stylesheet" type="text/css" href="darkstyle.css" title="alternate" />

Edytowane przez paZZiuu
Odnośnik do komentarza
Udostępnij na innych stronach

Innej ścieżki do PA nie ustawisz.  

<link rel="alternate stylesheet" type="text/css" href="darkstyle.css" title="alternate" />

Chyba, że ma czytać z serwera FTP:

<link rel="alternate stylesheet" type="text/css" href="images/styl/darkstyle.css" title="alternate" />
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ę...