Forum - Farb-, Größen- und Textanpassung für den neuen Cookie

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). � Farb-, Größen- und Textanpassung für den neuen Cookie - Hinweis / Teil 1-3

Seite 1 von 2 � Seite 1 2 Seite �

Themen-Einstellungen

Thema drucken

Bereich wechseln

Start Willkommen! Ank�ndigungen & Termine, wichtige News. Stellen Sie Ihr eigene Webseite vor. Betriebssystem MS Windows & andere Betriebssysteme Betriebssystem MS Windows 11, 10, 8 und 7 - Tricks & Tipps. MS Windows 11, 10, 8 und 7 - Fragen & Antworten. Linux, Ubuntu und andere Betriebssysteme. �rger mit dem PC, Laptop oder Tablet? �rger mit dem PC, Laptop oder Tablet - Vorbeugung und Hilfe? �rger mit dem PC, Laptop oder Tablet - 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. Elektronik & Elektrotechnik Elektronik & Elektrotechnik - Fragen und Antworten Elektronik & Elektrotechnik - Praxis - Highlights 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 | Farb-, Größen- und Textanpassung für den neuen Cookie - Hinweis / Teil 1-3 datum

18.07.2021 18:23 (zuletzt bearbeitet: 08.08.2021 12:19)

Wolfgang

Administrator

Informationen anzeigen

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

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1807

Farbanpassung und Größenanpassung für den neuen Cookie - Hinweis / Teil 1-3

Aktualisiert 14.08.2025

Cookie-HinweisXobor hat eine gute Auswahl an Templates in Form und Farbe.
Mit der folgenden CSS-Anpassung ist es möglich den neuen Cookie-Hinweis farblich an die Templates anzupassen und das nur über die CSS oder CSS / SCSS Addon!
Hat man seine Datenschutzerklärung in Form und Farbe geändert und auf eine eigene Seite gesetzt, ist es notwendig die Verlinkung im Cookie-Fenster zu ändern!
Funktioniert auch im neuen V6!

Folgende Anpassungen sind möglich:

Hintergrundfarbe, Schriftfarbe und Rahmenfarbe vom Cookie Hinweis Fenster.
Schriftfarbe der Button "Auswahl speichern" und "Allen zustimmen".
Hintergrundfarbe und Rahmenfarbe der Auswahl-Button.
Hintergrundfarbe und Rahmenfarbe des "Allen zustimmen-Button".
Farbanpassung der inaktiven Button!
Größenanpassung der Auswahl-Button
Neu! Mobil größenmäßig angepasst!

Vor der CSS-Anpassung:

Nach der Anpassung - So kann es aussehen!

Wird in den "Template v1-4 " in "Eigener CSS Code" eingetragen!
Fürs "Xobor Template v6 " in "CSS / SCSS Addon"!

Über den jeweiligen CSS-Einträgen steht, was sie bewirken!
Zeile 105-116, 22, 54 +102 bestimmen die Größen der einzelnen Button.
Die CSS-Einträge können beliebig angepasst, gekürzt oder erweitert 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
130
131
132
 
/******** Cookie - Hinweis ********/
 
/** Hintergrundfarbe und Rahmenfarbe - Fenster Cookie-Hinweis **/
.klaro .cookie-modal .cm-modal.cm-klaro {
   background: #000033;
   border: 1px solid #eeeeee !important;
 
   font:13px arial;
   left:1%;
   width: 99%;
   margin: 15px auto 15px auto; 
   overflow: auto;
   z-index:999999;
}
 
/** Hintergrundfarbe und Rahmenfarbe - Cookie-Notiz **/
.klaro .cookie-notice:not(.cookie-modal-notice) {
   background: #000033 !important;
   border:1px solid #eeeeee !important; 
    
   /* Maximale Breite Cookie-Notiz */
   max-width: 500px;
}
 
/** Schriftbreite Cookie-Notiz **/
.klaro .cookie-notice:not(.cookie-modal-notice) strong {
   font-weight:normal !important;
}
 
/** Schriftfarbe - Fenster Cookie-Hinweis **/
.klaro .cookie-modal .cm-modal.cm-klaro span {
   color:#dff6f8 !important;
}
 
/** Linkfarbe **/
.klaro .cookie-modal a, 
.klaro .cookie-notice a {
   color:#dddd00 !important;
}
 
/** Hover-Linkfarbe **/
.klaro .cookie-modal a:hover, 
.klaro .cookie-notice a:hover {
   color:#bbbbee !important;
}
 
/** Schriftfarbe Button **/
.klaro .cookie-modal  .cm-btn-accept, 
.klaro .cookie-modal  .cm-btn-accept-all,
.klaro .cookie-notice .cm-btn.cm-btn-success {
   color:#dddd00 !important;
   width:auto !important;
 
   padding: 5px 10px;
}
 
/** Hover-Schriftfarbe Button **/
.klaro .cookie-modal  .cm-btn-accept:hover, 
.klaro .cookie-modal  .cm-btn-accept-all:hover,
.klaro .cookie-notice .cm-btn.cm-btn-success:hover {
   color:#bbbbee !important;
}
 
