Modificarea barei cu informații despre cookie

Vezi subiectul anterior Vezi subiectul urmator In jos

  • 0

Tutorial Modificarea barei cu informații despre cookie

Mesaj Scris de Kames la data de 09.12.18 18:58

Salutare,

În acest tutorial vă voi explica cum să modificați aspectul barei cu informații despre cookie. Ce sunt "cookie-urile"? Cookie-urile sunt fișiere care stochează informații despre dvs., browser-ul dvs. web și comportamentul dvs. pe internet. Ele sunt fișiere foarte mici păstrate pe PC-ul sau dispozitivul dvs., ce pot fi folosite de website-urile sau de aplicațiile web pentru a ajusta experiența dvs. online. Începând cu data de 25 mai 2018, Forumgratuit, cât și alte website-uri, au adoptat regulamentul UE 2016/679. Cunoscută ca și GDPR (General Data Protection Regulation) sau Regulamentul general privind protecția datelor personale, această măsură va intra în vigoare în toate statele membre ale Uniunii Europene. De acum încolo, utilizatorul poate fi sau nu de acord dacă respectivul website poate să prelucreze datele sale personale.

Codul JavaScript


Acesta este primul pas al acestui tutorial. Pentru a funcționa acest tutorial aveți nevoie de un un cod JavaScript. Pentru a-l adăuga, mergeți în Panoul de administrare » Diverse » HTML & JAVASCRIPT » Gestiunea codurilor JavaScript, urmând să apăsați pe . Totodată, verificați dacă codurile JavaScript sunt activate.
  • Titlu: Modificare bară cu informații despre cookie
  • Amplasare: Toate paginile
  • Cod JavaScript: Copiați și introduceți codul de mai jos

Cod:
        /* ----------------------------------------------------
         This code was written by ©️️Luffy for Forumotion on 2018
         Please do not remove these comments
         Find the tutorial here:
         ©️️ : https://help.forumotion.com/t147313-topic
         ------------------------------------------------------ */
        $(function(){
          $(function(){
            $('div').has('a#accept_rgpd').addClass('lo1pruf');
            $('div.lo1pruf').children('div').removeClass('lo1pruf').addClass('lopr2uf');
          });
        });

Codul CSS


Acum trebuie să adăugați și codul CSS, pentru a oferi un aspect. Mergeți în Panoul de administrare » Afișare » Imagini și culori » Culori » Foaie de stil CSS și adăugați codul următor:
Cod:
        .lo1pruf {
          width: 25%!important;
          bottom: 10px!important;
          left: 10px!important;
          border-radius: 4px;
          box-shadow: 0px 2px 4px #000;
        }
        .lo1pruf li > a {
          background: #4973b1;
          display: block;
          border: 0!important;
          box-shadow: 0px 2px 4px #00000055;
          border-radius: 2px!important;
        }
        .lo1pruf li {
          display: block!important;
        }
        .lo1pruf li:first-child > a {
          background: #1f8f48!important;
          display: block;
          margin: 5px 0!important;
        }
        #close_rgpd {
          background: #831919;
        }

Modificări


Cod:
.lo1pruf

  • Aceasta este variabila pentru întreaga casetă. După cum puteți vedea, au fost modificate lățimea, distanța din stânga paginii, respectiv din partea de jos, unele umbre și altele. Puteți schimba aceste lucruri pentru a se potrivi cu aspectul temei dvs.

Cod:
.lo1pruf li:first-child > a

  • Aceasta este variabila pentru butonul "Accept", vizibil cu culoarea de fundal verde. De asemenea, puteți schimba acele coduri în ce mod doriți, pentru a se potrivi cu design-ul temei.

Cod:
.lo1pruf li > a

  • Aceasta este variabila pentru butonul "Aflați mai multe și gestionați alegerea mea" care este vizibil cu culoarea de fundal albastru. De asemenea, puteți schimba orice doriți, dar trebuie știți că toate modificările pe care le faceți butonului din mijloc, vor fi aplicate totodată tuturor celor trei butoane.

Cod:
#close_rgpd

  • Aceasta este variabila pentru butonul "Închideți (și acceptați)" cu culoarea de fundal roșu. De asemenea, puteți modifica acest stil de buton pe măsură ce doriți să se potrivească cu design-ul temei.


Previzualizare


Înainte



După



Tutorial scris de Luffy și tradus de Kames
Kames

Kames
Asistent
Asistent

Mesaje : 68
Varsta : 19
Localizare : Rădăuți, Suceava
Data înscrierii : 11/02/2017
Multumiri : 11
Niciun avertisment

Vezi profilul utilizatorului https://www.wikifg.net
Kames a fost mulțumit de autorul acestui subiect.

Vezi subiectul anterior Vezi subiectul urmator Sus


Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum