body {visibility:hidden;} in Bootstrap 4

EaglePipe

Lt. Commander
Registriert
Juli 2008
Beiträge
1.173
Hallo Zusammen,

ich arbeite gerade am Design für ein Forum das ist bei Xobor wir haben am Wochenende auf Bootstrap 4 umgestellt. Ich habe ein Design erarbeitet mit Hell / Dunkel modus und jedes mal vom umschalten auf das dunkle Design und dann auf Themen betragen blitzt das helle design durch Lösung wäre
body {visibility:hidden;}
aber das macht die Darstellung kaputt.

Gruß Alex
 
das funktioniert leider nicht

<script>if($('#usertoggler_menu_lg').length){ $('#adminlink').html("Administration " + $('#adminlink').html()); $topnav = $('<div id="topnav" class="d-none d-lg-block text-right card-header p-0"></div>'); $topnav.insertBefore($('#xpagehead')); $('#usertoggler_menu_lg').prependTo($topnav).show(); $('#adminlink').prependTo($topnav).show(); }</script> <script> if(!localStorage.getItem('fontwechsler')){ var forum_einst = $(".card, .card-body, .card-body-addon, .forumdesc,.forumstats, .d-none, .subforumlist, .thread_info, .table, .activity_content").css("color"); localStorage.setItem('fontwechsler', forum_einst); } var speicherung = localStorage.getItem('fontwechsler') $('body').append('<style>.card, .card-body, .card-body-addon, .forumdesc, .d-none, .subforumlist, .thread_info, .table, .table-hover tbody tr:hover, .activity_content{color:'+speicherung+' !important;}</style>'); // Einstellung Hell function forum_standard(){ localStorage.clear(); $('body').append('<style>.card, .card-body, .card-body-addon, .forumdesc.d-none, .subforumlist, .thread_info, .table, .table-hover tbody tr:hover, .activity_content{color: #000000;}</style>'); localStorage.setItem('fontwechsler', '#000000'); } // Einstellung dunkel function forum_color(){ $('body').append('<style>.card, .card-body, card-body-addon, .forumdesc, .d-none, .subforumlist, .thread_info, .table, .table-hover tbody tr:hover, .activity_content{color: #ffffff;}</style>'); localStorage.setItem('fontwechsler', '#ffffff'); } // Hintergrund if(!localStorage.getItem('switcher_v6')){ localStorage.setItem('switcher_v6'); } var styles_v6 = new Array(); /* Farben ändern */ styles_v6[0] = '#e3e3e3'; styles_v6[1] = '#242424'; function v6_style(n) { localStorage.setItem('switcher_v6' , (n+","+111)); location.reload(); } var Farbe_ändern = styles_v6[localStorage.getItem('switcher_v6').slice(0, 1)] /* Referenzfarbe aus dem Template */ var Design_X6 = '#e3e3e3'; //var Design_X6 = '#242424'; var keys = Object.values(window.getComputedStyle($('html').get(0))); var filteredKeys = keys.filter(function (key){return key.indexOf('color') > -1}); var colors = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(Design_X6).splice(1,3); var rgb = 'rgb(' + colors.map(function (color){return parseInt(color, 16)}).join(', ') + ')'; $("*").each(function (index, element) { filteredKeys.forEach(function(key) { if ($(element).css(key) == rgb) { $(element).css(key, Farbe_ändern); } }); }); $(function(){ /* Scroll-Symbol */ document.getElementById("scrollUpImg").style.filter = "grayscale(100%)"; /* Profil */ $('.shead,.ava_guest').css({'background':Farbe_ändern,'filter': 'brightness(90%)','color':'#ffffff','border':'1px solid #aaaaaa'}).find('.ava_guest').css({'filter': 'brightness(120%)'}); $('.image_container .ava_guest').css({'justify-content':'center','align-items':'center','display':'flex'}); $('.guest_view, .member_view, .mod_view, .admin_view').fadeOut(0).fadeIn(300).css('visibility','visible'); }); </script> <script> /* hover Effekt in Forumliste entfernen */ $('.forumlist .forum').removeClass('hoverable'); </script> <script> if (window.location.href.indexOf("#impressum") > -1) { if (window.location.href.indexOf("#faq") > -1) { $('#privacy').removeClass('compressed').addClass('expanded'); }; $('#footernav a#impressum_link').html('Impressum & Datenschutz'); </script> <script> //Fußleiste: $('#footernav a:last').after('<a class="nav-link" href="/page-144621-3.html">Design wählen</a>'); $('#footernav a:last').after('<a class="nav-link" href="/Teilnahmebedingungen.php">Teilnahmebedingungen</a>'); $('#footernav a:last').after('<a class="nav-link" href="/useronline.php">Wer ist Online?</a>'); </script>
 
Zurück
Oben