Designvorlagen

Antworten
  • Seite 2 von 2
#16
01.08.2022 13:12
avatar  Ingmar
#16 RE: Designvorlagen
avatar
Ingmar
Technik

Zitat von EaglePipe im Beitrag #15
nach meiner Recherche gibt es body {visibility:hidden;} nicht mehr im Bottrop 4 hat jemand eine Lösung


Die "visibility" ist eine CSS-Eigenschaft. Die funktioniert in jedem aktuellen Browser. Das verwendete Framework (in diesem Fall Bootstrap 4) spielt dabei keine Rolle.

Ich kenne den Code für deinen "Style-Switcher" nicht. Daher kann ich dir auch nicht sagen, wo das Problem liegt.

Viele Grüße,
Ingmar
 Technik · Homepagemodules.de · Miranus GmbH

 Antworten

 Beitrag melden
#17
01.08.2022 13:16
avatar  EaglePipe
#17 RE: Designvorlagen
avatar
EaglePipe
Mitglied

@Ingmar

das sollte kein Problem sein anbei der code vom Skript

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
 
<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>
 



Gruß Alex


 Antworten

 Beitrag melden
#18
01.08.2022 14:56
avatar  Ingmar
#18 RE: Designvorlagen
avatar
Ingmar
Technik

Also wie du schon selbst bemerkt hast wird hier zunächst das gesamte Forum geladen und dann irgendwann per Javascript die CSS geändert.

Gerade da hier auch noch JQuery verwendet wird (welches im V6 erst ganz am Ende der Seite geladen wird), dürftest du bei diesem Weg immer Probleme bekommen.

Sinnvoller wäre es vermutlich, das in einem Plugin zu versuchen und dann abhängig von der gewünschten Einstellung direkt in "Obere Leiste - Footer" eigenen CSS-Code auszugeben.

Viele Grüße,
Ingmar
 Technik · Homepagemodules.de · Miranus GmbH

 Antworten

 Beitrag melden
#19
01.08.2022 19:50
avatar  l2otbart_57
#19 RE: Designvorlagen
l2
l2otbart_57
Mitglied

hallo EaglePipe,

habe gerade den Einsatz von

1
 
body {visibility:hidden;}
 



in meinem V4-Template ausprobiert.

Zu beachten ist, dass man die Anweisung auch im Mobil-CSS macht.

um die Seite wieder anzuzeigen, fehlt jeweils im Footer

1
2
3
4
 
<style>
body {visibility:visible;}
</style>
 
 



noch zum Script: sollten noch andere Scripte/Plugins localStorage benutzen, löscht dir

localStorage.clear() // in Zeile 17

alle Einstellungen.





 ... würde es „Fussball spielen” heissen

vG Bernd‍

 Antworten

 Beitrag melden
#20
01.08.2022 20:17
avatar  EaglePipe
#20 RE: Designvorlagen
avatar
EaglePipe
Mitglied

@l2otbart_57

danke für deine Rückmeldung


 Antworten

 Beitrag melden
Antworten
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!