Links in demo updated - Radio in all styles adapted
-----

david63 - Privacy Policy (Cookie Hinweis) Background

Gesperrt
Forum Member
Site Admin
Beiträge: 649
Registriert: 3. Apr 2019, 17:36
Vorname: Jutta
Dein Land: Schweiz
Wohnort: Zuchwil / SO
Kontaktdaten:

david63 - Privacy Policy (Cookie Hinweis) Background

Beitrag von Forum Member » 19. Apr 2019, 18:43

(EN instructions in next post)

Code: Alles auswählen

Deaktiviere im ACP bei der Ext Custom policy pages options

Entweder man geht in ext - david63 - privacypolicy - styles - all - templates - cookie_body.html
und ersetze den gesamten Inhalt mit dem Code von vfrblue & Talk19zehn

Code: Alles auswählen

{% include 'overall_header.html' %}

<script>
   var cookieCustomPage   = '{{ S_COOKIE_CUSTOM_PAGE | escape('js') }}';
   var cookiePageBgColour   = '{{ COOKIE_PAGE_BG_COLOUR | escape('js') }}';
   var cookiePageCorners   = '{{ COOKIE_PAGE_CORNERS | escape('js') }}';
   var cookiePageRadius   = '{{ COOKIE_PAGE_RADIUS | escape('js') }}';
   var cookiePageTxtColour   = '{{ COOKIE_PAGE_TXT_COLOUR | escape('js') }}';
</script>

<div style="clear: both"></div>
   <div class="panel bg2">
      <div class="inner">
         {{ COOKIE_MESSAGE }}
      </div>
   </div>

{% INCLUDEJS '@david63_privacypolicy/cookie_page.js' %}
{% include 'overall_footer.html' %}
Dann wird in jedem Style der Background von

Code: Alles auswählen

.panel bg2
angezeigt. Der Background der Ext ist dann im Prosilver hellblau und nicht mehr weiss
david63 privacy.jpg
Oder man erstellt in ext - david63 - privacypolicy - styles
Für jeden Style den man anpassen möchte eine Datei(benannt nach seinem Style).
In diese Datei füge man einen Ordner template ein in welchen man dann die cookie_body.html einfügt.
Den ganzen Inhalt ersetzen mit obigem Code und

Code: Alles auswählen

<div class="panel bg2">
mit der gewünschten div ersetzen.
***
Graphit

Code: Alles auswählen

<div class="copyright">
graphit.jpg
***
Blackfog

Code: Alles auswählen

<div class="panel bg2">
blackfog.jpg
***
Silver_Xmas_Modern 3.2.3

Code: Alles auswählen

<div class="extension-container">
silver_xmas.jpg
***
Alle Styles

Für mehr Abstand am unteren Rand, ändere dies(füge die div class des jeweiligen Styles ein)

Code: Alles auswählen

<div style="clear: both"></div>
   <div class="panel bg2">
      <div class="inner">
         <div style="margin: 1.5%;">{{ COOKIE_MESSAGE }}</div>
      </div>
   </div>

Cookie Hinweis

Silver_Xmas_Modern

