[3.2] prosilver: Warum Cookiefenster-Hintergrundfarbe über Javascript?

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.3, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich sowie die URL vom betroffenen Forum.
Benutzeravatar
Tastenplayer
Mitglied
Beiträge: 2054
Registriert: 02.07.2010 19:35
Wohnort: Zuchwil/SO - Schweiz
Kontaktdaten:

Re: [3.2] prosilver: Warum Cookiefenster-Hintergrundfarbe über Javascript?

Beitrag von Tastenplayer »

Hallo mystica99

Leider kann ich machen was ich will - im Firefox wird mir der Cookiehinweis im Moment nicht mehr angezeigt. Ich glaube das war das:

Code: Alles auswählen

.cc-color-override--1687565279 .cc-btn {
	color: rgb(0, 0, 0) !important;
	font-family: Arial, sans serif;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 12px;
	border-color: #000 !important;
	background-color: rgb(170, 33, 41) !important;
}
Mit der Schriftgrösse änderte sich der Button. Bin jetzt aber nicht sicher.

Mein Hinweis ist ziemlich schmal hier mal der ganze Code

Code: Alles auswählen

/* Cookie window
--------------------------------------------- */

.cc-color-override--1687565279.cc-window {
	background: #222; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #1f1f1f 0%, #1f1f1f 51%, #484848 75%, #939192 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, #1f1f1f 0%,#1f1f1f 51%,#484848 75%,#939192 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, #1f1f1f 0%,#1f1f1f 51%,#484848 75%,#939192 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f1f', endColorstr='#939192',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	color: #B5B5B5 !important;
	font-weight: bold;
	font-size: 14px;
	border: 1px solid #777;
	border-radius: 2px;
	-webkit-box-shadow: inset 0 0 15px #777, 0 0 15px rgba(0,0,0, .1);
	-moz-box-shadow: inset 0 0 15px #777, 0 0 15px rgba(0,0,0, .1);
	box-shadow: inset 0 0 15px #777, 0 0 15px rgba(0,0,0, .1);
}

.cc-color-override--1687565279 .cc-link, .cc-color-override--1687565279 .cc-link:active, .cc-color-override--1687565279 .cc-link:visited {
	color: rgb(210, 0, 0) !important;
	font-family: Arial, sans serif;
	text-transform: uppercase;
	font-weight: 800 !important;
	font-size: 12px;
}

.cc-color-override--1687565279 .cc-btn {
	color: rgb(0, 0, 0) !important;
	font-family: Arial, sans serif;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 12px;
	border-color: #000 !important;
	background-color: rgb(170, 33, 41) !important;
}

.cc-window.cc-banner {
	flex-direction: row;
	padding: 0.8em 1.8em !important;
	width: 100%;
}
Meine phpBB Styles & More
Be the best version of yourself rather than a bad copy of someone else!
Benutzeravatar
Joyce&Luna
Mitglied
Beiträge: 2470
Registriert: 24.11.2013 18:14
Wohnort: NRW
Kontaktdaten:

Re: [3.2] prosilver: Warum Cookiefenster-Hintergrundfarbe über Javascript?

Beitrag von Joyce&Luna »

mystica99 hat geschrieben:
Ich habe den Code der cookieconsent.min.css hinzugefügt. Klappt super! Nur würde ich den Banner gerne noch schmäler halten. Allerdings ist der Bestätigungsbutton (Verstanden!) hierfür noch zu groß. Weiß jemand wie ich auch den Bestätigungsbutton in der Größe (Höhe) verkleinern kann?

Vielen Dank.
Du kannst mal folgendes Probieren füge diesen Code dort hinzu wo du die anderen beiden hinein geschrieben hast.

Code: Alles auswählen

cc-revoke, .cc-window {
    line-height: 1.5em;
}
Jetzt kannst du nach deinem Geschmack die 1.5em herunter regeln. Versuche es mal mit 0.5em.
Sollte das ganze nicht greifen, dann muss du ein !important dahinter setzen.

Vergesse nicht Cache zu leeren.
phpBB-Style-Design.de

Keine Antwort ist die eindeutigste Antwort, die man kriegen kann.
Bitte stellt die Fragen im Forum und nicht per PN. Danke!
Benutzeravatar
Tastenplayer
Mitglied
Beiträge: 2054
Registriert: 02.07.2010 19:35
Wohnort: Zuchwil/SO - Schweiz
Kontaktdaten:

Re: [3.2] prosilver: Warum Cookiefenster-Hintergrundfarbe über Javascript?

Beitrag von Tastenplayer »

Das ist bei mir als Lösung gekommen:

Code: Alles auswählen

.cc-theme-classic :last-child.cc-btn {
    min-width: 100px;
}
min-width normal ist 140px - kannst Du auch noch weniger breit machen

Code: Alles auswählen

.cc-color-override--1687565279 .cc-btn{
    padding: 0;
}
padding 0 strumpft die Höhe des Buttons

[ externes Bild ]
Meine phpBB Styles & More
Be the best version of yourself rather than a bad copy of someone else!
mystica99
Mitglied
Beiträge: 14
Registriert: 06.08.2017 13:27

Re: [3.2] prosilver: Warum Cookiefenster-Hintergrundfarbe über Javascript?

Beitrag von mystica99 »

Ich danke euch beiden!

Bin jetzt ein paar Tage unterwegs, werde es aber direkt nach meiner Rückkehr versuchen.

Toller Support hier.

LG
mystica99
Mitglied
Beiträge: 14
Registriert: 06.08.2017 13:27

Re: [3.2] prosilver: Warum Cookiefenster-Hintergrundfarbe über Javascript?

Beitrag von mystica99 »

Hat prima funktioniert!

Danke :)
MeinBenutzername
Mitglied
Beiträge: 161
Registriert: 04.08.2016 19:32

Re: [3.2] prosilver: Warum Cookiefenster-Hintergrundfarbe über Javascript?

Beitrag von MeinBenutzername »

Um das Design zu ändern muss Ich also "nur" die cookieconsent.min.js bearbeiten?
Benutzeravatar
Tastenplayer
Mitglied
Beiträge: 2054
Registriert: 02.07.2010 19:35
Wohnort: Zuchwil/SO - Schweiz
Kontaktdaten:

Re: [3.2] prosilver: Warum Cookiefenster-Hintergrundfarbe über Javascript?

Beitrag von Tastenplayer »

assets-cookieconsent-cookieconsent.min.css

Aber einfacher geht das doch definitiv, wenn man diese Änderungen direkt in die style.css einfügt.
Meine phpBB Styles & More
Be the best version of yourself rather than a bad copy of someone else!
Antworten

Zurück zu „Styles, Templates und Grafiken“