/** Hintergrundfarbe und Rahmenfarbe - Auswahl-Button **/
.klaro .cookie-modal .cm-list-input.required:checked+.cm-list-label .slider, 
.klaro .cookie-modal .cm-list-input:checked+.cm-list-label .slider,
.klaro .cookie-modal .cm-list-input.only-required+.cm-list-label .slider,
.klaro .context-notice .cm-list-input.required:checked+.cm-list-label .slider, 
.klaro .context-notice .cm-list-input:checked+.cm-list-label .slider,
.klaro .context-notice .cm-list-input.only-required+.cm-list-label .slider, 
.klaro .cookie-notice .cm-list-input.required:checked+.cm-list-label .slider,
.klaro .cookie-notice .cm-list-input:checked+.cm-list-label .slider,
.klaro .cookie-notice .cm-btn.cm-btn-success {
   background:#19297f !important;
   border:1px solid #eeeeee !important;
}
 
/** Knopf-Farbe Auswahl-Button **/
.klaro .cookie-modal .cm-list-label .slider::before, 
.klaro .context-notice .cm-list-label .slider::before, 
.klaro .cookie-notice .cm-list-label .slider::before {
   background: #ffffff !important;
}
 
/** Hintergrundfarbe der inaktiven Auswahl-Button **/
.klaro .cookie-modal .cm-list-label .slider, 
.klaro .context-notice .cm-list-label .slider, 
.klaro .cookie-notice .cm-list-label .slider {
   background:#aaaaaa !important;
}
 
/** Hover-Effekt Auswahl-Button **/
.klaro .slider:hover {
   opacity:0.6 !important;
}
 
/** Hintergrundfarbe und Rahmenfarbe - Allen zustimmen-Button **/
.klaro .cookie-modal  .cm-btn-accept-all {
   background:#19297f !important;
   border:1px solid #eeeeee !important;
    
   padding: 5px 10px !important;
}
  
/** Breite Auswahl-Button und Knopf-Farbe Auswahl-Button **/
.klaro .cookie-modal .cm-list-label .slider::before, 
.klaro .context-notice .cm-list-label .slider::before, 
.klaro .cookie-notice .cm-list-label .slider::before {
   width: 15px !important;
   height: 15px !important;
   background: #ffffff !important;
}
.klaro .slider {
   height: 24px !important;
   width: 45px !important;
}
  
/** OK-Button**/
.cn-ok .cn-buttons {width: auto !important;}
 
  
/** Schriftgröße Button */
.klaro .cm-footer, .cn-ok { 
   font: 12px arial;
   cursor:default;
}
 
/** X-Button - Positionierung (v1-4) **/ 
.klaro .cookie-modal .cm-modal .hide:not(.mbt .klaro .cookie-modal .cm-modal .hide) {
  top:0;
  right:0;
}
 

Schließen

Cookie-Hinweis aufrufen

Viel Erfolg beim Umsetzen und besten Dank für die Inspiration an @Gabriella

Wolfgang

Gabriella, 844er und charlie1965 finden das Top!

Antworten

Moderations-Kommentar:

Beitrag überarbeitet, Mobil V6 neu angepasst!

#2 | Zusätzliche Textanpassung für den neuen Cookie - Hinweis Teil 2 datum

20.07.2021 19:20 (zuletzt bearbeitet: 05.03.2022 23:46)

Wolfgang

Administrator

Informationen anzeigen

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

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1807

Zusätzliche Textanpassung für den neuen Cookie - Hinweis Teil 2

Aktualisiert 14.08.2025

Text Cookie-HinweisDer einleitende Text des Cookie-Hinweis ist schon recht lang und kann durch seine ganzen Details die Lust aufs Forum vermiesen!
Ich denke, wer alles genaustens wissen will, schaut auch in die Datenschutzverordnung!
Zumal unter den Dienste bereits steht, was man zulassen oder vermeiden möchte!
Durch einen kürzeren Hinweistext, wird das Hinweisfenster auch noch zusätzlich minimiert!
Wer seinen Cookie-Hinweis und auch die kleine Cookie-Notiz anpassen möchte, kann das mit dem folgenden Eintrag machen!
Funktioniert auch im neuen V6 !

Folgende Anpassungen sind möglich:

Der komplette Hinweistext und die Cookie-Notiz kann beliebig angepasst werden!
Für die Textanpassung wird nur ein CSS-Eintrag benötigt!
Wie in Teil 1, Farb- und Größenanpassung!

Hinterher:

Wird in den "Template v1-4 " in "Eigener CSS Code" eingetragen!
Fürs "Xobor Template v6 " in "CSS / SCSS Addon"!

In Zeile 5 wird der Text für den großen Cookie - Hinweis angepasst!
In Zeile 11 wird der Text für die kleine Cookie - Notiz unten rechts angepasst!
Wichtig! Es ist darauf zu achten, dass die Texte in einer Reihe geschrieben werden!
HTML-Tags werden in der CSS leider nicht umgesetzt!
"\A " bewirkt einen Umbruch im Satz!
Über den jeweiligen CSS-Einträgen steht, was sie bewirken!
Zeile 117-128, 34, 66 +114 bestimmen die Größen der einzelnen Button.
Die CSS-Einträge können beliebig angepasst, gekürzt oder erweitert 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
130
131
132
133
134
135
136
137
138
139
140
141
142
143
 
