Teammitglieder online
Regeln und nützliche Hinweise
Neueste Themen
» Anti-Spam-Prüfung bei Mitgliedernvon Skouliki Gestern um 18:10
» Die Heidekriger (WaCa) mit Punktesystem
von Rama So 21 Apr 2024 - 20:44
» Forum löschen, Probleme mit Gründeraccount
von Skouliki Di 9 Apr 2024 - 14:03
» [AwsomeBB] LogIn Farbe Weiß auf weiß
von Skouliki Sa 30 März 2024 - 21:14
» kann man noch Blogs hier erstellen?
von Joost Mi 27 März 2024 - 18:40
» Einstellen der Profilfelder funktioniert nicht
von Skouliki Di 26 März 2024 - 12:54
» Gründer-E-Mail-Adresse ändern
von Skouliki Mo 25 März 2024 - 13:48
» PN's werden nicht mehr rot eingefärbt
von Skouliki Fr 22 März 2024 - 7:44
» Missbrauchsmeldung "Sexueller Inhalt" war (wieder) Werbung/Spam/Scam
von Skouliki Do 21 März 2024 - 9:03
» [phpBB3] Suchfunktion ohne Funktion
von Skouliki Mi 20 März 2024 - 8:41
» Neuer User kann sich anmelden.
von Skouliki Mi 20 März 2024 - 8:38
» Zugangsdaten vergessen/verloren
von Joost Sa 16 März 2024 - 21:07
» Schwierigkeiten mit BBCode
von Skouliki Fr 15 März 2024 - 11:51
» Entdeckt die neue Option Servimg Premium
von Joost Mi 6 März 2024 - 19:50
» Neues YAMAHA XT660-Forum
von gnadenlos Fr 1 März 2024 - 7:33
» Forum nur noch für Eingeloggte sichtbar?
von Skouliki Di 27 Feb 2024 - 7:53
» [phpBB3] Eine Frage zum Forum selbst.
von Skouliki Di 27 Feb 2024 - 7:52
» Beiträge verschwinden
von Skouliki Do 22 Feb 2024 - 7:47
Beiträge mit den meisten Reaktionen des Monats
» Beitrag von Black Heaven in Anti-Spam-Prüfung bei Mitgliedern ( 1 )
» Beitrag von Skouliki in Anti-Spam-Prüfung bei Mitgliedern
( 1 )
Dark Modus
3 verfasser
Das Forum der Foren :: Hilfe und Unterstützung :: Aussehens des Forums anpassen :: Aussehen des Forums anpassen - Archiv
Seite 1 von 1 • Teilen
Dark Modus
URL-Adresse des Forums:https://verbalkonter.forumieren.com/
Rang/Funktion im Forum:Admin
Forenversion:ModernBB
Browser:Chrome
Persönliches CSS(Nein):
Templateänderungen(Nein):
Hallo
Nachdem das mit dem Stylecharger schon geklappt hat, kann man auch den Dark-Modus, der im Adminbereich schon integriert ist auch auf das Forum übernehmen?
Rang/Funktion im Forum:Admin
Forenversion:ModernBB
Browser:Chrome
Persönliches CSS(Nein):
Templateänderungen(Nein):
Hallo
Nachdem das mit dem Stylecharger schon geklappt hat, kann man auch den Dark-Modus, der im Adminbereich schon integriert ist auch auf das Forum übernehmen?
Zuletzt von Verbalkonter am Mo 11 Dez 2023 - 14:18 bearbeitet; insgesamt 1-mal bearbeitet
Verbalkonter- Geselle
- Beiträge : 59
Anmeldedatum : 07.10.23
Re: Dark Modus
Versuche dies
Admin-Panel ... Module ... HTML & JAVASCRIPT ... Verwaltung von Javascript-Codes ... Erstellen Sie ein neues Javascript
zu allen Seiten
Admin-Panel ... Module ... HTML & JAVASCRIPT ... Verwaltung von Javascript-Codes ... Erstellen Sie ein neues Javascript
zu allen Seiten
- Code:
// ZONA EDITABLE
var versionForo = 'ModernBB';
var posicionBotonModoNoche = 'toolbar'; // admite toolbar y flotando
var css = '.conteneur_minwidth_IE,
#wrap {
background-color: #121212;
color: grey;
}
.inner,
.icon,
.module,
.content,
.post,
.row {
background-color: #1c1c1c;
color: grey; }
.block-footer {
background-color: #1d262c;
}
a {
color: grey !important;
}
p {
color: grey;
}
.block {
background-color: #1d262c;
color: grey;
}
#picture_legend, #privmsgs-menu {
background-color: #1d262c;
}
.inner, .icon, .module, .content, .post, .row:hover {background-color:#1c1c1c !important;}
li.row {
border-color: grey !important;
}
.panel {
background-color: #1c1c1c;
}
.row3 {
background-color: #1c1c1c;
}
#cp-main .panel.sig {
background-color: #1c1c1c;
}
.h3, h3 {
border-color: #1c1c1c;
}
.button, .button1, .button2, input[type="submit"] {
background-color: #1d262c;
}';
// FIN ZONA EDITABLE
// eventos
if (modoNocturnoActivado() == true) {
$('head').append('<style>' + css + '</style>');
}
document.addEventListener("DOMContentLoaded", function(event) {
if (posicionBotonModoNoche == 'toolbar' && _userdata["session_logged_in"] == 1) {
document.getElementById('fa_menulist').innerHTML += '<li class="fa_separator"></li><li><a href="#" id="activar-modo-nocturno">' + textos() + '</a></li>';
} else if (posicionBotonModoNoche == 'flotando' || _userdata["session_logged_in"] == 0) {
versionForo = versionForo.toUpperCase();
var contenedor_boton;
if (versionForo == 'PHPBB3' || versionForo == 'MODERNBB') {
contenedor_boton = document.getElementById('wrap');
} else if (versionForo == 'PUNBB' || versionForo == 'INVISION') {
contenedor_boton = document.getElementsByClassName('container_IE')[0];
} else if (versionForo == 'PHPBB2') {
contenedor_boton = document.getElementsByClassName('bodylinewidth')[0];
} else {
console.log('Versión de foro incorrecta. Solo se admiten: phpBB3, phpBB2, punBB, Invision y ModernBB');
}
contenedor_boton.innerHTML += '<div id="boton-flotante"><a href="#" id="activar-modo-nocturno">' + textos() + '</a></div>';
var boton_flotante_element = document.getElementById('boton-flotante');
boton_flotante_element.style.bottom = '0';
boton_flotante_element.style.position = 'fixed';
boton_flotante_element.style.backgroundColor = 'white';
boton_flotante_element.style.padding = '4px';
boton_flotante_element.style.fontSize = '14px';
boton_flotante_element.style.border = '1px dotted #3a9bca';
} else {
console.error('Valor erroneo para la variable posicionBotonModoNoche');
}
document.getElementById('activar-modo-nocturno').addEventListener("click", function(event) {
if (modoNocturnoActivado() == true) {
document.cookie = "modoNoche=0; expires=Thu, 01 Jan 1970 00:00:00 UTC";
} else {
document.cookie = "modoNoche=1";
}
location.reload();
});
});
// funciones
function modoNocturnoActivado() {
var name = 'modoNoche' + "=";
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ') c = c.substring(1);
if (c.indexOf(name) == 0) {
return true;
}
}
return false;
}
function textos() {
if (modoNocturnoActivado() == false) {
return 'Turn on night mode';
} else {
return 'Turn off night mode';
}
}
Skouliki- Moderatorin
- Beiträge : 847
Anmeldedatum : 16.04.19
Re: Dark Modus
Hmm, das hat noch nicht geklappr, bzw. wird keine Auswahl/Schalter angezeigt um den Dark Mode einzustellen
Verbalkonter- Geselle
- Beiträge : 59
Anmeldedatum : 07.10.23
Re: Dark Modus
Sie können diese Codes von anderen Supportanbietern ausprobieren, wenn Sie möchten
1. https://asistencia.foroactivo.com/t151453-anadir-un-modo-nocturno-a-nuestro-foro
2. https://forum.forumactif.com/t308631-selecteur-de-style#2696643
3. https://fmdesign.forumotion.com/t444-night-mode?highlight=night
Skouliki- Moderatorin
- Beiträge : 847
Anmeldedatum : 16.04.19
Re: Dark Modus
Versuche ich mal, ich melde mich zurück
Verbalkonter- Geselle
- Beiträge : 59
Anmeldedatum : 07.10.23
Skouliki mag diesen Beitrag
Re: Dark Modus
|
|
Skouliki- Moderatorin
- Beiträge : 847
Anmeldedatum : 16.04.19
Re: Dark Modus
Nein, leider hats noch nicht geklappt und einer der Codes verfehlt das eigentliche Ziel, er stellt das gesamte Forum dunkel, so dass man keine Beiträge lesen kann, aber ich möchte es ebenso wie der Dark-Modus im AB
Verbalkonter- Geselle
- Beiträge : 59
Anmeldedatum : 07.10.23
Re: Dark Modus
Wir können diesen Code nicht weitergeben. Er ist nur für das Admin-Panel bestimmt und kann nicht auf das Forum angewendet werden
Skouliki- Moderatorin
- Beiträge : 847
Anmeldedatum : 16.04.19
Re: Dark Modus
Ich versuche gerade es über CSS einzustellen, aber bislang funktioniert es noch nicht, bzw. ist kein Wählschalter für den Dunkelmodus sichtbar, eventuell will ich versuchen den Darkmodus-Code aus dem Forumactif-Edge einzubauen, das ich ja noch im Testforum laufen habe, die Frage ist, ob das bei einem ModernBB-Forum funktioniert?
Verbalkonter- Geselle
- Beiträge : 59
Anmeldedatum : 07.10.23
Re: Dark Modus
Um ehrlich zu sein, habe ich es nicht getestet
Skouliki- Moderatorin
- Beiträge : 847
Anmeldedatum : 16.04.19
Re: Dark Modus
Und mir ist das Forumactif-Edge um ehrlich zu sein zu komplex, die Gefahr ohne Support mit dem Ding alleine da zustehen, ist mir zu groß, darum will ich eben Farbwechsel und Darkmodus auf das existierende Forum übertragen
Verbalkonter- Geselle
- Beiträge : 59
Anmeldedatum : 07.10.23
Re: Dark Modus
Edge verfügt über Funktionen, die speziell für diese Version entwickelt wurden. Ich weiß nicht, ob Sie diese Funktionen auf andere Versionen anwenden können
Denn jede Version hat unterschiedliche Elemente, insbesondere Edge, das über stark veränderte Vorlagen verfügt
Denn jede Version hat unterschiedliche Elemente, insbesondere Edge, das über stark veränderte Vorlagen verfügt
Skouliki- Moderatorin
- Beiträge : 847
Anmeldedatum : 16.04.19
Re: Dark Modus
Ich wills versuchen den Code anzuwenden, klappts nicht, mach ich es rückgängig, jedenfalls will ich das Edge-Forum lieber nicht anwenden, ich habe mit Github-Links schon schlechte Erfahrung gemacht, zum Beispiel bei Flightgear, wo viele veränderte Addons schlecht oder garnicht funktionieren
Verbalkonter- Geselle
- Beiträge : 59
Anmeldedatum : 07.10.23
Re: Dark Modus
Sorry, aber keiner der Codes scheint auf ModernBB zu funktionieren, wißt ihr einen Rat?
Verbalkonter- Geselle
- Beiträge : 59
Anmeldedatum : 07.10.23
Re: Dark Modus
Probieren Sie dieses Javascript auf allen Seiten aus
CSS code
Ergebnis
https://test4test.forumotion.com/
- Code:
$(function() {
if ($.cookie("sstyle")) {
$("html").attr("class", $.cookie("sstyle"));
}
$("#page-header").after('<select id="sstyle" onChange="changestyle(this.value);"><option value="">Style light</option></select>');
addstyle("Style dak", "dark");
if ($.cookie("sstyle")) {
$('#sstyle option[value="' + $.cookie("sstyle") + '"]').attr("selected", "selected");
}
});
function addstyle(nom, styleclass) {
$("#sstyle").append('<option value="' + styleclass + '">' + nom + '</option>');
};
function changestyle(styleclass) {
$("html").attr("class", styleclass);
$.cookie("sstyle", styleclass, {expires:365});
};
CSS code
- Code:
html.dark, html.dark img {
filter: invert(1) hue-rotate(180deg);
}
select#sstyle {
border: 1px solid black;
width: fit-content;
}
Ergebnis
https://test4test.forumotion.com/
Skouliki- Moderatorin
- Beiträge : 847
Anmeldedatum : 16.04.19
Re: Dark Modus
Versuche ich mal
Der CSS Code aus dem Edge-Forum funktioniert in ModernBB leider auch nicht
Der CSS Code aus dem Edge-Forum funktioniert in ModernBB leider auch nicht
Verbalkonter- Geselle
- Beiträge : 59
Anmeldedatum : 07.10.23
Re: Dark Modus
Verbalkonter schrieb:Versuche ich mal
Der CSS Code aus dem Edge-Forum funktioniert in ModernBB leider auch nicht
erwartet
Skouliki- Moderatorin
- Beiträge : 847
Anmeldedatum : 16.04.19
Re: Dark Modus
Skouliki schrieb:Probieren Sie dieses Javascript auf allen Seiten aus
Ja Supi, genau wie im Admin-Index, so sollte es sein, und ich muss nicht die unerprobte Edge-Bastelbude verwenden , dann kann hier jetzt zu, Danke!!
Wie du sagst, er hat soviel verändert, das man nix aus dem Edge-CSS verwenden kann
Verbalkonter- Geselle
- Beiträge : 59
Anmeldedatum : 07.10.23
Skouliki mag diesen Beitrag
Re: Dark Modus
|
|
• Die Regeln • Keine unaufgeforderten PNs! • Infos zu den Gründerdaten
• Passwort vergessen? • Suche benutzen!
Ich spreche kein Deutsch! (Google)
Forumieren auf Facebook
Joost- Administrator
- Beiträge : 1013
Anmeldedatum : 29.12.12
Eto mag diesen Beitrag
Ähnliche Themen
» Dark Vampire Rpg
» dark-blooddancer Vampire RPG
» Dark Memories are alive
» Ice Dark Extrem Buttons
» the dark Crypt Vampirrollenspielforum
» dark-blooddancer Vampire RPG
» Dark Memories are alive
» Ice Dark Extrem Buttons
» the dark Crypt Vampirrollenspielforum
Das Forum der Foren :: Hilfe und Unterstützung :: Aussehens des Forums anpassen :: Aussehen des Forums anpassen - Archiv
Seite 1 von 1
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten