Kod Sorunu
4
●80
- 26-04-2021, 14:54:20Teşekkürler hocam. Benim sorunum şöyle:
@kozanfirmam;
HTML Kodu:<!DOCTYPE html>
<HTML>
<head>
<title>Blogger AB Çerez Bildirim Çubuğu</title>
<style type='text/css'>
/*<![CDATA[*/
@import url('https://fonts.googleapis.com/css?family=Roboto');
body{
background-color:#f5f5f5;
font-family:'Roboto', sans-serif;
margin:0;
padding:0
}
* {
margin:0;
padding:0
}
a{
text-decoration:none
}
.cookie-choices-info{
background-color:#fff!important;
position:fixed!important;
line-height:normal!important;
left:0!important;
right:0!important;
bottom:0!important;
font-family:inherit!important;
box-shadow:0 -3px 16px -3px rgba(0,0,0,.75);
-webkit-transform:translateZ(0)
}
#cookieChoiceInfo .cookie-choices-inner{
margin:auto!important;
padding:16px!important;
text-align:center!important
}
.cookie-choices-info .cookie-choices-text{
font-size:12px!important;
color:#222!important;
margin-bottom:16px;
line-height:1.5
}
.cookie-choices-buttons{
margin-left:0!important;
text-transform:uppercase
}
.cookie-choices-info .cookie-choices-button{
color:#fff!important;
font-size:13px!important;
margin-left:5px!important;
padding:3px 6px!important;
background-color:#438afe!important;
border-radius:2px;
transition:all .6s linear
}
.cookie-choices-info .cookie-choices-button:nth-child(2){
background-color:#ef690f!important;
transition:all .6s linear
}
.cookie-choices-info .cookie-choices-button:hover,.cookie-choices-info .cookie-choices-button:focus{
background-color:#3c7ce5!important;
text-decoration:none!important;
transition:all .1s linear
}
.cookie-choices-info .cookie-choices-button:nth-child(2):hover,.cookie-choices-info .cookie-choices-button:nth-child(2):focus{
background-color:#d65f00!important
}
@media only screen and (max-width:640px){
.cookie-choices-info .cookie-choices-text{
display:block
}
.cookie-choices-buttons{
margin-left:0!important
}
.cookie-choices-info .cookie-choices-button{
margin-left:0!important
}
.cookie-choices-info .cookie-choices-button:nth-child(2){
margin-left:5px!important
}
}
/*]]>*/
</style>
</head>
<body>
<div id="cookieChoiceInfo" class="cookie-choices-info singleton-element">
<div class="cookie-choices-inner">
<span class="cookie-choices-text">This site uses cookies to help deliver services. By using this site, you agree to the use of cookies.</span><span class="cookie-choices-buttons"><a href="https://www.blogger.com/go/blogspot-cookies" target="_blank" class="cookie-choices-button" rel="nofollow noopener" title="Learn More">Learn More</a><a id="cookieChoiceDismiss" href="#" class="cookie-choices-button">Got it!</a></span>
</div>
</div>
</body>
</HTML>
--------------
Kod bu. Çerez bildirimi çubuğu için. Got it'e basınca kapansın istiyorum. Normalde kapanmıyordu. Bunun için java ile şunu kullandım:
$('.cookie-choices-button').click(function(e){
e.preventDefault();
$('#cookieChoiceInfo').fadeOut(300)
})
---------
Bu kez de her sayfada bildirim çıkması sorunu var. Yani kapanıyor evet ama başka sayfada yine çıkıyor. Ben sadece 1 kere gözüksün istiyorum...
