Poradnik Blogowy cz.2

W dzisiejszej części poradnika zajmiemy się trochę kodami CSS, html,więc bez zbędnych szczegółów ruszmy się do roboty. :)

Od pewnego czasu, zgodnie z przepisami na stronie głównej naszych blogów wyskakuje "ciasteczkowe powiadomienie". Czasami psuje nam nieco wygląd bloga swoim wyglądem..masło maślane ale chyba każdy wie o co chodzi. A więc przechodzimy do sedna sprawy. 

JAK USUNĄĆ LUB ZMIENIĆ WYGLĄD I TEKST PASKA CIASTECZKOWEGO POWIADOMIENIA?

Jeśli chcesz się zabrać za usunięcie tegoż paska apeluje najpierw o przemyślenie tego dokładnie i kilkakrotnie ! Jeżeli jeszcze nie wiesz dlaczego odsyłam cie do strony w której dowiesz się wszystkiego o ciasteczkach gdyż to nie czas i miejsce abym się na ten temat rozwodziła >  KLIK

Wracając. Jeżeli chcesz usunąć pasek powiadomienia cookies należy :

>Wejść w Projektanta Szablonów 

>Zaawansowane

>Dodaj Arkusz CSS

>Dodać kod urywający arkusz 

div#cookieChoiceInfo {

display:none!important;

}

JAK EDYTOWAĆ POWIADOMIENIE COOKIES ?

Jeśli jednak zdarzy się że to powiadomienie Ci absolutnie nie przeszkadza albo nawet uznasz je za przydatne poza jedną małą wadą- powiadomienie nie współgra z twoim wyglądem bloga możesz je wbrew pozorom łatwo edytować. 

Dokładnie w tym samym miejscu, o którym wspominałam powyżej, czyli arkuszu CSS, możesz dodać kilka kodów, które zmienią wygląd tego paseczka. Kilka modyfikacji które możesz wprowadzić:  

div#cookieChoiceInfo {  - selektor paska informacyjnego

background-color: #fff !important; - kolor tła

color:#000!important; - kolor fonta

font-size:14px;  - rozmiar czcionki

font-family:sans-serif;  - rodzaj czcionki

border-bottom:1px solid #ddd; - podkreślenie

}

 #cookieChoiceInfo a{ - selektor linka "dowiedz się więcej"
    background-color:#555!important; - kolor tła
    font-size:12px; - rozmiar czcionki
    border-radius:6px;  - zaokrąglenie boków
    color:#585858;  - kolor czcionki
}

#cookieChoiceInfo > a:nth-child(2),a#cookieChoiceDismiss {  - selektor przycisku "Rozumiem"

color:#fff;  - kolor czcionki

border-radius:6px;  - zaokrąglenie boków

font-family:sans-serif; - rodzaj czcionki

font-size:14px;  - rozmiar czcionki

font-weight:bold;  - grubość czcionki

}

PRZYKŁADOWY GOTOWY KOD 

div#cookieChoiceInfo {

background-color: #fff !important;

color:#000!important;

font-size:14px;

font-family:sans-serif;

border-bottom:1px solid #ddd;

}

#cookieChoiceInfo > a:nth-child(2),a#cookieChoiceDismiss {

color:#fff;

font-family:sans-serif;

font-size:14px;

font-weight:bold;}

#cookieChoiceInfo > a:nth-child(2):hover, a#cookieChoiceDismiss:hover {

color:#fff!important;

}

Powodzenia !