VGH: Jak zmienić wygląd informacji o ciasteczkach

Od marca zeszłego roku, zgodnie z Prawem Telekomunikacyjnym (Dziennik Ustaw z 21.12.2012, poz. 1445) dotyczącym plików cookies, wszystkie strony są zobowiązane do zamieszczania informacji o tych plikach. Emil z automatu wprowadził na wszystkich stronach vgh taką informację, która znika w chwili odświeżenia strony. Nie mam zastrzeżeń odnośnie treści komunikatu, lecz samego wyglądu. Pokażę wam jak zmienić ten element wizualnie.  

Domyślnie komunikat wygląda tak:

Stosując przygotowany przeze mnie kod, komunikat będzie miał zmieniony kolor tła, dodaną grafikę, inaczej sformatowany tekst oraz dodatkowo dodany tekst informacyjny aby user odświeżył stronę.

Wersja niebieska

 1. 1. Dodaj nowy lub edytuj istniejący panel:
PA -> Zarządzanie stroną -> Zarządzanie panelami

2. W treść panelu wklej kod:

<style type="text/css">
/*----Informacja o cookies--*/
/*----Modyfikacja przygotowana przez Fantagiro || fantidesign.blogspot.com--*/
div[style*="top:0px;left:0px;width:100%;height:16px;"] {
position:fixed;
z-index:999999999999;
padding:40px;
color:#fff!important;
font-size:15px!important;
background: #3598dc url(http://api.ning.com:80/files/S6leBpJ8ovCDIzxLMgEGWruQdTu6*Qp6AxbftlHj*zMUZEcvaOt1ahCIB2ganfQRkOBcxJ2ju4g6uco*h*dqdURMOZIT13ES/Cookie2.jpg)  no-repeat left bottom!important
}

div[style*="top:0px;left:0px;width:100%;height:16px;"] a {
color:#fff!important;
font-size:15px!important;
text-decoration:none!important;
}

div[style*="top:0px;left:0px;width:100%;height:16px;"] u {text-decoration:none!important;}

div[style*="top:0px;left:0px;width:100%;height:16px;"] center:after{ 
content: " Odśwież stronę!"; 
font-family: Verdana;
color:#fff; 
font-size:15px;
font-weight:bold
} 
</style>

3. Zapisz panel i pamiętaj aby go włączyć.

Poniżej przygotowałam gotowe arkusze .css, które można dodać na zasadzie kopiuj/wklej.

Wersja niebieska

 <link rel='stylesheet' href='http://api.ning.com:80/files/S6leBpJ8ovCQ1TDG*5Z1gTpHMlwqEUoUnlNbBpzvOSaDvlgrMD2AOlm8-o5VLeNzw0afOmE6oQci5jBoVF4DDeOF6088yCsj/cookie1.css' type='text/css'>

Wersja czerwona

<link rel='stylesheet' href='http://api.ning.com:80/files/S6leBpJ8ovCHtwWtgDYHXEJKOMAWYjhM1HupFs9INFmTQcPKIRUmlTvnLwxn-gor25kqFJXsotccF4iTOMXbLLb0jhRN4d-H/cookie2.css' type='text/css'>

Wersja zielona

<link rel='stylesheet' href='http://api.ning.com:80/files/S6leBpJ8ovDbdx83Zck98g2vjIEAxWT7etXta-Ikd-HnWnRds2aDQVIv0gTIC3WRaYLUFU7Ev8pyKuRFM49qxPGZOI5xspSx/cookie3.css' type='text/css'>

Wersja fioletowa

<link rel='stylesheet' href='http://api.ning.com:80/files/S6leBpJ8ovDNRtetVgMQETc2BPslwFwrnpkAT9TY0geoSDdUk0svpQQY-NGw3i*6zRuLDltrjjM7Iq-rsroTrYozEzclibTk/cookie4.css' type='text/css'>

Wersja szara

<link rel='stylesheet' href='http://api.ning.com:80/files/S6leBpJ8ovBPVg6-SalaakssFhOpETdodPHp11XozP2X6xnROndu1*V-t7pVXzR7iDNNMu*Uq*mEIBoFiyLfuTIGbM*3AbQz/cookie5.css' type='text/css'>