/******** Cookie - Hinweis ********/
/** Text für den großen Cookie Hinweis **/
.klaro .cm-modal.cm-klaro .cm-header  p span  span, .klaro .cookie-notice .cn-body p span {display:none;}
.klaro .cm-modal.cm-klaro .cm-header p span::before {
  content: "Cookies sind kleine Textdateien, einige sind essenziell, andere nicht dringend erforderlich. \AUm mehr zu erfahren, lesen sie unsere Datenschutzerklärung.\A";  
  white-space: pre-wrap; 
}
 
/** Text für die kleine Cookie Notiz, unten rechts **/
.klaro .cookie-notice .cn-body p::before {
  content:"Cookies helfen dabei diese Webseite nutzungsfreundlich zu machen. \AKönnen Dienste für Besucherstatistiken, YouTube-Videos und Styling aktiviert werden? \A\ASie können jederzeit ihre Zustimmung ändern oder zurückziehen!\A\A";  
  white-space: pre-wrap; 
} 
 
/** Hintergrundfarbe und Rahmenfarbe - Fenster Cookie-Hinweis **/
.klaro .cookie-modal .cm-modal.cm-klaro {
   background: #000033;
   border: 1px solid #eeeeee !important;
 
   font:13px arial;
   left:1%;
   width: 99%;
   margin: 15px auto 15px auto; 
   overflow: auto;
   z-index:999999;
}
 
/** Hintergrundfarbe und Rahmenfarbe - Cookie-Notiz **/
.klaro .cookie-notice:not(.cookie-modal-notice) {
   background: #000033 !important;
   border:1px solid #eeeeee !important;
    
   /* Maximale Breite Cookie-Notiz */
   max-width: 530px;
}
 
/** Schriftbreite Cookie-Notiz **/
.klaro .cookie-notice:not(.cookie-modal-notice) strong {
   font-weight:normal !important;
}
 
/** Schriftfarbe - Fenster Cookie-Hinweis **/
.klaro .cookie-modal .cm-modal.cm-klaro span {
   color:#dff6f8 !important;
}
 
/** Linkfarbe **/
.klaro .cookie-modal a, 
.klaro .cookie-notice a {
   color:#dddd00 !important;
}
 
/** Hover-Linkfarbe **/
.klaro .cookie-modal a:hover, 
.klaro .cookie-notice a:hover {
   color:#bbbbee !important;
}
 
/** Schriftfarbe Button **/
.klaro .cookie-modal  .cm-btn-accept, 
.klaro .cookie-modal  .cm-btn-accept-all,
.klaro .cookie-notice .cm-btn.cm-btn-success {
   color:#dddd00 !important;
   width:auto !important;
 
   padding: 5px 10px;
}
 
/** Hover-Schriftfarbe Button **/
.klaro .cookie-modal  .cm-btn-accept:hover, 
.klaro .cookie-modal  .cm-btn-accept-all:hover,
.klaro .cookie-notice .cm-btn.cm-btn-success:hover {
   color:#bbbbee !important;
}
 
/** Hintergrundfarbe und Rahmenfarbe - Auswahl-Button **/
.klaro .cookie-modal .cm-list-input.required:checked+.cm-list-label .slider, 
.klaro .cookie-modal .cm-list-input:checked+.cm-list-label .slider,
.klaro .cookie-modal .cm-list-input.only-required+.cm-list-label .slider,
.klaro .context-notice .cm-list-input.required:checked+.cm-list-label .slider, 
.klaro .context-notice .cm-list-input:checked+.cm-list-label .slider,
.klaro .context-notice .cm-list-input.only-required+.cm-list-label .slider, 
.klaro .cookie-notice .cm-list-input.required:checked+.cm-list-label .slider,
.klaro .cookie-notice .cm-list-input:checked+.cm-list-label .slider,
.klaro .cookie-notice .cm-btn.cm-btn-success {
   background:#19297f !important;
   border:1px solid #eeeeee !important;
}
 
/** Knopf-Farbe Auswahl-Button **/
.klaro .cookie-modal .cm-list-label .slider::before, 
.klaro .context-notice .cm-list-label .slider::before, 
.klaro .cookie-notice .cm-list-label .slider::before {
   background: #ffffff !important;
}
 
/** Hintergrundfarbe der inaktiven Auswahl-Button **/
.klaro .cookie-modal .cm-list-label .slider, 
.klaro .context-notice .cm-list-label .slider, 
.klaro .cookie-notice .cm-list-label .slider {
   background:#aaaaaa !important;
}
 
/** Hover-Effekt Auswahl-Button **/
.klaro .slider:hover {
   opacity:0.6 !important;
}
 
