Modificarea barei cu informații despre cookie

Scris de Kames Dum Dec 09, 2018 6:58 pm

Modificarea barei cu informații despre cookie

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

Modificarea barei cu informații despre cookie Screen17

După

Modificarea barei cu informații despre cookie Screen16