Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

przesunąć informacje o cookies na dół strony

Założony przez  Raar.

Chciałem wgrać ten skrypt na informację o cookies, jednak na dole strony mam już inny pasek i ten chciałem przesunąć na górę, ale słabo się na tym znam.

http://ideas2action.pl/2013/03/22/inform...zwiazanie/
Wszystko działa, tylko chciałbym, by pokazywała się na górze. Z góry dziękuje za pomoc.
W pliku divante.cookies.min.css
zamieniasz:
#cookiesBar {
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    color: #414141;
    font: 400 normal 11px/1em Arial, sans-serif;
    width: 100%;
    padding: 10px 0;
    position: fixed;
        bottom: 0;
        left: 0;
    z-index: 9999;
    background: #ebebeb;
        background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0%, #fff), color-stop(100%, #ebebeb));
        background-image: -webkit-linear-gradient(#fff, #ebebeb);
        background-image: -moz-linear-gradient(#fff, #ebebeb);
        background-image: -o-linear-gradient(#fff, #ebebeb);
        background-image: -ms-linear-gradient(#fff, #ebebeb);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ebebeb);
        background-image: linear-gradient(#fff, #ebebeb);
}
na
#cookiesBar {
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    color: #414141;
    font: 400 normal 11px/1em Arial, sans-serif;
    width: 100%;
    padding: 10px 0;
    position: fixed;
        top: 0;
        left: 0;
    z-index: 9999;
    background: #ebebeb;
        background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0%, #fff), color-stop(100%, #ebebeb));
        background-image: -webkit-linear-gradient(#fff, #ebebeb);
        background-image: -moz-linear-gradient(#fff, #ebebeb);
        background-image: -o-linear-gradient(#fff, #ebebeb);
        background-image: -ms-linear-gradient(#fff, #ebebeb);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ebebeb);
        background-image: linear-gradient(#fff, #ebebeb);
}
Pasek jest teraz okej, ale brakuje teraz tego X do zamknięcia.
Spróbuj zamienić:
#cookiesBarClose {
    display: block;
    width: 20px;
    height: 19px;
    background: url("img/btn-close.png") 0 0 no-repeat;
    text-indent: -999em;
    position: absolute;
        top: 2px;
        right: 0;
}
na
#cookiesBarClose {
    display: block;
    width: 20px;
    height: 19px;
    background: url("img/btn-close.png") 0 0 no-repeat;
    position: absolute;
        top: 0px;
        right: 0;
}
Znów jest wszystko okej, tylko pokazuje jednocześnie X i zamknij :D
[Obrazek: 26670940753026596793.jpg]
Spróbuj to:
#cookiesBarClose {
    display: block;
    width: 20px;
    height: 19px;
    background: url("img/btn-close.png") 0 0 no-repeat;
    text-indent: -999em;
    position: absolute;
        top: 0px;
        right: 0;
}

Wybacz że nie piszę pewnie, ale "strzelam" bo ja z tego nie korzystam.
Chyba nie w tym rzecz, bo nic się nie zmieniło.
Otwórz divante.cookies.min.js i zamień
(function(a){a.divanteCookies={render:function(b){var c="";c+='<div id="cookiesBar"><div id="cookiesBarWrap"><p>Strona korzysta z plik\u00f3w cookie w celu realizacji us\u0142ug zgodnie z',c+=b.privacyPolicy?' <a href="'+b.cookiesPageURL+'" title="Polityka prywatno\u015bci">Polityk\u0105 prywatno\u015bci</a>.</p>':' <a href="'+b.cookiesPageURL+'" title="Regulamin serwisu">Regulaminem serwisu</a>.</p>',c+='<p>Mo\u017cesz okre\u015bli\u0107 warunki przechowywania lub dost\u0119pu do cookie w Twojej przegl\u0105darce lub konfiguracji us\u0142ugi.</p><a id="cookiesBarClose" href="#" title="Zamknij">Zamknij</a></div></div>',a.cookie("cookie")||(a("body").append(c),a.fn.delegate?a("#cookiesBar").delegate("#cookiesBarClose","click",function(b){a.divanteCookies.closeCallback(b)}):a("#cookiesBarClose").bind("click",function(b){a.divanteCookies.closeCallback(b)}))},closeCallback:function(b){return a("#cookiesBar").fadeOut(),a.cookie("cookie")||a.cookie("cookie",!0,{path:"/",expires:30}),b.preventDefault(),!1}}})(jQuery); 
na
(function(a){a.divanteCookies={render:function(b){var c="";c+='<div id="cookiesBar"><div id="cookiesBarWrap"><p>Strona korzysta z plik\u00f3w cookie w celu realizacji us\u0142ug zgodnie z',c+=b.privacyPolicy?' <a href="'+b.cookiesPageURL+'" title="Polityka prywatno\u015bci">Polityk\u0105 prywatno\u015bci</a>.</p>':' <a href="'+b.cookiesPageURL+'" title="Regulamin serwisu">Regulaminem serwisu</a>.</p>',c+='<p>Mo\u017cesz okre\u015bli\u0107 warunki przechowywania lub dost\u0119pu do cookie w Twojej przegl\u0105darce lub konfiguracji us\u0142ugi.</p><a id="cookiesBarClose" href="#" title="Zamknij"></a></div></div>',a.cookie("cookie")||(a("body").append(c),a.fn.delegate?a("#cookiesBar").delegate("#cookiesBarClose","click",function(b){a.divanteCookies.closeCallback(b)}):a("#cookiesBarClose").bind("click",function(b){a.divanteCookies.closeCallback(b)}))},closeCallback:function(b){return a("#cookiesBar").fadeOut(),a.cookie("cookie")||a.cookie("cookie",!0,{path:"/",expires:30}),b.preventDefault(),!1}}})(jQuery); 



Użytkownicy przeglądający ten wątek:

2 gości