Minimierter Styleswitcher / Hintergrundwechsler für alle Template (auch V6)

Um alle Funktionen nutzen zu k�nnen, aktivieren Sie bitte JavaScript in ihrem Browser!

Der Treffpunkt f�r Hilfe, Tricks & Tipps � XOBOR-Foren und Homepages � Das neue Template Xobor (v6) � Minimierter Styleswitcher / Hintergrundwechsler für alle Template (auch V6)

Seite 1 von 3 � Seite 1 2 3 Seite �

Themen-Einstellungen

Thema drucken

Bereich wechseln

Start Willkommen! Ank�ndigungen & Termine, wichtige News! Stellen Sie Ihr eigene Webseite vor! Betriebssystem MS Windows Betriebssystem MS Windows 10, 8.1, 8 und 7 - Tricks & Tipps MS Windows 10, 8.1, 8 und 7 - Fragen & Antworten �rger mit Ihrem PC? �rger mit dem PC - Vorbeugung und Hilfe �rger mit dem PC - Fragen & Antworten Fragen zu DSL, VDSL, LTE und anderen Netzempfangsarten XOBOR-Foren und Homepages Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten Das neue Template Xobor (v6) Energieerzeugung im neuen Zeitalter - Revolution�r! Videos und Webseiten zur Freien Energie Wasserstoff - Energietr�ger der Zukunft. Die besten Links Empfehlenswerte und interessante Links! Link - Suche Verschiedenes Faszinationen & Unglaubliches! Tricks & Tipps f�r Smartphones und iPhones Lob, Kritik & Verbesserungsvorschl�ge Spiel & Spa�, Witz & gute Laune! Spiritualit�t, Seele, New Age, Yoga, Gesundheit Alles, was noch so �brig bleibt Bannertausch Wie funktioniert der Bannertausch? Bannerrotation und Bannerwechsel

#1 | Minimierter Styleswitcher / Hintergrundwechsler für alle Template (auch V6) datum

20.01.2008 03:50 (zuletzt bearbeitet: 07.05.2023 08:55)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3200
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Likes	1113

Minimierter Styleswitcher fürs Business-Template
Aktualisiert 07.05.23

Das Plugin von Olaf ist sehr umfangreich. Man in kann in seinem PI im großen Maße die Schriftgröße, Schriftart und Schriftfarbe verändern.
Aber ob man die Schrift im Detail einzeln verändern möchte, ist Geschmackssache! Eine zusätzliche Option im PI währe gut!
Wenn möchte, kann die Schrift auch im Browser dauerhaft ändern.

Der große Vorteil des folgenden, abgeänderten Scriptes liegt darin, dass das es wesentlich schlanker ausfällt und schneller geladen wird!
Die Style-Auswahl beinhaltet einen 3D-Effekt in den Farben, Blau, Silber, Rot, Grün und Gelb und ist nur fürs Business-Template ausgelegt!
Die Farbanpassung für das PIugin "Slides and Stripes" ist im Skript mit berücksichtigt!

Es besteht die Möglichkeit den Styleswitcher in die "Forum Kopf- oder Fußleiste" einzubauen, ohne das Template zu verändert und das Script zu testen!

Installation

Das folgende Script kann auch ohne Veränderung des Templates in die "Kopf- oder Fußleiste" eingebaut werden.
Funktioniert auch im Portal!
Die Farbe und Styles sind nur für das Business-Template ausgelegt!
Günstig ist es, das Script (Zeile 18-37) in den Header, in die "Obere Leiste" einzubauen. Hierdurch wird ein schnelles Umschalten des gesamten Styles gewährleistet, ohne dass das Standard-Style (Zeile 26-30) kurz aufblitzt!
Das Auswahlmenü (Zeile 1-14) kann an eine beliebige Stelle gesetzt werden!
Zusätzlich sind noch die Scroll-Leisten, die Rating-Buttons, der Chat, der Kalender, Speicher-Button, Navigationsleiste, optionale Login-Box, Sucheingabe und der Footer in den Style-Switcher einbezogen worden!
Sollen Farben hinzugefügt oder verändert werden, kann man im Browser mit der rechten Maustaste unter "Element untersuchen" die einzelnen Klassen aufzuspüren und Farben beliebig anzupassen!

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
 
<!-- Auswahlmenü -->
<form>
<select style="cursor:pointer" size="1" name="Styleswitcher" onChange="javascript:top.location = this.form.Styleswitcher.options[this.form.Styleswitcher.selectedIndex].value;">
<option selected="selected" disabled="disabled">Forum Style ändern...</option>
  
<option disabled="disabled"> </option>
<option value="javascript:change_style(1)">Standard</option>
<option style="color:#3333FF;" value="javascript:change_style(2)">3D Blau</option>
<option style="color:#a9a9a9;" value="javascript:change_style(3)">3D Silber</option>
<option style="color:#CC0000;" value="javascript:change_style(4)">3D Rot</option>
<option style="color:#009900;" value="javascript:change_style(5)">3D Grün</option>
<option style="color:#aaaa00;" value="javascript:change_style(6)">3D Gelb</option>
</select>
</form>
 
 
 
<!-- Script -->
<script type='text/javascript'>
if(!localStorage.getItem('switcher2')){  
localStorage.setItem('switcher2');  
}
 
