Witam chciałem dodać do strony taką bęlkę na samym dole jak jest tutaj:
http://ideas2action.pl/2013/03/14/pliki-co...internetowych/#Informuje ona że strona posiada własną politykę prywatności dot. cookies
Jak sprawdziłem źródło to za wyświetlanie tego kodu znalazłem te linijki:
<!-- COOKIES -->
<script type="text/javascript" src="http://static.divante.pl/cookies/divante.cookies.min.js"></script>
<script>window.jQuery.cookie || document.write('<script src="http://static.divante.pl/cookies/jquery.cookie.min.js"><\/script>')</script>
<script type="text/javascript">
$.divanteCookies.render({
privacyPolicy : true,
cookiesPageURL : 'http://regulaminy.grupadivante.pl/SWRlYWN0bytTcC4reitvLm8u/dWwuK0tvJUM1JTlCY2l1c3praSsxNCUyQys1MC0wMzgrV3JvYyVDNSU4MmF3/ideas2action.pl/regulamin_cookies.html'
});
</script>
Skopiowałem ten kod na swoją stronę. Nie zmieniałem linków ponieważ chciałem zobaczyć czy zadziała. W swoim pliku css dodałem taki fragment:
#cookiesBar {
-moz-font-feature-settings: normal;
-moz-font-language-override: normal;
-x-system-font: none;
background-attachment: scroll;
background-clip: border-box;
background-color: #EBEBEB;
background-image: linear-gradient(#FFFFFF, #EBEBEB);
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
background-size: auto auto;
border-bottom-color: #D7D7D7;
border-bottom-style: solid;
border-bottom-width: 1px;
border-top-color: #D7D7D7;
border-top-style: solid;
border-top-width: 1px;
bottom: 0;
color: #414141;
font-family: Arial,sans-serif;
font-size: 11px;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-variant: normal;
font-weight: 400;
left: 0;
line-height: 1em;
padding-bottom: 10px;
padding-left: 0;
padding-right: 0;
padding-top: 10px;
position: fixed;
width: 100%;
z-index: 9999;
}
#cookiesBar a {
border-bottom-color: #AEAEAE;
border-bottom-style: dotted;
border-bottom-width: 1px;
color: #414141;
}
#cookiesBar a:hover {
color: #AEAEAE;
}
#cookiesBar p {
line-height: 1;
margin-bottom: 2px;
margin-left: 0;
margin-right: 0;
margin-top: 2px;
}
#cookiesBarWrap {
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
margin-top: 0;
position: relative;
width: 840px;
}
#cookiesBarClose {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://......../images/btn-close.png");
background-origin: padding-box;
background-position: 0 0;
background-repeat: no-repeat;
background-size: auto auto;
display: block;
height: 19px;
position: absolute;
right: 0;
text-indent: -999em;
top: 2px;
width: 20px;
}
a#cookiesBarClose {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-bottom-color: -moz-use-text-color;
border-bottom-style: none;
border-bottom-width: 0;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
border-image-slice: 100% 100% 100% 100%;
border-image-source: none;
border-image-width: 1 1 1 1;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
border-left-color-value: -moz-use-text-color;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-left-style-value: none;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-left-width-value: 0;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-right-color-value: -moz-use-text-color;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-right-style-value: none;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-right-width-value: 0;
border-top-color: -moz-use-text-color;
border-top-style: none;
border-top-width: 0;
}
#cookiesBarClose:hover {
background-position: -20px 0;
}
Niestety wyświetlanie nie działa. Czy ktoś może mi wytłumaczyć dlaczego nie działa takie wyświetlanie na mojej stronie skoro skopiowany kod jest taki sam ?
był błąd zamiast $.divanteCookies.render na jQuery.divanteCookies.render
i druga sprawa to trzeba dodać bibliotekę jquery czyli
<script async type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js?ver=1.6.2'></script>
Ten post edytował deredas 23.03.2013, 20:22:42