Leider kann man im ACP die Farbe des Cookiehinweises nicht deaktivieren(Funktion fehlt eindeutig). Denn wenn man für die Box einen einfarbigen Hintergrund wählt, muss man noch ein !important mehr setzen. :(

Code: Alles auswählen

.cookie-box {
   background: #f9aeae;
   background: -moz-linear-gradient(45deg, #f9aeae 0%, #c44d4d 2%, #f9aeae 45%, #f9aeae 54%, #c44d4d 99%, #f9aeae 100%);
   background: -webkit-linear-gradient(45deg, #f9aeae 0%,#c44d4d 2%,#f9aeae 45%,#f9aeae 54%,#c44d4d 99%,#f9aeae 100%);
   background: linear-gradient(45deg, #f9aeae 0%,#c44d4d 2%,#f9aeae 45%,#f9aeae 54%,#c44d4d 99%,#f9aeae 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9aeae', endColorstr='#f9aeae',GradientType=1 );
   border-bottom: 3px double #FFFFFF !important;
   color: #1F1F1F !important;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: bold;
   text-align:center;
   display:inline-block;
   z-index: 10;
   text-decoration:none;
   padding:10px 10px 10px 10px;
   position:fixed;
   top:0px;
   left:0;
   width:100%;
   box-sizing: border-box;
}

.cookie-box a {
   background: #BF0000;
   font-size: 14px;
   color: #F9F9F9 !important;
   display: inline-block;
   text-align: center;
   padding: 0 2px 2px;
   margin-top: 5px;
}
cookiehinweis silver_xmas.jpg

Forum Member
Site Admin
Beiträge: 649
Registriert: 3. Apr 2019, 17:36
Vorname: Jutta
Dein Land: Schweiz
Wohnort: Zuchwil / SO
Kontaktdaten:

Re: david63 - Privacy Policy (Cookie Hinweis) Background

Beitrag von Forum Member » 19. Apr 2019, 18:47

EN instructions

Code: Alles auswählen

Deactivate in ACP at the Ext Custom policy pages options

Either you go to ext - david63 - privacypolicy - styles - all - templates - cookie_body.html
and replace the entire content with the code of vfrblue & Talk19zehn

Code: Alles auswählen

{% include 'overall_header.html' %}

<script>
   var cookieCustomPage   = '{{ S_COOKIE_CUSTOM_PAGE | escape('js') }}';
   var cookiePageBgColour   = '{{ COOKIE_PAGE_BG_COLOUR | escape('js') }}';
   var cookiePageCorners   = '{{ COOKIE_PAGE_CORNERS | escape('js') }}';
   var cookiePageRadius   = '{{ COOKIE_PAGE_RADIUS | escape('js') }}';
   var cookiePageTxtColour   = '{{ COOKIE_PAGE_TXT_COLOUR | escape('js') }}';
</script>

<div style="clear: both"></div>
   <div class="panel bg2">
      <div class="inner">
         {{ COOKIE_MESSAGE }}
      </div>
   </div>

{% INCLUDEJS '@david63_privacypolicy/cookie_page.js' %}
{% include 'overall_footer.html' %}
Then the background of

Code: Alles auswählen

.panel bg2
is displayed in each style. The background of the Ext is then light blue in the prosilver and no longer white.
david63 privacy.jpg
Or you can create in ext - david63 - privacypolicy - styles
For each style you want to customize a file (named after your style).
In this folder you have to insert a folder template into which you have to insert the cookie_body.html.
Replace the whole content with the above code and replace

Code: Alles auswählen

<div class="panel bg2">
with the desired div.
***
Graphit

Code: Alles auswählen

<div class="copyright">
graphit.jpg
***
Blackfog

Code: Alles auswählen

<div class="panel bg2">
blackfog.jpg
***
Silver_Xmas_Modern 3.2.3

Code: Alles auswählen

<div class="extension-container">
silver_xmas.jpg
***
Alle Styles

For more distance at the bottom, change this(insert the div class of the respective style)

Code: Alles auswählen

<div style="clear: both"></div>
   <div class="panel bg2">
      <div class="inner">
         <div style="margin: 1.5%;">{{ COOKIE_MESSAGE }}</div>
      </div>
   </div>

Cookie Hinweis

Silver_Xmas_Modern

Unfortunately you can't deactivate the color of the cookie hint in the ACP (function is missing unambiguously). Because if you choose a monochrome background for the box, you have to set an !important more. :(

Code: Alles auswählen

.cookie-box {
   background: #f9aeae;
   background: -moz-linear-gradient(45deg, #f9aeae 0%, #c44d4d 2%, #f9aeae 45%, #f9aeae 54%, #c44d4d 99%, #f9aeae 100%);
   background: -webkit-linear-gradient(45deg, #f9aeae 0%,#c44d4d 2%,#f9aeae 45%,#f9aeae 54%,#c44d4d 99%,#f9aeae 100%);
   background: linear-gradient(45deg, #f9aeae 0%,#c44d4d 2%,#f9aeae 45%,#f9aeae 54%,#c44d4d 99%,#f9aeae 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9aeae', endColorstr='#f9aeae',GradientType=1 );
   border-bottom: 3px double #FFFFFF !important;
   color: #1F1F1F !important;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: bold;
   text-align:center;
   display:inline-block;
   z-index: 10;
   text-decoration:none;
   padding:10px 10px 10px 10px;
   position:fixed;
   top:0px;
   left:0;
   width:100%;
   box-sizing: border-box;
}

.cookie-box a {
   background: #BF0000;
   font-size: 14px;
   color: #F9F9F9 !important;
   display: inline-block;
   text-align: center;
   padding: 0 2px 2px;
   margin-top: 5px;
}
cookiehinweis silver_xmas.jpg

Gesperrt

Zurück zu „Alle Styles“