var styles = new Array();
styles[1] = '';
styles[2] = 'body,.sbox {scrollbar-base-color: #236B6B;} .gpicinfo {background-color:#F1F1F1 !important;} .side-panel:nth-child(1) .foreground {fill: #89CFCF !important;} .side-panel:nth-child(2) .foreground {fill: #67AFAF !important;} .side-panel:nth-child(3) .foreground {fill: #458D8D !important;} .side-panel:nth-child(4) .foreground {fill: #236B6B !important;} .side-panel:nth-child(5) .foreground {fill: #014949 !important;}body, .login_box, #headerSearchSubmit{background-color:#DBEEFF !important;}table.calendar td.calendar_today div.day_header {border:none;background:#BDEBFF !important;} .calendar_today{background:none !important;} #xChatGuests {background:#BDEBFF !important;color:#000000} .ratingbutton,.even,.treetalk_button {background: #BDEBFF !important;} .header,.ui-dialog-titlebar {background-image: none !important;background: #DBEEFF !important;} #pm_outbox_form_submit, #newpreview, #login_submit, #newmsg, .button, .boxheader, .footer, .topnavigation_wrap li:hover, .topnavigation_wrap,li.searchli,#navigation,.menu_item,#inf_li, #last_li, #comm_li, .buttond, #global-news-li, .xChatHead, #news-headline {background-image: url("https://files.homepagemodules.de/b104774/a_532_ac9e8b1a.png") !important;background-color: #A8BACC !important;} ul.navigation {background: none !important} .menu_item:hover, ul.navigation li.currentpage, .header_login {background:#236B6B !important;} .spacer10,.link10:hover,.subnavi,.subnavi2, ul.submenu li,  #xChat_global.connected, .xChatHead.connectable, #global-news-box-wrap,.boxcontent {background: #88C9C9 !important;} #global-news-box-wrap span:hover {background:#B9CBDD} .boxheader strong, .boxheader a, .boxheader small, .footer a,.topnavigation strong,.topnavigation span,.menu_item span, .button, #inf_li a, #last_li a, #comm_li a, .boxheader b, .login_box strong, .login_box small, .cmhsp, div, #foverview_stat3 td, .content small, #messagetext, #messagetitle, .smallbutton, #nachricht, #event_name, #new_text, #new_previewtext, #new_title, #cat_name, textarea, input, #user_page03708292295062494 span, #link_login span, a, .fstat a small, a strong, a small, #xActivityFeed a, .mmain a, .memberlist a, .memberlist strong, #blog-sidebar a{color: #000000 !important;} .login_box a {color: #ffffff !important;} .grey a {color: #595959 !important;} .username, .headinfo, .usertitle{color: #ffffff !important;} input {border: 1px solid #88C9C9} ul.navigation li {border-right: 1px solid #88C9C9;border-left: 1px solid #88c9C9}ul.navigation {border-bottom:none}ul.submenu li{border-bottom: 1px solid #236B6B} .content, ul.forum li,li.searchli input {background: #FBFBFB}';
styles[3] = 'body,.sbox {scrollbar-base-color: #5D5D5D;} .side-panel:nth-child(1) .foreground {fill: #BFBFBF !important;} .side-panel:nth-child(2) .foreground {fill: #9F9F9F !important;} .side-panel:nth-child(3) .foreground {fill: #7E7E7E !important;} .side-panel:nth-child(4) .foreground {fill: #5D5D5D !important;} .side-panel:nth-child(5) .foreground {fill: #3B3B3B !important;}body, .login_box, #headerSearchSubmit{background-color:#D8D8D8 !important;}table.calendar td.calendar_today div.day_header {border:none;background:#B6B6B6 !important;} .calendar_today{background:none !important;} #xChatGuests {background:#B6B6B6 !important;color:#000000} .ratingbutton,.even,.treetalk_button {background: #B6B6B6 !important;} .header,.ui-dialog-titlebar {background-image: none !important;background: #B6B6B6 !important;} #pm_outbox_form_submit, #newpreview, #login_submit, #newmsg, .button, .boxheader, .footer, .topnavigation_wrap li:hover, .topnavigation_wrap,.searchli,#navigation,.menu_item,#inf_li, #last_li, #comm_li, .buttond, #global-news-li, .xChatHead, #news-headline {background-image: url("https://files.homepagemodules.de/b104774/a_536_c10eef41.png") !important;background-color: #B6B6B6 !important;} ul.navigation {background: none !important} .menu_item:hover, ul.navigation li.currentpage, .header_login{background:#5D5D5D !important;} .spacer10,.link10:hover,.subnavi,.subnavi2, ul.submenu li,  #xChat_global.connected, .xChatHead.connectable, #global-news-box-wrap,.boxcontent {background: #E9E9E9 !important;} #global-news-box-wrap span:hover {background:#C7C7C7} .boxheader strong, .boxheader a, .boxheader small, .footer a,.topnavigation strong,.topnavigation span,.menu_item span, .button, #inf_li a, #last_li a, #comm_li a, .boxheader b, .login_box strong, .login_box small, .cmhsp, div, #foverview_stat3 td, .content small, #messagetext, #messagetitle, .smallbutton, #nachricht, #event_name, #new_text, #new_previewtext, #new_title, #cat_name, textarea, input, #user_page03708292295062494 span, #link_login span{color: #000000 !important;}a, .fstat a small, a strong, a small, #xActivityFeed a, .mmain a, .memberlist a, .memberlist strong, #blog-sidebar a{color: #000000 !important;} .login_box a {color: #ffffff !important;} .grey a {color: #595959 !important;} .username, .headinfo, .usertitle{color: #ffffff !important;}input {border: 1px solid #E9E9E9} ul.navigation li {border-right: 1px solid #E9E9E9;border-left: 1px solid #E9E9E9}ul.navigation {border-bottom:none} ul.submenu li {border-bottom: 1px solid #5D5D5D}';
styles[4] = 'body,.sbox {scrollbar-base-color: #9B3333;} .side-panel:nth-child(1) .foreground {fill: #EF9999 !important;} .side-panel:nth-child(2) .foreground {fill: #CE7777 !important;} .side-panel:nth-child(3) .foreground {fill: #AC5555 !important;} .side-panel:nth-child(4) .foreground {fill: #9B3333 !important;} .side-panel:nth-child(5) .foreground {fill: #791111 !important;}body, .login_box, #headerSearchSubmit{background-color:#FFD4D4 !important;}table.calendar td.calendar_today div.day_header {border:none;background:#FFB2B2 !important;} .calendar_today{background:none !important;} #xChatGuests {background:#FFB2B2 !important;color:#000000} .ratingbutton,.even,.treetalk_button {background: #FFB2B2 !important;} .header,.ui-dialog-titlebar {background-image: none !important;background: #FFB2B2 !important;} #pm_outbox_form_submit, #newpreview, #login_submit, #newmsg, .button, .boxheader, .footer, .topnavigation_wrap li:hover, .topnavigation_wrap,.searchli,#navigation,.menu_item,#inf_li, #last_li, #comm_li, .buttond, #global-news-li, .xChatHead, #news-headline {background-image: url("https://files.homepagemodules.de/b104774/a_533_f8c5c000.png") !important;background-color: #FFB2B2 !important;} ul.navigation {background: none !important} .menu_item:hover, ul.navigation li.currentpage, .header_login{background:#9B3333 !important;} .spacer10,.link10:hover,.subnavi,.subnavi2, ul.submenu li,  #xChat_global.connected, .xChatHead.connectable, #global-news-box-wrap,.boxcontent {background: #FFE5E5 !important;} #global-news-box-wrap span:hover {background:#EEC3C3} .boxheader strong, .boxheader a, .boxheader small, .footer a,.topnavigation strong,.topnavigation span,.menu_item span, .button, #inf_li a, #last_li a, #comm_li a, .boxheader b, .login_box strong, .login_box small, .cmhsp, div, #foverview_stat3 td, .content small, #messagetext, #messagetitle, .smallbutton, #nachricht, #event_name, #new_text, #new_previewtext, #new_title, #cat_name, textarea, input, #user_page03708292295062494 span, #link_login span{color: #000000 !important;}a, .fstat a small, a strong, a small, #xActivityFeed a, .mmain a, .memberlist a, .memberlist strong, #blog-sidebar a{color: #000000 !important;} .login_box a {color: #ffffff !important;} .grey a {color: #595959 !important;} .username, .headinfo, .usertitle{color: #ffffff !important;}input {border: 1px solid #FFE5E5} ul.navigation li {border-right: 1px solid #FFE5E5;border-left: 1px solid #FFE5E5}ul.navigation {border-bottom:none} ul.submenu li {border-bottom: 1px solid #9B3333} .content, ul.forum li, li.searchli input{background: #FBFBFB}';
styles[5] = 'body,.sbox {scrollbar-base-color: #227722;} .side-panel:nth-child(1) .foreground {fill: #88DD88 !important;} .side-panel:nth-child(2) .foreground {fill: #66BB66 !important;} .side-panel:nth-child(3) .foreground {fill: #449944 !important;} .side-panel:nth-child(4) .foreground {fill: #227722 !important;} .side-panel:nth-child(5) .foreground {fill: #005500 !important;}body, .login_box, #headerSearchSubmit{background-color:#BBEEBB !important;}table.calendar td.calendar_today div.day_header {border:none;background:#99CC99 !important;} .calendar_today{background:none !important;} #notesbox #bxbutton button,#xChatGuests {background:#99CC99 !important;color:#000000} .ratingbutton,.even,.treetalk_button {background: #99CC99 !important;} .header,.ui-dialog-titlebar {background-image: none !important;background: #99CC99 !important;} #pm_outbox_form_submit, #newpreview, #login_submit, #newmsg, .button, .boxheader, .footer, .topnavigation_wrap li:hover, .topnavigation_wrap,.searchli,#navigation,.menu_item,#inf_li, #last_li, #comm_li, .buttond, #global-news-li, .xChatHead, #news-headline {background-image: url("https://files.homepagemodules.de/b104774/a_534_5ef0d974.png") !important;background-color: #99CC99 !important;} ul.navigation {background: none !important} .menu_item:hover, ul.navigation li.currentpage, .header_login{background:#485D1E !important;} .spacer10,.link10:hover,.subnavi,.subnavi2, ul.submenu li,  #xChat_global.connected, .xChatHead.connectable, #global-news-box-wrap,.boxcontent {background: #CCFFCC !important;} #global-news-box-wrap span:hover {background:#AAEEAA} .boxheader strong, .boxheader a, .boxheader small, .footer a,.topnavigation strong,.topnavigation span,.menu_item span, .button, #inf_li a, #last_li a, #comm_li a, .boxheader b, .login_box strong, .login_box small, .cmhsp, div, #foverview_stat3 td, .content small, #messagetext, #messagetitle, .smallbutton, #nachricht, #event_name, #new_text, #new_previewtext, #new_title, #cat_name, textarea, input, #user_page03708292295062494 span, #link_login span{color: #000000 !important;}a, .fstat a small, a strong, a small, #xActivityFeed a, .mmain a, .memberlist a, .memberlist strong, #blog-sidebar a{color: #000000 !important;} .login_box a {color: #ffffff !important;} .grey a {color: #595959 !important;} .username, .headinfo, .usertitle{color: #ffffff !important;}input {border: 1px solid #CCFFCC} ul.navigation li {border-right: 1px solid #CCFFCC;border-left: 1px solid #CCFFCC}ul.navigation {border-bottom:none} ul.submenu li {border-bottom: 1px solid #227722} .content, ul.forum li, li.searchli input{background: #FBFBFB}';
styles[6] = 'body,.sbox {scrollbar-base-color: #797A23;} .side-panel:nth-child(1) .foreground {fill: #CEDF89 !important;} .side-panel:nth-child(2) .foreground {fill: #ADBE67 !important;} .side-panel:nth-child(3) .foreground {fill: #9B9C45 !important;} .side-panel:nth-child(4) .foreground {fill: #797A23 !important;} .side-panel:nth-child(5) .foreground {fill: #575801 !important;}body, .login_box, #headerSearchSubmit{background-color:#EEEEA2 !important;}table.calendar td.calendar_today div.day_header {border:none;background:#EEEEB3 !important;} .calendar_today{background:none !important;} #xChatGuests {background:#EEEEB3 !important;color:#000000} .ratingbutton,.even,.treetalk_button {background: #FFFFB3 !important;} .header,.ui-dialog-titlebar {background-image: none !important;background: #CCCC80 !important;} #pm_outbox_form_submit, #newpreview, #login_submit, #newmsg, .button, .boxheader, .footer, .topnavigation_wrap li:hover, .topnavigation_wrap,.searchli,#navigation,.menu_item,#inf_li, #last_li, #comm_li, .buttond, #global-news-li, .xChatHead, #news-headline {background-image: url("https://files.homepagemodules.de/b104774/a_535_85ac0db2.png") !important;background-color: #CCCC80 !important;} ul.navigation {background: none !important} .menu_item:hover, ul.navigation li.currentpage, .header_login{background:#575801 !important;} .spacer10,.link10:hover,.subnavi,.subnavi2, ul.submenu li,  #xChat_global.connected, .xChatHead.connectable, #global-news-box-wrap,.boxcontent {background: #FFFFB3 !important;} #global-news-box-wrap span:hover {background:#EEEE91} .boxheader strong, .boxheader a, .boxheader small, .footer a,.topnavigation strong,.topnavigation span,.menu_item span, .button, #inf_li a, #last_li a, #comm_li a, .boxheader b, .login_box strong, .login_box small, .cmhsp, div, #foverview_stat3 td, .content small, #messagetext, #messagetitle, .smallbutton, #nachricht, #event_name, #new_text, #new_previewtext, #new_title, #cat_name, textarea, input, #user_page03708292295062494 span, #link_login span{color: #000000 !important;}a, .fstat a small, a strong, a small, #xActivityFeed a, .mmain a, .memberlist a, .memberlist strong, #blog-sidebar a{color: #000000 !important;} .login_box a {color: #ffffff !important;} .grey a {color: #595959 !important;} .username, .headinfo, .usertitle{color: #ffffff !important;}input {border: 1px solid #FFFFB3} ul.navigation li {border-right: 1px solid #FFFFB3;border-left: 1px solid #FFFFB3}ul.navigation {border-bottom:none} ul.submenu li {border-bottom: 1px solid #797A23} .content, ul.forum li, li.searchli input{background: #FBFBFB}';
 
function change_style(n) {
localStorage.setItem('switcher2' , (n+","+111)); 
location.reload();
}
$('head').append('<style type="text/css">' + styles[localStorage.getItem('switcher2').slice(0, 1)] + '</style>');
</script>
 
 

Schlie�en

Viel Erfolg und gutes Gelingen beim Einbau
Wolfgang

Tausendstern und Hans58 finden das Top!

Antworten

#2 | Minimierter Styleswitcher fürs Business-Template datum

17.03.2018 07:46 (zuletzt bearbeitet: 24.03.2019 22:43)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3200
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Likes	1113

Minimierter Styleswitcher fürs Business-Template

Mit dem folgenden Skript ist es möglich nur die Schriftart und Schriftgröße zu verändern.

  • Das Skript ist minimiert, überschaubar, einfach gehalten und kann bestens angepasst werden.
  • Wird ein Style nicht gewünscht, kann es ohne Probleme herausgenommen werden!
  • Über die Standard-Funktion ist es immer wieder möglich zur ursprünglichen Einstellung zurück zukehren!
  • Zusätzlich können 7 importierte Google-Schriftarten (Zeile 2 ) genutzt werden!
  • Die Einstellungen werden lokal gespeichert und bleiben bis zum Löschen des Cachespeichers erhalten!

  • Funktioniert ohne Veränderungen nur im Business- und Standard-Template!
  • Es kann an jeder gewünschten Stelle im Template eingebaut werden!
  • Zum Testen kann das Skript gut in der "Kopfzeile " unter "Admin > Layout > Kopf- & Fußzeile " eingebaut werden!

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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
 