/** Hintergrundfarbe und Rahmenfarbe - Allen zustimmen-Button **/
.klaro .cookie-modal  .cm-btn-accept-all {
   background:#19297f !important;
   border:1px solid #eeeeee !important;
    
   padding: 5px 10px !important;
}
  
/** Breite Auswahl-Button und Knopf-Farbe Auswahl-Button **/
.klaro .cookie-modal .cm-list-label .slider::before, 
.klaro .context-notice .cm-list-label .slider::before, 
.klaro .cookie-notice .cm-list-label .slider::before {
   width: 15px !important;
   height: 15px !important;
   background: #ffffff !important;
}
.klaro .slider {
   height: 24px !important;
   width: 45px !important;
}
  
/** OK-Button**/
.cn-ok .cn-buttons {width: auto !important;}
 
/** Schriftgröße Button */
.klaro .cm-footer, .cn-ok { 
   font: 12px arial;
   cursor:default;
}
 
/** X-Button - Positionierung (v1-4) **/ 
.klaro .cookie-modal .cm-modal .hide:not(.mbt .klaro .cookie-modal .cm-modal .hide) {
  top:0;
  right:0;
}
 

Schließen

Cookie-Hinweis aufrufen

Viel Erfolg beim Umsetzen

Wolfgang

844er, ichwersonst und Hans58 finden das Top!

Antworten

#3 | RE: Größen- und Farbanpassung für den neuen Cookie - Hinweis Teil 2 datum

20.07.2021 23:06

Hallo Wolfgang

Schön das du das Thema aufgegriffen hast und uns sogar entsprechende Codes erstellt hast. Ich ziehe mal wieder meinen Hut !!!

Jetzt aber mal eine Frage:
Ich habe die Farben -speziell für auf eines meiner Foren- angepasst. Hat auch alles gut geklappt, bis auf die eine kleine Sache mit der Farbe der Punkte der einzelnen Schieberegler. Wie bekomme ich das hin das ich da die Farbe abändern kann (siehe Pfeile im Bild) ??

So sieht es aktuell bei mir aus. Mann kann die fast weißen Punkte in den Schiebefeldern nicht gut erkennen...

So würde es mir besser gefallen, aber das bekomme ich farbtechnisch nicht hin... (www.caseih-forum.de)

Kann man da was machen ? In deinem erstellten Code finde ich da nichts, ober habe ich da was übersehen ??

Gruß
Alfred

Antworten

#4 | RE: Größen- und Farbanpassung für den neuen Cookie - Hinweis Teil 2 datum

21.07.2021 03:05 (zuletzt bearbeitet: 25.07.2021 21:38)

Wolfgang

Administrator

Informationen anzeigen

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

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1807

RE: Größen- und Farbanpassung für den neuen Cookie - Hinweis Teil 2

Hallo AlfredDie CSS-Einträge haben es in sich!
Die verwendeten "Classes" hatte ich so auch noch nicht gesehen!

Zitat von Wolfgang im Beitrag #1
.klaro .cookie-modal .cm-list-input.required:checked+.cm-list-label .slider

Der zusätzliche CSS-Eintrag:

1
2
3
4
5
6
7
8
9
 
/** Knopffarbe Auswahl-Button **/
.klaro .cookie-modal .cm-list-label .slider::before, .klaro .context-notice .cm-list-label .slider::before, .klaro .cookie-notice .cm-list-label .slider::before {
background: #ffffff !important;
}
 
/** Hintergrundfarbe der inaktiven Auswahl-Button **/
.klaro .cookie-modal .cm-list-label .slider, .klaro .context-notice .cm-list-label .slider, .klaro .cookie-notice .cm-list-label .slider {
background:#aaaaaa;
}
 

Schließen

Bis dann

Wolfgang

844er und Hans58 finden das Top!

Antworten

#5 | Text- und Größenanpassung mit Forenlogo für den Cookie - Hinweis Teil 3 datum

12.08.2021 14:24 (zuletzt bearbeitet: 15.09.2022 16:42)

Wolfgang

Administrator

Informationen anzeigen

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

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1807

Text- und Größenanpassung mit Forenlogo für den Cookie - Hinweis Teil 3

Aktualisiert 14.08.2025

Fragen und GedankenSo wie es aussieht, wird der Cookie-Hinweis uns noch lange begleiten.
Was können wir also tun, um die Besucher einzuladen, Verständnis zu wecken, zu interessieren und nicht von fordernden, zu großen oder nervigen Hinweisen abzuschrecken?

