Visualizzazione dei risultati da 1 a 2 su 2
  1. #1

    codice cookies inesistenti cambiare colore testo

    Buongiorno ho questo codice per accettazione e informazione visitatori che il mio sito non utilizza cookies ma è poco visibile come posso cambiare colore dello sfondo e del testo troppo chiaro? grazie.
    www.magdadecoriamano.it


    <!-- Codice per accettazione cookie - Inizio -->
    <script type='text/javascript'>
    //<![CDATA[
    (function(window) {
    if (!!window.cookieChoices) {
    return window.cookieChoices;
    }
    var document = window.document;
    var supportsTextContent = 'textContent' in document.body;
    var cookieChoices = (function() {
    var cookieName = 'displayCookieConsent';
    var cookieConsentId = 'cookieChoiceInfo';
    var dismissLinkId = 'cookieChoiceDismiss';
    function _createHeaderElement(cookieText, dismissText, linkText, linkHref) {
    var butterBarStyles = 'position:absolute;width:100%;background-color:#eee;' +
    'margin:0; left:0; top:0;padding:4px;z-index: #000000;text-align:center;';
    var cookieConsentElement = document.createElement('div');
    cookieConsentElement.id = cookieConsentId;
    cookieConsentElement.style.cssText = butterBarStyles;
    cookieConsentElement.appendChild(_createConsentTex t(cookieText));
    if (!!linkText && !!linkHref) {
    cookieConsentElement.appendChild(_createInformatio nLink(linkText, linkHref));
    }
    cookieConsentElement.appendChild(_createDismissLin k(dismissText));
    return cookieConsentElement;
    }
    function _createDialogElement(cookieText, dismissText, linkText, linkHref) {
    var glassStyle = 'position:absolute;width:100%;height:100%;z-index:999;' +
    'top:0;left:0;opacity:0.5;filter:alpha(opacity=50) ;' +
    'background-color:#00ffff';
    var dialogStyle = 'z-index:1000;position:absolute;left:50%;top:50%';
    var contentStyle = 'position:relative;left:-50%;margin-top:-25%;' +
    'background-color:#fff;padding:20px;box-shadow:4px 4px 25px #888;';
    var cookieConsentElement = document.createElement('div');
    cookieConsentElement.id = cookieConsentId;
    var glassPanel = document.createElement('div');
    glassPanel.style.cssText = glassStyle;
    var content = document.createElement('div');
    content.style.cssText = contentStyle;
    var dialog = document.createElement('div');
    dialog.style.cssText = dialogStyle;
    var dismissLink = _createDismissLink(dismissText);
    dismissLink.style.display = 'block';
    dismissLink.style.textAlign = 'right';
    dismissLink.style.marginTop = '8px';
    content.appendChild(_createConsentText(cookieText) );
    if (!!linkText && !!linkHref) {
    content.appendChild(_createInformationLink(linkTex t, linkHref));
    }
    content.appendChild(dismissLink);
    dialog.appendChild(content);
    cookieConsentElement.appendChild(glassPanel);
    cookieConsentElement.appendChild(dialog);
    return cookieConsentElement;
    }
    function _setElementText(element, text) {
    if (supportsTextContent) {
    element.textContent = text;
    } else {
    element.innerText = text;
    }
    }
    function _createConsentText(cookieText) {
    var consentText = document.createElement('span');
    _setElementText(consentText, cookieText);
    return consentText;
    }
    function _createDismissLink(dismissText) {
    var dismissLink = document.createElement('a');
    _setElementText(dismissLink, dismissText);
    dismissLink.id = dismissLinkId;
    dismissLink.href = '#';
    dismissLink.style.marginLeft = '24px';
    return dismissLink;
    }
    function _createInformationLink(linkText, linkHref) {
    var infoLink = document.createElement('a');
    _setElementText(infoLink, linkText);
    infoLink.href = linkHref;
    infoLink.target = '_blank';
    infoLink.style.marginLeft = '8px';
    return infoLink;
    }
    function _dismissLinkClick() {
    _saveUserPreference();
    _removeCookieConsent();
    return false;
    }
    function _showCookieConsent(cookieText, dismissText, linkText, linkHref, isDialog) {
    if (_shouldDisplayConsent()) {
    _removeCookieConsent();
    var consentElement = (isDialog) ?
    _createDialogElement(cookieText, dismissText, linkText, linkHref) :
    _createHeaderElement(cookieText, dismissText, linkText, linkHref);
    var fragment = document.createDocumentFragment();
    fragment.appendChild(consentElement);
    document.body.appendChild(fragment.cloneNode(true) );
    document.getElementById(dismissLinkId).onclick = _dismissLinkClick;
    }
    }
    function showCookieConsentBar(cookieText, dismissText, linkText, linkHref) {
    _showCookieConsent(cookieText, dismissText, linkText, linkHref, false);
    }
    function showCookieConsentDialog(cookieText, dismissText, linkText, linkHref) {
    _showCookieConsent(cookieText, dismissText, linkText, linkHref, true);
    }
    function _removeCookieConsent() {
    var cookieChoiceElement = document.getElementById(cookieConsentId);
    if (cookieChoiceElement != null) {
    cookieChoiceElement.parentNode.removeChild(cookieC hoiceElement);
    }
    }
    function _saveUserPreference() {
    // Durata del cookie di un anno
    var expiryDate = new Date();
    expiryDate.setFullYear(expiryDate.getFullYear() + 1);
    document.cookie = cookieName + '=y; expires=' + expiryDate.toGMTString();
    }
    function _shouldDisplayConsent() {
    // Per mostrare il banner solo in mancanza del cookie
    return !document.cookie.match(new RegExp(cookieName + '=([^;]+)'));
    }
    var exports = {};
    exports.showCookieConsentBar = showCookieConsentBar;
    exports.showCookieConsentDialog = showCookieConsentDialog;
    return exports;
    })();
    window.cookieChoices = cookieChoices;
    return cookieChoices;
    })(this);
    document.addEventListener('DOMContentLoaded', function(event) {
    cookieChoices.showCookieConsentBar('Questo sito non utilizza i cookies.',
    'OK');
    });
    //]]>
    </script>
    <!-- Codice per accettazione cookie - Fine -->

  2. #2
    codice:
    var butterBarStyles = 'position:absolute;width:100%;background-color:#eee;' +
    'margin:0; left:0; top:0;padding:4px;z-index: #000000;text-align:center;';
    Devi modificare questo, mettendo un colore per il testo (direi nero, cioè #000000, visto che lo sfondo è "grigio chiaro"), aggiungendo alla fine qualcosa tipo
    codice:
    color: #000000;

    Questo invece non ha nessun significato...
    codice:
    z - index: #000000

    Per il "ok" invece devi modificare quest'altro pezzetto
    codice:
    function _createDismissLink(dismissText) {
    var dismissLink = document.createElement('a');
    _setElementText(dismissLink, dismissText);
    dismissLink.id = dismissLinkId;
    dismissLink.href = '#';
    dismissLink.style.marginLeft = '24px';
    return dismissLink;
    }

    A intuito dovresti aggiungere
    codice:
    dismissLink.style.color = '#000000';
    Ultima modifica di Dascos; 30-06-2022 a 09:52

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2022 vBulletin Solutions, Inc. All rights reserved.