<style>
@import url(http://fonts.googleapis.com/css?family=Lato|Snippet|Petit+Formal+Script|Rochester|Playball|Handlee|Englebert);
</style>
 
<form>
<select style="cursor:pointer;" size="1" name="Styleswitcher" onChange="javascript:parent.location = this.form.Styleswitcher[this.form.Styleswitcher.selectedIndex].value; this.form.Styleswitcher.options[0].selected = true;">
 
<option style="font-weight:bold;" selected="selected" disabled="disabled">Forum-Style ändern</option>
  
<option value="javascript:forum_standard()">Standard</option>
<option disabled="disabled"> </option>
 
<optgroup label="Schriftart ändern">   
<option value="javascript:forum_family_Arial()">Arial</option>
<option value="javascript:forum_family_Rubik()">Rubik</option>  
<option value="javascript:forum_family_Verdana()">Verdana</option>  
<option value="javascript:forum_family_Lato()">Lato</option>
<option value="javascript:forum_family_Petit()">Petit</option> 
<option value="javascript:forum_family_Snippet()">Snippet</option> 
<option value="javascript:forum_family_Rochester()">Rochester</option> 
<option value="javascript:forum_family_Handlee()">Handlee</option> 
<option value="javascript:forum_family_Englebert()">Englebert</option>
<option value="javascript:forum_family_Playball()">Playball</option>
</optgroup>
 
<option disabled="disabled"> </option>
 
<optgroup label="Schriftgröße ändern">
<option value="javascript:forum_font_12px()">12px</option> 
<option value="javascript:forum_font_14px()">14px</option>
<option value="javascript:forum_font_16px()">16px</option> 
<option value="javascript:forum_font_18px()">18px</option> 
<option value="javascript:forum_font_22px()">22px</option>  
</optgroup>
 
<option disabled="disabled"> </option>
 
</select>
</form>
 
<script>
if(!localStorage.getItem('fontwechsler')){
var forum_einst = $("div.usercontent").css("font-family");  
localStorage.setItem('fontwechsler', forum_einst);  
}
var speicherung = localStorage.getItem('fontwechsler')
$('body').append('<style>*{font-family:'+speicherung+' !important;}</style>');
 
if(!localStorage.getItem('fontwechslergroesse')){
var forum_einstell = $("body").css("font-size");  
localStorage.setItem('fontwechslergroesse', forum_einstell);  
}
var speicherung2 = localStorage.getItem('fontwechslergroesse')
$('body').append('<style>*{font-size:'+speicherung2+' !important;}</style>');
 
// Standard Einstellung
function forum_standard(){
localStorage.clear();
$('body').append('<style>*{font-family:Tahoma,Calibri,Verdana,Geneva,sans-serif !important;}</style>');
$('body').append('<style>*{font-size:13px !important;}</style>');
localStorage.setItem('fontwechsler', 'Tahoma,Calibri,Verdana,Geneva,sans-serif');
localStorage.setItem('fontwechslergroesse', '13px'); 
}
 
//Schriftart
function forum_family_Arial(){
$('body').append('<style>*{font-family:Arial !important;}</style>');  
localStorage.setItem('fontwechsler', 'Arial');  
}
function forum_family_Rubik(){
$('body').append('<style>*{font-family:Rubik !important;}</style>');
localStorage.setItem('fontwechsler', 'Rubik');  
}
function forum_family_Verdana(){
$('body').append('<style>*{font-family:Verdana !important;}</style>');
localStorage.setItem('fontwechsler', 'Verdana');  
}
function forum_family_Lato(){
$('body').append('<style>*{font-family:Lato !important;}</style>');
localStorage.setItem('fontwechsler', 'Lato');  
}
function forum_family_Petit(){
$('body').append('<style>*{font-family:"Petit Formal Script" !important;}</style>');
localStorage.setItem('fontwechsler', '"Petit Formal Script"');  
}
function forum_family_Snippet(){
$('body').append('<style>*{font-family:Snippet !important;}</style>');
localStorage.setItem('fontwechsler', 'Snippet');  
}
function forum_family_Rochester(){
$('body').append('<style>*{font-family:Rochester !important;}</style>');
localStorage.setItem('fontwechsler', 'Rochester');  
}
function forum_family_Handlee(){
$('body').append('<style>*{font-family:Handlee  !important;}</style>');
localStorage.setItem('fontwechsler', 'Handlee');  
}
function forum_family_Englebert(){
$('body').append('<style>*{font-family:Englebert !important;}</style>');
localStorage.setItem('fontwechsler', 'Englebert');  
}
function forum_family_Playball(){
$('body').append('<style>*{font-family:Playball !important;}</style>');
localStorage.setItem('fontwechsler', 'Playball');  
}
 
// Schriftgröße
function forum_font_12px(){
$('body').append('<style>*{font-size:12px  !important;}</style>');
localStorage.setItem('fontwechslergroesse', '12px');  
}
function forum_font_14px(){
$('body').append('<style>*{font-size:14px !important;}</style>');
localStorage.setItem('fontwechslergroesse', '14px');  
}
function forum_font_16px(){
$('body').append('<style>*{font-size:16px !important;}</style>');
localStorage.setItem('fontwechslergroesse', '16px');  
} 
function forum_font_18px(){
$('body').append('<style>*{font-size:18px !important;}</style>');
localStorage.setItem('fontwechslergroesse', '18px');  
}
function forum_font_22px(){
$('body').append('<style>*{font-size:22px !important;}</style>');
localStorage.setItem('fontwechslergroesse', '22px');  
} 
 
</script> 
 

Schlie�en

Wichtige und interessante Links aus dem Forum:

Styleswitcher - Designauswahl für's gesamte Forum 
"Background" per "mouseover" verändern!
Hintergrundwechsler für verschiedene Tageszeiten

Bis dann und gutes Gelingen

Wolfgang

Hans58 findet das Top!

Antworten

#3 | RE: Minimierter Styleswitcher / Hintergrundwechsler fürs Business-Template datum

03.07.2019 17:09

Zitat von Wolfgang
Die Style-Auswahl beinhaltet einen 3D-Effekt in den Farben, Blau, Silber, Rot, Grün und Gelb und ist nur fürs Business-Template ausgelegt!

Hallo Wolfgang.
Danke für deine Arbeit hier.
Ich benötige ein dunkles, augenschonendes Style, (dunkler als das Silber) bekomme es jedoch nicht selber hin die Farben anzupassen und das im Script einzubauen.

Etwas mehr Auswahl wäre fein.
Könntest du dein Script noch etwas erweitern? Mit mehr Styles?
Ich würde dir da auch gerne etwas "zukommen" lassen für deine Mühe.........

Antworten

#4 | Minimierter Styleswitcher / Hintergrundwechsler mit mehr Farben! datum

04.07.2019 22:43 (zuletzt bearbeitet: 06.05.2023 22:52)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3200
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Likes	1113

Minimierter Styleswitcher / Hintergrundwechsler mit mehr Farben!
Aktualisiert 06.05.23

Hallo Scannerxy,
hier kommt schon mal der erste Entwurf!
Es sind jetzt die Farben 3D "Blau, Türkis, Rot, Grün, Silber und Grau" verfügbar!
Wenn man ein verändertes Template hat, ist es ratsam die Farbe im gesamten Forum oder die veränderten Seiten besonders zu überprüfen!
Fehlt oder passt eine Farbe nicht, kann man über die rechte Maustaste und "Element untersuchen" die "class" oder "id" ausgelesen und geändert hinzufügen!
Bilder und Grafiken (Navi-Pfeile) müssen farblich neu erstellt und eingetragen werden!
Habe die Variablen ausgetauscht, damit das Skript auch parallel mit anderen Skripten laufen kann!
Die Farbanpassung für das PIugin "Slides and Stripes" ist im Skript mit berücksichtigt!

Frage:
Welcher Farbton oder welche Farbe fehlt Dir?

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
 
<!-- Auswahlmenü -->
<form>
<select style="cursor:pointer" size="1" name="Styleswitcher_more" onChange="javascript:top.location = this.form.Styleswitcher_more.options[this.form.Styleswitcher_more.selectedIndex].value;">
<option selected="selected" disabled="disabled">Forum Style ändern...</option>
  
<option disabled="disabled"> </option>
<option value="javascript:change4_style(1)">Standard</option>
<option style="color:#0000CC;" value="javascript:change4_style(2)">3D Blau</option>
<option style="color:#2F8DAF;" value="javascript:change4_style(3)">3D Türkis</option>
<option style="color:#CC0000;" value="javascript:change4_style(4)">3D Rot</option>
<option style="color:#009900;" value="javascript:change4_style(5)">3D Grün</option>
<option style="color:#aaaa00;" value="javascript:change4_style(6)">3D Gelb</option>
<option style="color:#a9a9a9;" value="javascript:change4_style(7)">3D Silber</option>
<option style="color:#767676;" value="javascript:change4_style(8)">3D Grau</option>
 
</select>
</form>
 
<!-- Script -->
<script type='text/javascript'>
if(!localStorage.getItem('switcher4')){  
localStorage.setItem('switcher4');  
}
 
var styles_more = new Array();
styles_more[1] = '';
 
styles_more[2] = 'body,.sbox {scrollbar-base-color: #00116d;} .gpicinfo {background-color:#F1F1F1 !important;} .side-panel:nth-child(1) .foreground {fill: #22448F !important;} .side-panel:nth-child(2) .foreground {fill: #11337E !important;} .side-panel:nth-child(3) .foreground {fill: #00226D !important;} .side-panel:nth-child(4) .foreground {fill: #00115C !important;} .side-panel:nth-child(5) .foreground {fill: #00004B !important;}.side-panel:hover .panel-handle {background:#eeeeee !important;border-radius: 0 20px 20px 0;}body, .login_box, #headerSearchSubmit{background-color:#dbeeff !important;}table.calendar td.calendar_today div.day_header {border:none;background:#B9CCDD !important;} .calendar_today{background:none !important;} #xChatGuests {background:#B9CCDD !important;color:#000000} .ratingbutton,.even,.treetalk_button {background: #B9CCDD !important;} .header,.ui-dialog-titlebar {background-image: none !important;background: #DBEEFF !important;} #pm_outbox_form_submit, #newpreview, #login_submit, #newmsg, .button, .boxheader, .footer, .topnavigation_wrap li:hover, .topnavigation_wrap,li.searchli,#navigation,.menu_item,#inf_li, #last_li, #comm_li, .buttond, #global-news-li, .xChatHead, #news-headline {background-image: url("https://files.homepagemodules.de/b104774/a_171_71d01135.png") !important;background-color: #A8BACC !important;} ul.navigation {background: none !important} .menu_item:hover, ul.navigation li.currentpage, .header_login {background:#33449F !important;} .spacer10,.link10:hover,.subnavi,.subnavi2, ul.submenu li,  #xChat_global.connected, .xChatHead.connectable, #global-news-box-wrap,.boxcontent {background: #33449F !important;} #global-news-box-wrap span:hover {background:#B9CBDD} .boxheader strong, .boxheader a, .boxheader small, .footer a,.topnavigation strong,.topnavigation span,.menu_item span, .button, #inf_li a, #last_li a, #comm_li a, .boxheader b, .login_box strong, .login_box small, .cmhsp, div, #foverview_stat3 td, .content small, #messagetext, #messagetitle, .smallbutton, #nachricht, #event_name, #new_text, #new_previewtext, #new_title, #cat_name, textarea, input, #user_page03708292295062494 span, #link_login span, a, .fstat a small, a strong, a small, #xActivityFeed a, .mmain a, .memberlist a, .memberlist strong, #blog-sidebar a{color: #000000 !important;} .login_box a {color: #ffffff !important;} .grey a {color: #595959 !important;} .username, .headinfo, .usertitle{color: #ffffff !important;} input {border: 1px solid #33449F} ul.navigation li {border-right: 1px solid #33449F;border-left: 1px solid #33449F}ul.navigation {border-bottom:none}ul.submenu li{border-bottom: 1px solid #00116d} .content, ul.forum li,li.searchli input {background: #FBFBFB}a {color:#999999 !important;}';
 
styles_more[3] = 'body,.sbox {scrollbar-base-color: #236B6B;} .gpicinfo {background-color:#F1F1F1 !important;} .side-panel:nth-child(1) .foreground {fill: #89CFCF !important;} .side-panel:nth-child(2) .foreground {fill: #67AFAF !important;} .side-panel:nth-child(3) .foreground {fill: #458D8D !important;} .side-panel:nth-child(4) .foreground {fill: #236B6B !important;} .side-panel:nth-child(5) .foreground {fill: #014949 !important;}.side-panel:hover .panel-handle {background:#eeeeee !important;border-radius: 0 20px 20px 0;}body, .login_box, #headerSearchSubmit{background-color:#DBEEFF !important;}table.calendar td.calendar_today div.day_header {border:none;background:#BDEBFF !important;} .calendar_today{background:none !important;} #xChatGuests {background:#BDEBFF !important;color:#000000} .ratingbutton,.even,.treetalk_button {background: #BDEBFF !important;} .header,.ui-dialog-titlebar {background-image: none !important;background: #DBEEFF !important;} #pm_outbox_form_submit, #newpreview, #login_submit, #newmsg, .button, .boxheader, .footer, .topnavigation_wrap li:hover, .topnavigation_wrap,li.searchli,#navigation,.menu_item,#inf_li, #last_li, #comm_li, .buttond, #global-news-li, .xChatHead, #news-headline {background-image: url("https://files.homepagemodules.de/b104774/a_532_ac9e8b1a.png") !important;background-color: #A8BACC !important;} ul.navigation {background: none !important} .menu_item:hover, ul.navigation li.currentpage, .header_login {background:#236B6B !important;} .spacer10,.link10:hover,.subnavi,.subnavi2, ul.submenu li,  #xChat_global.connected, .xChatHead.connectable, #global-news-box-wrap,.boxcontent {background: #88C9C9 !important;} #global-news-box-wrap span:hover {background:#B9CBDD} .boxheader strong, .boxheader a, .boxheader small, .footer a,.topnavigation strong,.topnavigation span,.menu_item span, .button, #inf_li a, #last_li a, #comm_li a, .boxheader b, .login_box strong, .login_box small, .cmhsp, div, #foverview_stat3 td, .content small, #messagetext, #messagetitle, .smallbutton, #nachricht, #event_name, #new_text, #new_previewtext, #new_title, #cat_name, textarea, input, #user_page03708292295062494 span, #link_login span, a, .fstat a small, a strong, a small, #xActivityFeed a, .mmain a, .memberlist a, .memberlist strong, #blog-sidebar a{color: #000000 !important;} .login_box a {color: #ffffff !important;} .grey a {color: #595959 !important;} .username, .headinfo, .usertitle{color: #ffffff !important;} input {border: 1px solid #88C9C9} ul.navigation li {border-right: 1px solid #88C9C9;border-left: 1px solid #88c9C9}ul.navigation {border-bottom:none}ul.submenu li{border-bottom: 1px solid #236B6B} .content, ul.forum li,li.searchli input {background: #FBFBFB}';
 
styles_more[4] = 'body,.sbox {scrollbar-base-color: #9B3333;} .side-panel:nth-child(1) .foreground {fill: #EF9999 !important;} .side-panel:nth-child(2) .foreground {fill: #CE7777 !important;} .side-panel:nth-child(3) .foreground {fill: #AC5555 !important;} .side-panel:nth-child(4) .foreground {fill: #9B3333 !important;} .side-panel:nth-child(5) .foreground {fill: #791111 !important;}.side-panel:hover .panel-handle {background:#eeeeee !important;border-radius: 0 20px 20px 0;}body, .login_box, #headerSearchSubmit{background-color:#FFD4D4 !important;}table.calendar td.calendar_today div.day_header {border:none;background:#FFB2B2 !important;} .calendar_today{background:none !important;} #xChatGuests {background:#FFB2B2 !important;color:#000000} .ratingbutton,.even,.treetalk_button {background: #FFB2B2 !important;} .header,.ui-dialog-titlebar {background-image: none !important;background: #FFB2B2 !important;} #pm_outbox_form_submit, #newpreview, #login_submit, #newmsg, .button, .boxheader, .footer, .topnavigation_wrap li:hover, .topnavigation_wrap,.searchli,#navigation,.menu_item,#inf_li, #last_li, #comm_li, .buttond, #global-news-li, .xChatHead, #news-headline {background-image: url("https://files.homepagemodules.de/b104774/a_533_f8c5c000.png") !important;background-color: #FFB2B2 !important;} ul.navigation {background: none !important} .menu_item:hover, ul.navigation li.currentpage, .header_login{background:#9B3333 !important;} .spacer10,.link10:hover,.subnavi,.subnavi2, ul.submenu li,  #xChat_global.connected, .xChatHead.connectable, #global-news-box-wrap,.boxcontent {background: #FFE5E5 !important;} #global-news-box-wrap span:hover {background:#EEC3C3} .boxheader strong, .boxheader a, .boxheader small, .footer a,.topnavigation strong,.topnavigation span,.menu_item span, .button, #inf_li a, #last_li a, #comm_li a, .boxheader b, .login_box strong, .login_box small, .cmhsp, div, #foverview_stat3 td, .content small, #messagetext, #messagetitle, .smallbutton, #nachricht, #event_name, #new_text, #new_previewtext, #new_title, #cat_name, textarea, input, #user_page03708292295062494 span, #link_login span{color: #000000 !important;}a, .fstat a small, a strong, a small, #xActivityFeed a, .mmain a, .memberlist a, .memberlist strong, #blog-sidebar a{color: #000000 !important;} .login_box a {color: #ffffff !important;} .grey a {color: #595959 !important;} .username, .headinfo, .usertitle{color: #ffffff !important;}input {border: 1px solid #FFE5E5} ul.navigation li {border-right: 1px solid #FFE5E5;border-left: 1px solid #FFE5E5}ul.navigation {border-bottom:none} ul.submenu li {border-bottom: 1px solid #9B3333} .content, ul.forum li, li.searchli input{background: #FBFBFB}';
 
styles_more[5] = 'body,.sbox {scrollbar-base-color: #227722;} .side-panel:nth-child(1) .foreground {fill: #88DD88 !important;} .side-panel:nth-child(2) .foreground {fill: #66BB66 !important;} .side-panel:nth-child(3) .foreground {fill: #449944 !important;} .side-panel:nth-child(4) .foreground {fill: #227722 !important;} .side-panel:nth-child(5) .foreground {fill: #005500 !important;}.side-panel:hover .panel-handle {background:#eeeeee !important;border-radius: 0 20px 20px 0;}body, .login_box, #headerSearchSubmit{background-color:#BBEEBB !important;}table.calendar td.calendar_today div.day_header {border:none;background:#99CC99 !important;} .calendar_today{background:none !important;} #notesbox #bxbutton button,#xChatGuests {background:#99CC99 !important;color:#000000} .ratingbutton,.even,.treetalk_button {background: #99CC99 !important;} .header,.ui-dialog-titlebar {background-image: none !important;background: #99CC99 !important;} #pm_outbox_form_submit, #newpreview, #login_submit, #newmsg, .button, .boxheader, .footer, .topnavigation_wrap li:hover, .topnavigation_wrap,.searchli,#navigation,.menu_item,#inf_li, #last_li, #comm_li, .buttond, #global-news-li, .xChatHead, #news-headline {background-image: url("https://files.homepagemodules.de/b104774/a_534_5ef0d974.png") !important;background-color: #99CC99 !important;} ul.navigation {background: none !important} .menu_item:hover, ul.navigation li.currentpage, .header_login{background:#485D1E !important;} .spacer10,.link10:hover,.subnavi,.subnavi2, ul.submenu li,  #xChat_global.connected, .xChatHead.connectable, #global-news-box-wrap,.boxcontent {background: #CCFFCC !important;} #global-news-box-wrap span:hover {background:#AAEEAA} .boxheader strong, .boxheader a, .boxheader small, .footer a,.topnavigation strong,.topnavigation span,.menu_item span, .button, #inf_li a, #last_li a, #comm_li a, .boxheader b, .login_box strong, .login_box small, .cmhsp, div, #foverview_stat3 td, .content small, #messagetext, #messagetitle, .smallbutton, #nachricht, #event_name, #new_text, #new_previewtext, #new_title, #cat_name, textarea, input, #user_page03708292295062494 span, #link_login span{color: #000000 !important;}a, .fstat a small, a strong, a small, #xActivityFeed a, .mmain a, .memberlist a, .memberlist strong, #blog-sidebar a{color: #000000 !important;} .login_box a {color: #ffffff !important;} .grey a {color: #595959 !important;} .username, .headinfo, .usertitle{color: #ffffff !important;}input {border: 1px solid #CCFFCC} ul.navigation li {border-right: 1px solid #CCFFCC;border-left: 1px solid #CCFFCC}ul.navigation {border-bottom:none} ul.submenu li {border-bottom: 1px solid #227722} .content, ul.forum li, li.searchli input{background: #FBFBFB}';
 
styles_more[6] = 'body,.sbox {scrollbar-base-color: #797A23;} .side-panel:nth-child(1) .foreground {fill: #CEDF89 !important;} .side-panel:nth-child(2) .foreground {fill: #ADBE67 !important;} .side-panel:nth-child(3) .foreground {fill: #9B9C45 !important;} .side-panel:nth-child(4) .foreground {fill: #797A23 !important;} .side-panel:nth-child(5) .foreground {fill: #575801 !important;}.side-panel:hover .panel-handle {background:#eeeeee !important;border-radius: 0 20px 20px 0;}body, .login_box, #headerSearchSubmit{background-color:#EEEEA2 !important;}table.calendar td.calendar_today div.day_header {border:none;background:#EEEEB3 !important;} .calendar_today{background:none !important;} #xChatGuests {background:#EEEEB3 !important;color:#000000} .ratingbutton,.even,.treetalk_button {background: #FFFFB3 !important;} .header,.ui-dialog-titlebar {background-image: none !important;background: #CCCC80 !important;} #pm_outbox_form_submit, #newpreview, #login_submit, #newmsg, .button, .boxheader, .footer, .topnavigation_wrap li:hover, .topnavigation_wrap,.searchli,#navigation,.menu_item,#inf_li, #last_li, #comm_li, .buttond, #global-news-li, .xChatHead, #news-headline {background-image: url("https://files.homepagemodules.de/b104774/a_535_85ac0db2.png") !important;background-color: #CCCC80 !important;} ul.navigation {background: none !important} .menu_item:hover, ul.navigation li.currentpage, .header_login{background:#575801 !important;} .spacer10,.link10:hover,.subnavi,.subnavi2, ul.submenu li,  #xChat_global.connected, .xChatHead.connectable, #global-news-box-wrap,.boxcontent {background: #FFFFB3 !important;} #global-news-box-wrap span:hover {background:#EEEE91} .boxheader strong, .boxheader a, .boxheader small, .footer a,.topnavigation strong,.topnavigation span,.menu_item span, .button, #inf_li a, #last_li a, #comm_li a, .boxheader b, .login_box strong, .login_box small, .cmhsp, div, #foverview_stat3 td, .content small, #messagetext, #messagetitle, .smallbutton, #nachricht, #event_name, #new_text, #new_previewtext, #new_title, #cat_name, textarea, input, #user_page03708292295062494 span, #link_login span{color: #000000 !important;}a, .fstat a small, a strong, a small, #xActivityFeed a, .mmain a, .memberlist a, .memberlist strong, #blog-sidebar a{color: #000000 !important;} .login_box a {color: #ffffff !important;} .grey a {color: #595959 !important;} .username, .headinfo, .usertitle{color: #ffffff !important;}input {border: 1px solid #FFFFB3} ul.navigation li {border-right: 1px solid #FFFFB3;border-left: 1px solid #FFFFB3}ul.navigation {border-bottom:none} ul.submenu li {border-bottom: 1px solid #797A23} .content, ul.forum li, li.searchli input{background: #FBFBFB}';
 
styles_more[7] = 'body,.sbox {scrollbar-base-color: #5D5D5D;} .side-panel:nth-child(1) .foreground {fill: #BFBFBF !important;} .side-panel:nth-child(2) .foreground {fill: #9F9F9F !important;} .side-panel:nth-child(3) .foreground {fill: #7E7E7E !important;} .side-panel:nth-child(4) .foreground {fill: #5D5D5D !important;} .side-panel:nth-child(5) .foreground {fill: #3D3D3D !important;}.side-panel:hover .panel-handle {background:#eeeeee !important;border-radius: 0 20px 20px 0;}body, .login_box, #headerSearchSubmit{background-color:#D8D8D8 !important;}table.calendar td.calendar_today div.day_header {border:none;background:#B6B6B6 !important;} .calendar_today{background:none !important;} #xChatGuests {background:#B6B6B6 !important;color:#000000} .ratingbutton,.even,.treetalk_button {background: #B6B6B6 !important;} .header,.ui-dialog-titlebar {background-image: none !important;background: #B6B6B6 !important;} #pm_outbox_form_submit, #newpreview, #login_submit, #newmsg, .button, .boxheader, .footer, .topnavigation_wrap li:hover, .topnavigation_wrap,.searchli,#navigation,.menu_item,#inf_li, #last_li, #comm_li, .buttond, #global-news-li, .xChatHead, #news-headline {background-image: url("https://files.homepagemodules.de/b104774/a_536_c10eef41.png") !important;background-color: #B6B6B6 !important;} ul.navigation {background: none !important} .menu_item:hover, ul.navigation li.currentpage, .header_login{background:#5D5D5D !important;} .spacer10,.link10:hover,.subnavi,.subnavi2, ul.submenu li,  #xChat_global.connected, .xChatHead.connectable, #global-news-box-wrap,.boxcontent {background: #E9E9E9 !important;} #global-news-box-wrap span:hover {background:#C7C7C7} .boxheader strong, .boxheader a, .boxheader small, .footer a,.topnavigation strong,.topnavigation span,.menu_item span, .button, #inf_li a, #last_li a, #comm_li a, .boxheader b, .login_box strong, .login_box small, .cmhsp, div, #foverview_stat3 td, .content small, #messagetext, #messagetitle, .smallbutton, #nachricht, #event_name, #new_text, #new_previewtext, #new_title, #cat_name, textarea, input, #user_page03708292295062494 span, #link_login span{color: #000000 !important;}a, .fstat a small, a strong, a small, #xActivityFeed a, .mmain a, .memberlist a, .memberlist strong, #blog-sidebar a{color: #000000 !important;} .login_box a {color: #ffffff !important;} .grey a {color: #595959 !important;} .username, .headinfo, .usertitle{color: #ffffff !important;}input {border: 1px solid #E9E9E9} ul.navigation li {border-right: 1px solid #E9E9E9;border-left: 1px solid #E9E9E9}ul.navigation {border-bottom:none} ul.submenu li {border-bottom: 1px solid #5D5D5D}';
 
styles_more[8] = 'body,.sbox {scrollbar-base-color: #5d5d5d;} .side-panel:nth-child(1) .foreground {fill: #8c8c8c !important;} .side-panel:nth-child(2) .foreground {fill: #6a6a6a !important;} .side-panel:nth-child(3) .foreground {fill: #4b4b4b !important;} .side-panel:nth-child(4) .foreground {fill: #3B3B3B !important;} .side-panel:nth-child(5) .foreground {fill: #2B2B2B !important;}.side-panel:hover .panel-handle {background:#eeeeee !important;border-radius: 0 20px 20px 0;}body, .login_box, #headerSearchSubmit{background-color:#A5A5A5 !important;}table.calendar td.calendar_today div.day_header {border:none;background:#838383 !important;} .calendar_today{background:none !important;} #xChatGuests {background:#838383 !important;color:#000000} .ratingbutton,.even,.treetalk_button {background: #838383 !important;} .header,.ui-dialog-titlebar {background-image: none !important;background: #838383 !important;} #pm_outbox_form_submit, #newpreview, #login_submit, #newmsg, .button, .boxheader, .footer, .topnavigation_wrap li:hover, .topnavigation_wrap,.searchli,#navigation,.menu_item,#inf_li, #last_li, #comm_li, .buttond, #global-news-li, .xChatHead, #news-headline {background-image: url("https://files.homepagemodules.de/b104774/a_172_d3e2cf3e.png") !important;background-color: #838383 !important;} ul.navigation {background: none !important} .menu_item:hover, ul.navigation li.currentpage, .header_login{background:#5d5d5d !important;} .spacer10,.link10:hover,.subnavi,.subnavi2, ul.submenu li,  #xChat_global.connected, .xChatHead.connectable, #global-news-box-wrap,.boxcontent {background: #b6b6b6 !important;} #global-news-box-wrap span:hover {background:#949494} .boxheader strong, .boxheader a, .boxheader small, .footer a,.topnavigation strong,.topnavigation span,.menu_item span, .button, #inf_li a, #last_li a, #comm_li a, .boxheader b, .login_box strong, .login_box small, .cmhsp, div, #foverview_stat3 td, .content small, #messagetext, #messagetitle, .smallbutton, #nachricht, #event_name, #new_text, #new_previewtext, #new_title, #cat_name, textarea, input, #user_page03708292295062494 span, #link_login span{color: #000000 !important;}a, .fstat a small, a strong, a small, #xActivityFeed a, .mmain a, .memberlist a, .memberlist strong, #blog-sidebar a{color: #000000 !important;} .login_box a {color: #ffffff !important;} .grey a {color: #262626 !important;} .username, .headinfo, .usertitle{color: #ffffff !important;}input {border: 1px solid #b6b6b6} ul.navigation li {border-right: 1px solid #b6b6b6;border-left: 1px solid #b6b6b6}ul.navigation {border-bottom:none} ul.submenu li {border-bottom: 1px solid #5d5d5d}';
 
 
function change4_style(n) {
localStorage.setItem('switcher4' , (n+","+111)); 
location.reload();
}
$('head').append('<style type="text/css">' + styles_more[localStorage.getItem('switcher4').slice(0, 1)] + '</style>');
 
</script>
 

Schlie�en

Viel Erfolg beim Umsetzen

Wolfgang

Scannerxy findet das Top!

Antworten

#5 | RE: Minimierter Styleswitcher / Hintergrundwechsler mit mehr Farben! datum

05.07.2019 12:22

Super Wolfgang, vielen Dank bis hierher.

Das 3-D Grau entspricht meinen Vorstellungen am Ehesten.
Vielleicht noch etwas dunkler?

Von einigen Mitgliedern wird ein Dark-Style gewünscht. Das soll augenschonender sein, habe ich mir sagen lassen.

Ich habe das Script mal in meinem Forum installiert und warte nun auf das Feedback der Mitglieder.

Vielen Dank bis hierher......

Antworten

#6 | RE: Minimierter Styleswitcher / Hintergrundwechsler mit mehr Farben! datum

05.07.2019 12:28

Ein Beispiel für einen Dark-Mode, wie es Ideal wäre:

Geht so etwas auch, Wolfgang?

Antworten

#7 | Minimierter Styleswitcher / Hintergrundwechsler im Dark-Design! datum

05.07.2019 14:28

Minimierter Styleswitcher / Hintergrundwechsler im Dark-Design!

Hallo Scannerxy,
Dark-Mode geht auch!
Das Problem ist die Schriftfarbe!
Hier muss das Template noch genauer überprüft werden, ob alle Seiten lesbar sind!
Ich bin dran!

Wolfgang

Scannerxy findet das Top!

Antworten

#8 | RE: Minimierter Styleswitcher / Hintergrundwechsler im Dark-Design! datum

05.07.2019 17:40 (zuletzt bearbeitet: 05.07.2019 18:37)

Danke Wolfgang.

Kann man das Auswahlmenue eigentlich beliebig positionieren? Zum Beispiel statt Links oben nach rechts oben? Oder in die Fußzeile?

Edit:
Die Positionierung habe ich nun hinbekommen.

Antworten

#9 | RE: Minimierter Styleswitcher / Hintergrundwechsler im Dark-Design! datum

05.07.2019 20:19 (zuletzt bearbeitet: 06.05.2023 22:32)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3200
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Likes	1113

Minimierter Styleswitcher / Hintergrundwechsler im Dark-Design!
Aktualisiert 14.07.19

Hallo Scannerxy,
habe hier ein Test-Versuch im schwarzen Design gestartet!
Schon ganz schön mühselig!

• Damit alle Farben umgesetzt werden, muss das Skript in die Fußleiste (nur für "3D Schwarz" notwendig).

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
 
<!-- Auswahlmenü -->
<form>
<select style="cursor:pointer" size="1" name="Styleswitcher_more" onChange="javascript:top.location = this.form.Styleswitcher_more.options[this.form.Styleswitcher_more.selectedIndex].value;">
<option selected="selected" disabled="disabled">Forum Style ändern...</option>
  
<option disabled="disabled"></option>
<option value="javascript:change4_style(1)">Standard</option>
<option style="color:#0000CC;" value="javascript:change4_style(2)">3D Blau</option>
<option style="color:#2F8DAF;" value="javascript:change4_style(3)">3D Türkis</option>
<option style="color:#CC0000;" value="javascript:change4_style(4)">3D Rot</option>
<option style="color:#009900;" value="javascript:change4_style(5)">3D Grün</option>
<option style="color:#aaaa00;" value="javascript:change4_style(6)">3D Gelb</option>
<option style="color:#a9a9a9;" value="javascript:change4_style(7)">3D Silber</option>
<option style="color:#767676;" value="javascript:change4_style(8)">3D Grau</option>
<option style="color:#000000;" value="javascript:change4_style(9)">3D Schwarz</option>
 
</select>
</form>
 
<!-- Script -->
<script>
if(!localStorage.getItem('switcher4')){  
localStorage.setItem('switcher4');  
}
 
var styles_more = new Array();
styles_more[1] = '';
 
styles_more[2] = 'body,.sbox {scrollbar-base-color: #00116d;} .gpicinfo {background-color:#F1F1F1 !important;} .side-panel:nth-child(1) .foreground {fill: #22448F !important;} .side-panel:nth-child(2) .foreground {fill: #11337E !important;} .side-panel:nth-child(3) .foreground {fill: #00226D !important;} .side-panel:nth-child(4) .foreground {fill: #00115C !important;} .side-panel:nth-child(5) .foreground {fill: #00004B !important;}.side-panel:hover .panel-handle {background:#eeeeee !important;border-radius: 0 20px 20px 0;}body, .login_box, #headerSearchSubmit{background-color:#dbeeff !important;}table.calendar td.calendar_today div.day_header {border:none;background:#B9CCDD !important;} .calendar_today{background:none !important;} #xChatGuests {background:#B9CCDD !important;color:#000000} .ratingbutton,.even,.treetalk_button {background: #B9CCDD !important;} .header,.ui-dialog-titlebar {background-image: none !important;background: #DBEEFF !important;} #pm_outbox_form_submit, #newpreview, #login_submit, #newmsg, .button, .boxheader, .footer, .topnavigation_wrap li:hover, .topnavigation_wrap,li.searchli,#navigation,.menu_item,#inf_li, #last_li, #comm_li, .buttond, #global-news-li, .xChatHead, #news-headline {background-image: url("https://files.homepagemodules.de/b104774/a_171_71d01135.png") !important;background-color: #A8BACC !important;} ul.navigation {background: none !important} .menu_item:hover, ul.navigation li.currentpage, .header_login {background:#33449F !important;} .spacer10,.link10:hover,.subnavi,.subnavi2, ul.submenu li,  #xChat_global.connected, .xChatHead.connectable, #global-news-box-wrap,.boxcontent {background: #33449F !important;} #global-news-box-wrap span:hover {background:#B9CBDD} .boxheader strong, .boxheader a, .boxheader small, .footer a,.topnavigation strong,.topnavigation span,.menu_item span, .button, #inf_li a, #last_li a, #comm_li a, .boxheader b, .login_box strong, .login_box small, .cmhsp, div, #foverview_stat3 td, .content small, #messagetext, #messagetitle, .smallbutton, #nachricht, #event_name, #new_text, #new_previewtext, #new_title, #cat_name, textarea, input, #user_page03708292295062494 span, #link_login span, a, .fstat a small, a strong, a small, #xActivityFeed a, .mmain a, .memberlist a, .memberlist strong, #blog-sidebar a{color: #000000 !important;} .login_box a {color: #ffffff !important;} .grey a {color: #595959 !important;} .username, .headinfo, .usertitle{color: #ffffff !important;} input {border: 1px solid #33449F} ul.navigation li {border-right: 1px solid #33449F;border-left: 1px solid #33449F}ul.navigation {border-bottom:none}ul.submenu li{border-bottom: 1px solid #00116d} .content, ul.forum li,li.searchli input {background: #FBFBFB}a {color:#999999 !important;}';
 
styles_more[3] = 'body,.sbox {scrollbar-base-color: #236B6B;} .gpicinfo {background-color:#F1F1F1 !important;} .side-panel:nth-child(1) .foreground {fill: #89CFCF !important;} .side-panel:nth-child(2) .foreground {fill: #67AFAF !important;} .side-panel:nth-child(3) .foreground {fill: #458D8D !important;} .side-panel:nth-child(4) .foreground {fill: #236B6B !important;} .side-panel:nth-child(5) .foreground {fill: #014949 !important;}.side-panel:hover .panel-handle {background:#eeeeee !important;border-radius: 0 20px 20px 0;}body, .login_box, #headerSearchSubmit{background-color:#DBEEFF !important;}table.calendar td.calendar_today div.day_header {border:none;background:#BDEBFF !important;} .calendar_today{background:none !important;} #xChatGuests {background:#BDEBFF !important;color:#000000} .ratingbutton,.even,.treetalk_button {background: #BDEBFF !important;} .header,.ui-dialog-titlebar {background-image: none !important;background: #DBEEFF !important;} #pm_outbox_form_submit, #newpreview, #login_submit, #newmsg, .button, .boxheader, .footer, .topnavigation_wrap li:hover, .topnavigation_wrap,li.searchli,#navigation,.menu_item,#inf_li, #last_li, #comm_li, .buttond, #global-news-li, .xChatHead, #news-headline {background-image: url("https://files.homepagemodules.de/b104774/a_532_ac9e8b1a.png") !important;background-color: #A8BACC !important;} ul.navigation {background: none !important} .menu_item:hover, ul.navigation li.currentpage, .header_login {background:#236B6B !important;} .spacer10,.link10:hover,.subnavi,.subnavi2, ul.submenu li,  #xChat_global.connected, .xChatHead.connectable, #global-news-box-wrap,.boxcontent {background: #88C9C9 !important;} #global-news-box-wrap span:hover {background:#B9CBDD} .boxheader strong, .boxheader a, .boxheader small, .footer a,.topnavigation strong,.topnavigation span,.menu_item span, .button, #inf_li a, #last_li a, #comm_li a, .boxheader b, .login_box strong, .login_box small, .cmhsp, div, #foverview_stat3 td, .content small, #messagetext, #messagetitle, .smallbutton, #nachricht, #event_name, #new_text, #new_previewtext, #new_title, #cat_name, textarea, input, #user_page03708292295062494 span, #link_login span, a, .fstat a small, a strong, a small, #xActivityFeed a, .mmain a, .memberlist a, .memberlist strong, #blog-sidebar a{color: #000000 !important;} .login_box a {color: #ffffff !important;} .grey a {color: #595959 !important;} .username, .headinfo, .usertitle{color: #ffffff !important;} input {border: 1px solid #88C9C9} ul.navigation li {border-right: 1px solid #88C9C9;border-left: 1px solid #88c9C9}ul.navigation {border-bottom:none}ul.submenu li{border-bottom: 1px solid #236B6B} .content, ul.forum li,li.searchli input {background: #FBFBFB}';
 
styles_more[4] = 'body,.sbox {scrollbar-base-color: #9B3333;} .side-panel:nth-child(1) .foreground {fill: #EF9999 !important;} .side-panel:nth-child(2) .foreground {fill: #CE7777 !important;} .side-panel:nth-child(3) .foreground {fill: #AC5555 !important;} .side-panel:nth-child(4) .foreground {fill: #9B3333 !important;} .side-panel:nth-child(5) .foreground {fill: #791111 !important;}.side-panel:hover .panel-handle {background:#eeeeee !important;border-radius: 0 20px 20px 0;}body, .login_box, #headerSearchSubmit{background-color:#FFD4D4 !important;}table.calendar td.calendar_today div.day_header {border:none;background:#FFB2B2 !important;} .calendar_today{background:none !important;} #xChatGuests {background:#FFB2B2 !important;color:#000000} .ratingbutton,.even,.treetalk_button {background: #FFB2B2 !important;} .header,.ui-dialog-titlebar {background-image: none !important;background: #FFB2B2 !important;} #pm_outbox_form_submit, #newpreview, #login_submit, #newmsg, .button, .boxheader, .footer, .topnavigation_wrap li:hover, .topnavigation_wrap,.searchli,#navigation,.menu_item,#inf_li, #last_li, #comm_li, .buttond, #global-news-li, .xChatHead, #news-headline {background-image: url("https://files.homepagemodules.de/b104774/a_533_f8c5c000.png") !important;background-color: #FFB2B2 !important;} ul.navigation {background: none !important} .menu_item:hover, ul.navigation li.currentpage, .header_login{background:#9B3333 !important;} .spacer10,.link10:hover,.subnavi,.subnavi2, ul.submenu li,  #xChat_global.connected, .xChatHead.connectable, #global-news-box-wrap,.boxcontent {background: #FFE5E5 !important;} #global-news-box-wrap span:hover {background:#EEC3C3} .boxheader strong, .boxheader a, .boxheader small, .footer a,.topnavigation strong,.topnavigation span,.menu_item span, .button, #inf_li a, #last_li a, #comm_li a, .boxheader b, .login_box strong, .login_box small, .cmhsp, div, #foverview_stat3 td, .content small, #messagetext, #messagetitle, .smallbutton, #nachricht, #event_name, #new_text, #new_previewtext, #new_title, #cat_name, textarea, input, #user_page03708292295062494 span, #link_login span{color: #000000 !important;}a, .fstat a small, a strong, a small, #xActivityFeed a, .mmain a, .memberlist a, .memberlist strong, #blog-sidebar a{color: #000000 !important;} .login_box a {color: #ffffff !important;} .grey a {color: #595959 !important;} .username, .headinfo, .usertitle{color: #ffffff !important;}input {border: 1px solid #FFE5E5} ul.navigation li {border-right: 1px solid #FFE5E5;border-left: 1px solid #FFE5E5}ul.navigation {border-bottom:none} ul.submenu li {border-bottom: 1px solid #9B3333} .content, ul.forum li, li.searchli input{background: #FBFBFB}';
 
styles_more[5] = 'body,.sbox {scrollbar-base-color: #227722;} .side-panel:nth-child(1) .foreground {fill: #88DD88 !important;} .side-panel:nth-child(2) .foreground {fill: #66BB66 !important;} .side-panel:nth-child(3) .foreground {fill: #449944 !important;} .side-panel:nth-child(4) .foreground {fill: #227722 !important;} .side-panel:nth-child(5) .foreground {fill: #005500 !important;}.side-panel:hover .panel-handle {background:#eeeeee !important;border-radius: 0 20px 20px 0;}body, .login_box, #headerSearchSubmit{background-color:#BBEEBB !important;}table.calendar td.calendar_today div.day_header {border:none;background:#99CC99 !important;} .calendar_today{background:none !important;} #notesbox #bxbutton button,#xChatGuests {background:#99CC99 !important;color:#000000} .ratingbutton,.even,.treetalk_button {background: #99CC99 !important;} .header,.ui-dialog-titlebar {background-image: none !important;background: #99CC99 !important;} #pm_outbox_form_submit, #newpreview, #login_submit, #newmsg, .button, .boxheader, .footer, .topnavigation_wrap li:hover, .topnavigation_wrap,.searchli,#navigation,.menu_item,#inf_li, #last_li, #comm_li, .buttond, #global-news-li, .xChatHead, #news-headline {background-image: url("https://files.homepagemodules.de/b104774/a_534_5ef0d974.png") !important;background-color: #99CC99 !important;} ul.navigation {background: none !important} .menu_item:hover, ul.navigation li.currentpage, .header_login{background:#485D1E !important;} .spacer10,.link10:hover,.subnavi,.subnavi2, ul.submenu li,  #xChat_global.connected, .xChatHead.connectable, #global-news-box-wrap,.boxcontent {background: #CCFFCC !important;} #global-news-box-wrap span:hover {background:#AAEEAA} .boxheader strong, .boxheader a, .boxheader small, .footer a,.topnavigation strong,.topnavigation span,.menu_item span, .button, #inf_li a, #last_li a, #comm_li a, .boxheader b, .login_box strong, .login_box small, .cmhsp, div, #foverview_stat3 td, .content small, #messagetext, #messagetitle, .smallbutton, #nachricht, #event_name, #new_text, #new_previewtext, #new_title, #cat_name, textarea, input, #user_page03708292295062494 span, #link_login span{color: #000000 !important;}a, .fstat a small, a strong, a small, #xActivityFeed a, .mmain a, .memberlist a, .memberlist strong, #blog-sidebar a{color: #000000 !important;} .login_box a {color: #ffffff !important;} .grey a {color: #595959 !important;} .username, .headinfo, .usertitle{color: #ffffff !important;}input {border: 1px solid #CCFFCC} ul.navigation li {border-right: 1px solid #CCFFCC;border-left: 1px solid #CCFFCC}ul.navigation {border-bottom:none} ul.submenu li {border-bottom: 1px solid #227722} .content, ul.forum li, li.searchli input{background: #FBFBFB}';
 
styles_more[6] = 'body,.sbox {scrollbar-base-color: #797A23;} .side-panel:nth-child(1) .foreground {fill: #CEDF89 !important;} .side-panel:nth-child(2) .foreground {fill: #ADBE67 !important;} .side-panel:nth-child(3) .foreground {fill: #9B9C45 !important;} .side-panel:nth-child(4) .foreground {fill: #797A23 !important;} .side-panel:nth-child(5) .foreground {fill: #575801 !important;}.side-panel:hover .panel-handle {background:#eeeeee !important;border-radius: 0 20px 20px 0;}body, .login_box, #headerSearchSubmit{background-color:#EEEEA2 !important;}table.calendar td.calendar_today div.day_header {border:none;background:#EEEEB3 !important;} .calendar_today{background:none !important;} #xChatGuests {background:#EEEEB3 !important;color:#000000} .ratingbutton,.even,.treetalk_button {background: #FFFFB3 !important;} .header,.ui-dialog-titlebar {background-image: none !important;background: #CCCC80 !important;} #pm_outbox_form_submit, #newpreview, #login_submit, #newmsg, .button, .boxheader, .footer, .topnavigation_wrap li:hover, .topnavigation_wrap,.searchli,#navigation,.menu_item,#inf_li, #last_li, #comm_li, .buttond, #global-news-li, .xChatHead, #news-headline {background-image: url("https://files.homepagemodules.de/b104774/a_535_85ac0db2.png") !important;background-color: #CCCC80 !important;} ul.navigation {background: none !important} .menu_item:hover, ul.navigation li.currentpage, .header_login{background:#575801 !important;} .spacer10,.link10:hover,.subnavi,.subnavi2, ul.submenu li,  #xChat_global.connected, .xChatHead.connectable, #global-news-box-wrap,.boxcontent {background: #FFFFB3 !important;} #global-news-box-wrap span:hover {background:#EEEE91} .boxheader strong, .boxheader a, .boxheader small, .footer a,.topnavigation strong,.topnavigation span,.menu_item span, .button, #inf_li a, #last_li a, #comm_li a, .boxheader b, .login_box strong, .login_box small, .cmhsp, div, #foverview_stat3 td, .content small, #messagetext, #messagetitle, .smallbutton, #nachricht, #event_name, #new_text, #new_previewtext, #new_title, #cat_name, textarea, input, #user_page03708292295062494 span, #link_login span{color: #000000 !important;}a, .fstat a small, a strong, a small, #xActivityFeed a, .mmain a, .memberlist a, .memberlist strong, #blog-sidebar a{color: #000000 !important;} .login_box a {color: #ffffff !important;} .grey a {color: #595959 !important;} .username, .headinfo, .usertitle{color: #ffffff !important;}input {border: 1px solid #FFFFB3} ul.navigation li {border-right: 1px solid #FFFFB3;border-left: 1px solid #FFFFB3}ul.navigation {border-bottom:none} ul.submenu li {border-bottom: 1px solid #797A23} .content, ul.forum li, li.searchli input{background: #FBFBFB}';
 
styles_more[7] = 'body,.sbox {scrollbar-base-color: #5D5D5D;} .side-panel:nth-child(1) .foreground {fill: #BFBFBF !important;} .side-panel:nth-child(2) .foreground {fill: #9F9F9F !important;} .side-panel:nth-child(3) .foreground {fill: #7E7E7E !important;} .side-panel:nth-child(4) .foreground {fill: #5D5D5D !important;} .side-panel:nth-child(5) .foreground {fill: #3D3D3D !important;}.side-panel:hover .panel-handle {background:#eeeeee !important;border-radius: 0 20px 20px 0;}body, .login_box, #headerSearchSubmit{background-color:#D8D8D8 !important;}table.calendar td.calendar_today div.day_header {border:none;background:#B6B6B6 !important;} .calendar_today{background:none !important;} #xChatGuests {background:#B6B6B6 !important;color:#000000} .ratingbutton,.even,.treetalk_button {background: #B6B6B6 !important;} .header,.ui-dialog-titlebar {background-image: none !important;background: #B6B6B6 !important;} #pm_outbox_form_submit, #newpreview, #login_submit, #newmsg, .button, .boxheader, .footer, .topnavigation_wrap li:hover, .topnavigation_wrap,.searchli,#navigation,.menu_item,#inf_li, #last_li, #comm_li, .buttond, #global-news-li, .xChatHead, #news-headline {background-image: url("https://files.homepagemodules.de/b104774/a_536_c10eef41.png") !important;background-color: #B6B6B6 !important;} ul.navigation {background: none !important} .menu_item:hover, ul.navigation li.currentpage, .header_login{background:#5D5D5D !important;} .spacer10,.link10:hover,.subnavi,.subnavi2, ul.submenu li,  #xChat_global.connected, .xChatHead.connectable, #global-news-box-wrap,.boxcontent {background: #E9E9E9 !important;} #global-news-box-wrap span:hover {background:#C7C7C7} .boxheader strong, .boxheader a, .boxheader small, .footer a,.topnavigation strong,.topnavigation span,.menu_item span, .button, #inf_li a, #last_li a, #comm_li a, .boxheader b, .login_box strong, .login_box small, .cmhsp, div, #foverview_stat3 td, .content small, #messagetext, #messagetitle, .smallbutton, #nachricht, #event_name, #new_text, #new_previewtext, #new_title, #cat_name, textarea, input, #user_page03708292295062494 span, #link_login span{color: #000000 !important;}a, .fstat a small, a strong, a small, #xActivityFeed a, .mmain a, .memberlist a, .memberlist strong, #blog-sidebar a{color: #000000 !important;} .login_box a {color: #ffffff !important;} .grey a {color: #595959 !important;} .username, .headinfo, .usertitle{color: #ffffff !important;}input {border: 1px solid #E9E9E9} ul.navigation li {border-right: 1px solid #E9E9E9;border-left: 1px solid #E9E9E9}ul.navigation {border-bottom:none} ul.submenu li {border-bottom: 1px solid #5D5D5D}';
 
styles_more[8] = 'body,.sbox {scrollbar-base-color: #5d5d5d;} .side-panel:nth-child(1) .foreground {fill: #8c8c8c !important;} .side-panel:nth-child(2) .foreground {fill: #6a6a6a !important;} .side-panel:nth-child(3) .foreground {fill: #4b4b4b !important;} .side-panel:nth-child(4) .foreground {fill: #3B3B3B !important;} .side-panel:nth-child(5) .foreground {fill: #2B2B2B !important;}.side-panel:hover .panel-handle {background:#eeeeee !important;border-radius: 0 20px 20px 0;}body, .login_box, #headerSearchSubmit{background-color:#A5A5A5 !important;}table.calendar td.calendar_today div.day_header {border:none;background:#838383 !important;} .calendar_today{background:none !important;} #xChatGuests {background:#838383 !important;color:#000000} .ratingbutton,.even,.treetalk_button {background: #838383 !important;} .header,.ui-dialog-titlebar {background-image: none !important;background: #838383 !important;} #pm_outbox_form_submit, #newpreview, #login_submit, #newmsg, .button, .boxheader, .footer, .topnavigation_wrap li:hover, .topnavigation_wrap,.searchli,#navigation,.menu_item,#inf_li, #last_li, #comm_li, .buttond, #global-news-li, .xChatHead, #news-headline {background-image: url("https://files.homepagemodules.de/b104774/a_172_d3e2cf3e.png") !important;background-color: #838383 !important;} ul.navigation {background: none !important} .menu_item:hover, ul.navigation li.currentpage, .header_login{background:#5d5d5d !important;} .spacer10,.link10:hover,.subnavi,.subnavi2, ul.submenu li,  #xChat_global.connected, .xChatHead.connectable, #global-news-box-wrap,.boxcontent {background: #b6b6b6 !important;} #global-news-box-wrap span:hover {background:#949494} .boxheader strong, .boxheader a, .boxheader small, .footer a,.topnavigation strong,.topnavigation span,.menu_item span, .button, #inf_li a, #last_li a, #comm_li a, .boxheader b, .login_box strong, .login_box small, .cmhsp, div, #foverview_stat3 td, .content small, #messagetext, #messagetitle, .smallbutton, #nachricht, #event_name, #new_text, #new_previewtext, #new_title, #cat_name, textarea, input, #user_page03708292295062494 span, #link_login span{color: #000000 !important;}a, .fstat a small, a strong, a small, #xActivityFeed a, .mmain a, .memberlist a, .memberlist strong, #blog-sidebar a{color: #000000 !important;} .login_box a {color: #ffffff !important;} .grey a {color: #262626 !important;} .username, .headinfo, .usertitle{color: #ffffff !important;}input {border: 1px solid #b6b6b6} ul.navigation li {border-right: 1px solid #b6b6b6;border-left: 1px solid #b6b6b6}ul.navigation {border-bottom:none} ul.submenu li {border-bottom: 1px solid #5d5d5d}';
 
styles_more[9] = 'body,.sbox {scrollbar-base-color: #000000;} .side-panel:nth-child(1) .foreground {fill: #8c8c8c !important;} .side-panel:nth-child(2) .foreground {fill: #6a6a6a !important;} .side-panel:nth-child(3) .foreground {fill: #4b4b4b !important;} .side-panel:nth-child(4) .foreground {fill: #3B3B3B !important;} .side-panel:nth-child(5) .foreground {fill: #2B2B2B !important;}.side-panel:hover .panel-handle {background:#eeeeee !important;border-radius: 0 20px 20px 0;}body, .login_box, #headerSearchSubmit{background-color:#5C5C5C !important;}table.calendar td.calendar_today div.day_header {border:none;background:#4D4D4D !important;} .calendar_today{background:none !important;} #xChatGuests {background:#4D4D4D !important;color:#000000} .ratingbutton,.even,.treetalk_button {background: #4D4D4D !important;} .header,.ui-dialog-titlebar {background-image: none !important;background: #4D4D4D !important;} #pm_outbox_form_submit, #newpreview, #login_submit, #newmsg, .button, .boxheader, .footer, .topnavigation_wrap li:hover, .topnavigation_wrap,.searchli,#navigation,.menu_item,#inf_li, #last_li, #comm_li, .buttond, #global-news-li, .xChatHead, #news-headline {background-image: url("https://files.homepagemodules.de/b104774/a_173_4eb162b0.png") !important;background-color: #4D4D4D !important;} ul.navigation {background: none !important} .menu_item:hover, ul.navigation li.currentpage, .header_login{background:#242424 !important;} .spacer10,.link10:hover,.subnavi,.subnavi2, ul.submenu li,  #xChat_global.connected, .xChatHead.connectable, #global-news-box-wrap,.boxcontent,td.fnew,td.fdesc,td.fstat {background: #333333 !important;} #global-news-box-wrap span:hover {background:#949494} .boxheader strong, .boxheader a, .boxheader small, .footer a,.topnavigation strong,.topnavigation span,.menu_item span, .button, #inf_li a, #last_li a, #comm_li a, .boxheader b, .login_box strong, .login_box small, .cmhsp, div, #foverview_stat3 td, .content small, #messagetext, #messagetitle, .smallbutton, #nachricht, #event_name, #new_text, #new_previewtext, #new_title, #cat_name, textarea, input, #user_page03708292295062494 span, #link_login span{color: #000000 !important;}a, .fstat a small, a strong, a small, #xActivityFeed a, .mmain a, .memberlist a, .memberlist strong, #blog-sidebar a{color: #000000 !important;} .login_box a {color: #ffffff !important;} .grey a {color: #262626 !important;} .username, .headinfo, .usertitle{color: #ffffff !important;}input {border: 1px solid #333333} ul.navigation li {border-right: 1px solid #333333;border-left: 1px solid #333333}ul.navigation {border-bottom:none} ul.submenu li {border-bottom: 1px solid #242424}a:hover{color:#aaaaaa !important;}a {color:#999999 !important;}.spacer20{background-color:#222222 !important}.navigation span, .topnavigation strong, .topnavigation span, #breadcrumbs,#breadcrumbs small,.spacer20 a,.spacer20 small, .spacer20 strong,#xActivityFeed div,.button,.content td{color:#ffffff !important;}.spacer10,.spacer10 a,#blog-sidebar .spacer10 a,#foverview_stat3 td,.spacer10 li,.boxcontent span,.fstat a small,.fstat div,#xActivityFeed a, #breadcrumbs a,.boxheader strong{color:#dddddd !important}.options small, .options a,.options span{color:#000000 !important}.fposts,.page_calendar .boxcontent td div{background:#333333 !important;}.sidebar, .sidebar .reply{background:#444444 !important;}.messageinformation td,.messageAvatar,.page_gallery .boxcontent td,.gpicutre_wrap div,.page_calendar .boxcontent li, .xQuotesHead,#uploadinfo{background:#444444 !important;}#blog-sidebar li,#blog-sidebar .spacer10 strong,.page_gallery .boxcontent li,.page_calendar .boxcontent td{background:#555555 !important}.mtext div{color:#eeeeee !important}.page_member-layout .line td, .page_member .pmlist li {background: #555555 !important;border:1px solid #888888;}.page_new .xquotecont,.page_new .xquotecont a,.page_new .xquote,.page_new .xquoteopts,.page_new .qoptspan a,.page_new  blockquote,.page_new .reply,.page_new .mtext .attention,.page_msg .modad .active,.page_msg .modad li:hover{background-color: #555555;color:#000000 !important;}.page_private .mmain a {color:#888888 !important}.page_private_read .umtext {background: #777777 !important;}.page_private .mfurther_wrap a{color:#888888 !important;}div blockquote {background-color:#707070;}';
 
 
function change4_style(n) {
localStorage.setItem('switcher4' , (n+","+111)); 
location.reload();
}
$('head').append('<style type="text/css">' + styles_more[localStorage.getItem('switcher4').slice(0, 1)] + '</style>');
 
</script>
 

Schlie�en

Zum Nachdenken:
Der Styleswitcher strahlt schon eine Faszination aus!
Um ihn perfekt laufen zulassen, müssten alle Seiten präzise angepasst werden!
Man sollte sich fragen, wie stark der Styleswitcher im eigenen Forum genutzt wird und dem Aufwand gerecht wird!
Die Farben, die man für sein Forum gewählt hat, sagen auch etwas aus, präsentieren das Forum so wie es ist!
Ist es daher sinnvoll einen kompletten Farbwechsel anzubieten?
Vielleicht währe eine Helligkeits- oder Kontraständerung eine Möglichkeit?

Wenn Du über einen Farbwechsel in Deinem Forum nachdenkst, versuch doch das "Business Template" in "schwarz" laufen zu lassen und warte auf das Feedback Deiner User!

Bis dann

Wolfgang

Scannerxy findet das Top!

Antworten

#10 | RE: Minimierter Styleswitcher / Hintergrundwechsler im Dark-Design! datum

07.07.2019 10:03

Prima, so passt das Wolfgang.

Vielen Dank!

Antworten

VAR-Funktion in der CSS + CSS/SCSS � � Große Farbauswahl / Super Color-Picker / Auch minimiert! - Teil 1-6

Seite 1 von 3 � Seite 1 2 3 Seite �

Foren Spende

Hallo !

Wir hoffen, dass Dir unser Forum gef�llt und Du Dich hier genauso wohlf�hlst wie wir.

Um Dir und den anderen Mitgliedern das Bestm�gliche bieten zu k�nnen, w�rden wir das Forum gern werbefrei gestalten, mit tollen neuen Extras erg�nzen.

Wenn Du uns dabei unterst�tzen m�chtest, kannst Du mit Hilfe einer kleinen Spende dazu beitragen.

Deine Spende hilft!

Spendenziel: 85 €

103%

Zum Einbau: Google-Translator!

Favoriten speichern

Forum - Minimierter Styleswitcher / Hintergrundwechsler für alle Template (auch V6)

Minimierter Styleswitcher fürs Business-Template
Aktualisiert 07.05.23

Minimierter Styleswitcher fürs Business-Template

Minimierter Styleswitcher / Hintergrundwechsler mit mehr Farben!
Aktualisiert 06.05.23

Minimierter Styleswitcher / Hintergrundwechsler im Dark-Design!

Minimierter Styleswitcher / Hintergrundwechsler im Dark-Design!
Aktualisiert 14.07.19

Forum Lesezeichen ❌

Forum - Minimierter Styleswitcher / Hintergrundwechsler für alle Template (auch V6)

Minimierter Styleswitcher fürs Business-TemplateAktualisiert 07.05.23

Minimierter Styleswitcher fürs Business-Template

Minimierter Styleswitcher / Hintergrundwechsler mit mehr Farben!Aktualisiert 06.05.23

Minimierter Styleswitcher / Hintergrundwechsler im Dark-Design!

Minimierter Styleswitcher / Hintergrundwechsler im Dark-Design!Aktualisiert 14.07.19

Forum Lesezeichen ❌

Minimierter Styleswitcher fürs Business-Template
Aktualisiert 07.05.23

Minimierter Styleswitcher / Hintergrundwechsler mit mehr Farben!
Aktualisiert 06.05.23

Minimierter Styleswitcher / Hintergrundwechsler im Dark-Design!
Aktualisiert 14.07.19