Wie schon im Support angesprochen worden ist (Beitrag #11), ist es für Foren ohne Werbung (Premium-Foren) nicht zwingend erforderlich den Cookie-Hinweis anzuwenden!
Die minimierte Cookie-Notiz ist nur in Premium-Foren verfügbar!
Der Text in einem Cookie-Hinweis kann auch ablehnend wirken, wie auch die Form und Farbe!
Nervig ist es auch, wenn der Cookie-Hinweis etwas verdeckt, dass man sehen wollte!
Wiederum kann der Hinweis oder mehr die Schrift, nicht groß genug sein, um alles besser zu lesen!
Wie wäre es mit einem zusätzlichen Foren-Logo?

Was kann der neue Xobor-Cookie-Hinweis mit Foren-Logo?
Der neue Cookie-Hinweis baut auf Teil 2 auf!

Auswahltexte und Dienst-Links stehen in einer Reihe!
Button und Abstände sind kleiner!
Der Button "Alle Dienste aktivieren oder deaktivieren" wurde entfernt!
Die Funktion kann von den anderen Button übernommen werden!
Hat man ein werbefreies Forum, entfällt der Auswahl-Button "Anzeigen von Werbung"
Einbau eines Foren-Logos im Cookie-Hinweis und Cookie-Notiz.

Wird in den "Template v1-4 " in "Eigener CSS Code" eingetragen!
Fürs "Xobor Template v6 " in "CSS / SCSS Addon"!

In Zeile 5 wird der Text für den großen Cookie - Hinweis angepasst!
In Zeile 11 wird der Text für die kleine Cookie - Notiz unten rechts angepasst!
Wichtig! Es ist darauf zu achten, dass die Texte in einer Reihe geschrieben werden!
HTML-Tags werden in der CSS leider nicht umgesetzt!
"\A " bewirkt einen Umbruch im Satz!
Über den jeweiligen CSS-Einträgen steht, was sie bewirken!
Zeile 117-128, 34, 66 +114 bestimmen die Größen der einzelnen Button.
Zeile 132 blendet den Button "Alle Dienste aktivieren oder deaktivieren" aus.
In Zeile 155 wird das Foren-Logo eingetragen!
Wird die Größe in Zeile 159 verändert, müssen die Zeile 158,165 angepasst werden!
Die CSS-Einträge können beliebig angepasst, gekürzt oder erweitert 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
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
 
/******** Cookie - Hinweis ********/
/** Text für den großen Cookie Hinweis **/
.klaro .cm-modal.cm-klaro .cm-header  p span  span, .klaro .cookie-notice .cn-body p span {display:none;}
.klaro .cm-modal.cm-klaro .cm-header p span::before {
  content: "Cookies sind kleine Textdateien, einige sind essenziell, andere nicht dringend erforderlich. \AUm mehr zu erfahren, lesen sie unsere Datenschutzerklärung.\A";  
  white-space: pre-wrap; 
}
 
/** Text für die kleine Cookie Notiz, unten rechts **/
.klaro .cookie-notice .cn-body p::before {
  content:"Cookies helfen dabei diese Webseite nutzungsfreundlich zu machen. \AKönnen Dienste für YouTube-Videos, Styling und Besucherstatistiken aktiviert werden? \A\ASie können jederzeit ihre Zustimmung ändern oder zurückziehen!\A";  
  white-space: pre-wrap; 
} 
 
/** Hintergrundfarbe und Rahmenfarbe - Fenster Cookie-Hinweis **/
.klaro .cookie-modal .cm-modal.cm-klaro {
   background: #000033;
   border: 1px solid #eeeeee !important;
 
   font:13px arial;
   left:1%;
   width: 99%;
   margin: 15px auto 15px auto; 
   overflow: auto;
   z-index:999999;
}
 
/** Hintergrundfarbe und Rahmenfarbe - Cookie-Notiz **/
.klaro .cookie-notice:not(.cookie-modal-notice) {
   background: #000033 !important;
   border:1px solid #eeeeee !important;
    
   /* Maximale Breite Cookie-Notiz */
   max-width: 500px;
}
 
/** Schriftbreite Cookie-Notiz **/
.klaro .cookie-notice:not(.cookie-modal-notice) strong {
   font-weight:normal !important;
}
 
/** Schriftfarbe - Fenster Cookie-Hinweis **/
.klaro .cookie-modal .cm-modal.cm-klaro span {
   color:#dff6f8 !important;
}
 
/** Linkfarbe **/
.klaro .cookie-modal a, 
.klaro .cookie-notice a {
   color:#dddd00 !important;
}
 
/** Hover-Linkfarbe **/
.klaro .cookie-modal a:hover, 
.klaro .cookie-notice a:hover {
   color:#bbbbee !important;
}
 
/** Schriftfarbe Button **/
.klaro .cookie-modal  .cm-btn-accept, 
.klaro .cookie-modal  .cm-btn-accept-all,
.klaro .cookie-notice .cm-btn.cm-btn-success {
   color:#dddd00 !important;
   width:auto !important;
 
   padding: 5px 10px;
}
 
/** Hover-Schriftfarbe Button **/
.klaro .cookie-modal  .cm-btn-accept:hover, 
.klaro .cookie-modal  .cm-btn-accept-all:hover,
.klaro .cookie-notice .cm-btn.cm-btn-success:hover {
   color:#bbbbee !important;
}
 
/** Hintergrundfarbe und Rahmenfarbe - Auswahl-Button **/
.klaro .cookie-modal .cm-list-input.required:checked+.cm-list-label .slider, 
.klaro .cookie-modal .cm-list-input:checked+.cm-list-label .slider,
.klaro .cookie-modal .cm-list-input.only-required+.cm-list-label .slider,
.klaro .context-notice .cm-list-input.required:checked+.cm-list-label .slider, 
.klaro .context-notice .cm-list-input:checked+.cm-list-label .slider,
.klaro .context-notice .cm-list-input.only-required+.cm-list-label .slider, 
.klaro .cookie-notice .cm-list-input.required:checked+.cm-list-label .slider,
.klaro .cookie-notice .cm-list-input:checked+.cm-list-label .slider,
.klaro .cookie-notice .cm-btn.cm-btn-success {
   background:#19297f !important;
   border:1px solid #eeeeee !important;
}
 
/** Knopf-Farbe Auswahl-Button **/
.klaro .cookie-modal .cm-list-label .slider::before, 
.klaro .context-notice .cm-list-label .slider::before, 
.klaro .cookie-notice .cm-list-label .slider::before {
   background: #ffffff !important;
}
 
/** Hintergrundfarbe der inaktiven Auswahl-Button **/
.klaro .cookie-modal .cm-list-label .slider, 
.klaro .context-notice .cm-list-label .slider, 
.klaro .cookie-notice .cm-list-label .slider {
   background:#aaaaaa !important;
}
 
/** Hover-Effekt Auswahl-Button **/
.klaro .slider:hover {
   opacity:0.6 !important;
}
 
/** Hintergrundfarbe und Rahmenfarbe - Allen zustimmen-Button **/
.klaro .cookie-modal  .cm-btn-accept-all {
   background:#19297f !important;
   border:1px solid #eeeeee !important;
    
   padding: 5px 10px !important;
}
  
/** Breite Auswahl-Button und Knopf-Farbe Auswahl-Button **/
.klaro .cookie-modal .cm-list-label .slider::before, 
.klaro .context-notice .cm-list-label .slider::before, 
.klaro .cookie-notice .cm-list-label .slider::before {
   width: 15px !important;
   height: 15px !important;
   background: #ffffff !important;
}
.klaro .slider {
   height: 24px !important;
   width: 45px !important;
}
 
/** Alle Dienste aktivieren oder deaktivieren - Button ausblenden **/
.klaro .cm-purpose.cm-toggle-all {
   display:none !important;
}
  
/** OK-Button**/
.cn-ok .cn-buttons {
  width: auto !important;
}
 
/** Schriftgröße Button */
.klaro .cm-footer, .cn-ok { 
   font: 12px arial;
   cursor:default;
}
 
/** X-Button - Positionierung (v1-4) **/ 
.klaro .cookie-modal .cm-modal .hide:not(.mbt .klaro .cookie-modal .cm-modal .hide) {
  top:0;
  right:0;
}
  
/** Forum-Logo einfügen**/
.klaro .cm-modal.cm-klaro .cm-header,.cookie-notice .cn-body p {
  content: "before ";
  background-image: url('//files.homepagemodules.de/b104774/a_86_e792af6f.png') !important;
  background-repeat: no-repeat !important;
  background-position:10px 13px !important;
  padding-left:80px !important;
  background-size: 60px !important;
}
 
/** Position Foren-Logo - Cookie-Notiz **/
.klaro .cookie-notice .cn-body p {
  background-position:0px 5px !important;
  padding-left:70px !important;
}
 

Schließen

Cookie-Hinweis aufrufen

Thema im Support: Update Cookies Einstellungen
Auch hier im Forum: Cookie-Fenster --> Das wäre eine elegante Lösung für Xobor-Foren

Viel Erfolg beim Umsetzen

Wolfgang

844er, ichwersonst und Gabriella finden das Top!

Antworten

#6 | Verschiedene Texte zum Cookie - Hinweis! datum

19.08.2021 00:57

Verschiedene Texte zum Cookie - Hinweis!

Wenn man sich die verschiedensten Webseiten mit Cookie-Hinweisen anschaut, gibt es hier gravierende Unterschiede.
Wie gesetzlich vorgeschrieben müssen werbefinanzierte Webseiten genauste Angaben machen.
Müssen Cookie-Hinweise immer so groß und ausführlich ausfallen?
Wird hier und da nicht übertrieben oder wird der Nutzer zu wenig informiert?
Auch im Support ist es ein großes und langes Thema mit verschiedenen Meinungen und Vorstellungen!

• Update Cookies Einstellungen

Cookie-Hinweis auf der Webseite von eBay:
Schaut man sich "ebay" und auch die Vertragspartner an, weis man, wo die persönlichen Daten so hingehen!
Der Cookie-Hinweis breitet sich auf den unteren Teil der Webseite aus!

Cookie-Hinweis auf der Webseite von Google:
Der Cookie-Hinweis von Google nimmt gleich die ganze Seite ein, ist optisch allerdings ansprechend und verrät, wo die privaten Daten bleiben!

Geht es nicht auch so?

Cookie-Hinweis auf der Webseite von Emsisoft:
Emsisoft ist ein Anbieter für Antiviren-Software.
Dieser Cookie-Hinweis erinnert an den vorherigen Xobor-Cookie-Hinweis.
Klein, mit einem Link zu mehr Informationen!

Cookie-Hinweis auf der Webseite von Microsoft:
Auch Microsoft hat einen sehr knappen Cookie-Hinweis, ähnelt auch dem ehemaligen Xobor-Cookie-Hinweis.
Klein, aber den Standards angepasst!

Fragen:

Wie können Cookie-Hinweis-Texte für rein private und nicht werbefinanzierte Foren aussehen?
Könnte Xobor nicht den kleinen schmalen Cookie-Hinweis für Premien-Nutzer zur Verfügung stellen, so wie bei Microsoft?
Wäre es nicht möglich und sinnvoll eine generelle Einstellung über den Browser festzulegen?

Bis dann
Wolfgang

Antworten

#7 | RE: Verschiedene Texte zum Cookie - Hinweis! datum

19.08.2021 21:49

Hallo Wolfgang
Die Cookie-Akzeptierungen auf den einzelnen Webseiten im Netz ist schon ein Grauß und das nervt mich momentan ganz gewaltig.
Irgendwie habe ich das Gefühl, dass dadurch die Anzahl von eingehenden E-Mails mit Werbung noch schlimmer wird...

Was den Text anbelangt, so weiß ich leider nicht, was es da für feste Vorgaben gibt oder woran man sich halten muss, damit man als Forenbetreiber nicht durch irgendwelche Rechtsverdreher zur Kasse gebeten werden kann, falls was fehlt, worauf man hätte hinweisen müssen oder hinweisen muss.
Ich habe auch schon Webseiten gesehen, wo man Cookies ablehnen kann, um anschließend die betreffende Internetseite wie gewohnt aufrufen zu können....

Habe auch schon mehrfach in den Medien gelesen, dass man die Cookie-Fenster wieder abschaffen will. Da bete ich jeden Tag, dass das schnellstmöglich gemacht wird.

Mir persönlich gefällt diese Auswahl bezügl. Cookie-Fenster am besten ---> t1529f31-Farb-Groessen-und-Textanpassung-fuer-den-neuen-Cookie-Hinweis-Teil-1.html#msg4117#msg4117
Da weiß man, was man da anwählt, da man es optisch gleich sieht, ohne groß viel Text lesen zu müssen.

Wenn ich Button-Beschriftungen lese mit "Anpassen" oder "Ablehnen und Anpassen" oder "Ablehnen und mehr Erfahren" dann ist das für mich total verwirrend. Und wenn ich dann Button lese wo drauf steht "Ich stimme zu" oder "Alle akzeptieren" dann weiß ich gar nicht, was ich da zustimme oder akzeptiere, weil ich keinen Bock da drauf habe mir das alles auf jeder einzelnen Internetseite durchzulesen, die ich das erste Mal Besuche...

Dieser ganze Kram ist einfach nur noch ätzend!

Lieben Gruß
Alfred

Wolfgang findet das Top!

Antworten

#8 | RE: Verschiedene Texte zum Cookie - Hinweis! datum

19.08.2021 23:15 (zuletzt bearbeitet: 19.08.2021 23:25)

Die aktuelle Rechtslage sagt klar, dass "Tracking- und Werbecookies von Drittanbietern" eine Einwilligung benötigen. Die Standardmeldung von Xobor sollte als Hinweis ausreichen. Wer nur "technisch notwendige Cookies" verwendet, kann auf einen derartigen Hinweis verzichten. Nur Werbung, die Cookies verwendet, benötigt einen Hinweis.

Mich stören auch die meisten Cookie-Hinweise. Es gibt Browser-Erweiterungen wie "I don't care about Cookies", mit denen sich die meisten Hinweise abstellen lassen. Alternativ lässt sich eine passende Filterliste beim Werbeblocker der Wahl aktivieren. Mit aktiviertem Werbeblocker werden oft Tracking-Dienste blockiert, egal, ob die entsprechenden Cookies vom Nutzer zugelassen wurden.

Dankesch�n und Wolfgang finden das Top!

Antworten

#9 | Update: Text-, Größen- & Farbanpassung mit Forenlogo für den Cookie - Hinweis datum

14.08.2025 15:24

Text-, Größen- & Farbanpassung mit Forenlogo für den Cookie - Hinweis

Cookie-Hinweis - Fehlerhafte FormatierungHabe beim Testen mit der Bildergalerie und aktiven GIF's, durch Zufall mein formatierten Cookie-Hinweis gesehen!

Oje .....!

Ich weiß nicht genau, was Xobor in letzter Zeit so am Layout geschraubt hat oder meine CSS-Einträge beeinflusst haben, jedenfalls war es nicht einfach auf mobilen Endgeräten sich anzumelden oder eine Cookie-Auswahl zu bestätigen!
Entweder hat der untere Rand die Button verdeckt oder das ganzen Cookie-Fenster wollte einfach nur aus dem Rahmen fallen!

UpdateHabe eine Lösung gefunden, die auf dem Desktop-PC und auf mobilen gut funktioniert!

Es gibt hierzu 3 Beiträge

Beitrag #1: Die Farbe ans eigene Forum anpassen
Beitrag #2: Text-, Größe- und Farbe anpassen
Beitrag #3: Zusätzliches Forum-Log platzieren!

Cookie-Hinweis aufrufen

Wolfgang

Dankesch�n findet das Top!

Antworten

#10 | Cookie-Funktion datum

16.08.2025 23:02 (zuletzt bearbeitet: 16.08.2025 23:03)

Cookie-Funktion

Zitat von creator im Beitrag #8
Wer nur "technisch notwendige Cookies" verwendet, kann auf einen derartigen Hinweis verzichten.

Ich gehe bisher irgendwie davon aus, dass das bei uns zutrifft.
Sowohl hier als auch bei uns schalte ich meist alle außer die technisch notwendigen aus.

Aber ich erscheine trotzdem bei uns in den Besucher-Statistiken (inkl. Benutzer-Klar-Namen),
und trotzdem funktionieren "Videos" problemlos. Glaub ich zumindest.
Auch bei den Animationen hier merk ich keine Ausfälle.

Wie kann das denn wohl?

Die neuesten Beiträge auf meinem Naturforum...

Wolfgang findet das Top!

Antworten

Text unter jedem Beitrag - Beitrag wurde gelesen, ist in Arbeit! � � Begrüßung und Nachrichten beim Einloggen, für bestimmte User, an bestimmten Tageszeiten!

Seite 1 von 2 � Seite 1 2 Seite �

�hnliche Themen

Antworten

Letzter Beitrag

Das Plugin "Externe Inhalte einbinden" - Cookie Abfrage erweitern
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang

12.03.2024 10:08
von

Kipper-Spedition • Zugriffe: 784

Cookie-Hinweis für iFrames für Short Youtube Kurz-Videos - Ladeskript und Verbindungsgeschwindigkeit?
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Daishi

31.03.2024 01:07
von

Wolfgang • Zugriffe: 2313

Sprechblasen fürs Forum - Teil 1+2
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang 1 10.08.2022 18:49
Wolfgang • Zugriffe: 1027
Cookie-Fenster --> Das wäre eine elegante Lösung für Xobor-Foren
Erstellt im Forum Alles, was noch so �brig bleibt. von 844er 1 05.08.2021 19:37
Wolfgang • Zugriffe: 1480
Xobor-Spoiler mit Hinweis
Erstellt im Forum Das neue Template Xobor (v6). von Wolfgang 0 01.01.2021 19:49
Wolfgang • Zugriffe: 1616
YouTube-Videogalerie für das eigene Forum installieren - 5 Teile!
Erstellt im Forum Das neue Template Xobor (v6). von Wolfgang 4 06.07.2025 06:34
Wolfgang • Zugriffe: 2460
Cookie Hinweis - Cookie Info
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang 1 05.12.2018 17:21
Wolfgang • Zugriffe: 1333
Große Farbauswahl / Super Color-Picker / Auch minimiert! - Teil 1-6
Erstellt im Forum Das neue Template Xobor (v6). von Wolfgang 23 28.08.2022 12:59
Wolfgang • Zugriffe: 15504

Beiträge nur für Mitglieder in der neuen Iconbar
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang

02.06.2024 11:53
von

Wolfgang • Zugriffe: 2860

Forum �bersicht → XOBOR-Foren und Homepages →

Das neue Template Xobor (v6). → Farb-, Größen- und Textanpassung für den neuen Cookie - Hinweis / Teil 1-3

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: 45 €

37%

⚡Stress‑Test

�

🔥 Konsole �ffnen

Um die Browser-Konsole zu �ffnen, dr�cke:

F12 oder Ctrl + Shift + I

W�hle danach den Reiter Console.

Dort kannst du:
� Test-Anfragen sehen
� Fehler erkennen
� Netzwerk-Infos pr�fen

Farbanpassung und Größenanpassung für den neuen Cookie - Hinweis / Teil 1-3

Aktualisiert 14.08.2025

Zusätzliche Textanpassung für den neuen Cookie - Hinweis Teil 2

Aktualisiert 14.08.2025

So kann der Text zu den Cookie - Einstellungen aussehen! ×

So kann der Text der Cookie-Notiz aussehen! ×

RE: Größen- und Farbanpassung für den neuen Cookie - Hinweis Teil 2

Text- und Größenanpassung mit Forenlogo für den Cookie - Hinweis Teil 3

Aktualisiert 14.08.2025

Der nochmals minimierte Cookie-Hinweis mit Foren-Logo ×

Die Cookie-Notiz mit Foren-Logo ×

Verschiedene Texte zum Cookie - Hinweis!

e B a y und seine Vertragspartner

G o o g l e, riesengroß, aber ansprechend!

Geht es nicht auch so?

E M S I S O F T, klein und unkompliziert!

M i c r o s o f t, auch unkompliziert und informativ!

Text-, Größen- & Farbanpassung mit Forenlogo für den Cookie - Hinweis

Cookie-Funktion

⚡Stress‑Test

🔥 Konsole �ffnen