Webboard

Webboard > Webmastering > HTML/CSS/JavaScript > przesunąć informacje o cookies na dół strony
Pełna wersja: przesunąć informacje o cookies na dół strony
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.

Raar

08.05.2013, 14:11
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.

GiboneKPL

08.05.2013, 14:19
W pliku divante.cookies.min.css
zamieniasz:
Kod:
#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
Kod:
#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);
}

Raar

08.05.2013, 14:28
Pasek jest teraz okej, ale brakuje teraz tego X do zamknięcia.

GiboneKPL

08.05.2013, 14:32
Spróbuj zamienić:
Kod:
#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
Kod:
#cookiesBarClose {
    display: block;
    width: 20px;
    height: 19px;
    background: url("img/btn-close.png") 0 0 no-repeat;
    position: absolute;
        top: 0px;
        right: 0;
}

Raar

08.05.2013, 14:37
Znów jest wszystko okej, tylko pokazuje jednocześnie X i zamknij :D
[Obrazek: 26670940753026596793.jpg]

GiboneKPL

08.05.2013, 14:40
Spróbuj to:
Kod:
#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.

Raar

08.05.2013, 14:44
Chyba nie w tym rzecz, bo nic się nie zmieniło.

GiboneKPL

08.05.2013, 14:47
Otwórz divante.cookies.min.js i zamień
Kod PHP:
(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
Kod PHP:
(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); 
Webboard > Webmastering > HTML/CSS/JavaScript > przesunąć informacje o cookies na dół strony