Bu Kod Herkesin İşine Yaracaktır ama Ufak Bir Eksiklik Var...

04-02-2014, 00:37:27

Arkadaşlar aşağıda yadığım kod sitenize gelen ziyaretçilerinize facebook sayfanız pop up olarak açılıyordu ve bazı yerlerinde kendimce düzenleme yapmaya çalıştım ama kodu bozdum. Kodu da bir site bulmuştum siteyi bir daha bulamadım. Kodu düzeltip yayınlayabilirse birilerin muhakkak işine yarayacaktır.

<style>
    
    #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} 
    #cboxOverlay{position:fixed; width:100%; height:100%;} 
    #cboxMiddleLeft, #cboxBottomLeft{clear:left;} 
    #cboxContent{position:relative;} 
    #cboxLoadedContent{overflow:auto;} 
    #cboxTitle{margin:0;} 
    #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} 
    #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} 
    .cboxPhoto{float:left; margin:auto; border:0; display:block;} 
    .cboxIframe{width:100%; height:100%; display:block; border:0;} 
    
    #cboxOverlay{background:#000;opacity:0.5 !important;} 
    #colorbox{ 
            box-shadow:0 0 15px rgba(0,0,0,0.4); 
           -moz-box-shadow:0 0 15px rgba(0,0,0,0.4); 
            -webkit-box-shadow:0 0 15px rgba(0,0,0,0.4); 
           } 
      
   #cboxTopLeft{width:14px; height:14px; background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat 0 0;} 
#cboxTopCenter{height:14px; background:url(http://3.bp.blogspot.com/-dJQm3QEd5Iw/TxohpCter-I/AAAAAAAAF0Q/GRny7olLbv8/s400/border.png) repeat-x top left;} 
    #cboxTopRight{width:14px; height:14px; background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat -36px 0;} 
    #cboxBottomLeft{width:14px; height:43px; background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat 0 -32px;} 
    #cboxBottomCenter{height:43px; background:url(http://3.bp.blogspot.com/-dJQm3QEd5Iw/TxohpCter-I/AAAAAAAAF0Q/GRny7olLbv8/s400/border.png) repeat-x bottom left;} 
    #cboxBottomRight{width:14px; height:43px; background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat -36px -32px;} 
    #cboxMiddleLeft{width:14px; background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) repeat-y -175px 0;} 
    #cboxMiddleRight{width:14px; background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) repeat-y -211px 0;} 
    #cboxContent{background:#fff; overflow:visible;} 
        #cboxLoadedContent{margin-bottom:5px;} 
        #cboxLoadingOverlay{background:url(http://2.bp.blogspot.com/-bMneOFi_UDo/Txohpge3Z9I/AAAAAAAAF0s/AbVgxX9pXtQ/s400/loadingbackground.png) no-repeat center center;} 
        #cboxLoadingGraphic{http://3.bp.blogspot.com/-SKktU1-SCCw/TxohpRB19LI/AAAAAAAAF0Y/iwIo3LnjoE0/s400/loading.gif) no-repeat center center;} 
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;} 
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;} 
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;} 
        #cboxPrevious{left:0px; background-position: -51px -25px;} 
        #cboxPrevious.hover{background-position:-51px 0px;} 
        #cboxNext{left:27px; background-position:-75px -25px;} 
        #cboxNext.hover{background-position:-75px 0px;} 
        #cboxClose{right:0; background-position:-100px -25px;} 
        #cboxClose.hover{background-position:-100px 0px;} 
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;} 
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;} 
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
     
    #subscribe { 
        font: 12px/1.2 Arial,Helvetica,san-serif; color:#666; 
    } 
    #subscribe a, 
    #subscribe a:hover, 
    #subscribe a:visited { 
        text-decoration:none; 
    } 
    .box-title { 
       color: #F66303; 
       font-size: 18px !important; 
       font-weight: bold; 
       margin: 10px 0; 
    border:1px solid #ddd; 
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    border-radius:6px; 
    box-shadow: 5px 5px 5px #CCCCCC; 
    padding:10px; 
    line-height:25px; font-family:arial !important; 
    }
 
    .box-tagline { 
       color: #999; 
       margin: 0; 
       text-align: center; 
    } 
    #subs-container { 
        padding: 35px 0 30px 0; 
        position: relative; 
    } 
    a:link, a:visited { 
    border:none; 
    } 
    .demo { 
    display:none; 
    }
 

    .box-title1 { 
    border:1px solid #ddd; 
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    border-radius:6px; 
    box-shadow: 5px 5px 5px #CCCCCC; 
        padding:10px; 
  margin: 10px 0; 
    }

    .enteryouremail{ 
background: #fff !important;
border: 1px solid #d2d2d2; 
padding: 0px 8px 0px 8px; 
color: #a19999; font-size: 12px; 
height: 25px; width: 165px; 
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
margin:0px; 
}
    .submitbutton{ 
background:#F66303; 
border: 1px solid #F66303; 
text-shadow: 1px 1px 1px #333; 
box-shadow: 3px 3px 3px #666; 
font:bold 12px Arial, sans-serif; 
color: #fff; 
height: 25px; 
padding: 0 12px 0 12px; 
margin: 0 0 0 5px; 
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
cursor:pointer;}
    </style>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script> 
<script src="http://dl.dropbox.com/u/60346665/jquery.colorbox-min.js"></script> 
<script type="text/javascript"> 
jQuery(document).ready(function(){ 
   if (document.cookie.indexOf('visited=true') == -1) { 
       var fifteenDays = 1000*60*60*24*30; 
       var expires = new Date((new Date()).valueOf() + fifteenDays); 
       document.cookie = "visited=true;expires=" + expires.toUTCString(); 
   $.colorbox({width:"400px", inline:true, href:"#subscribe"}); 
       } 
}); 
</script> 
  
  
        <div style='display:none'> 
       <div id='subscribe' style='padding:10px; background:#fff;'> 
            <h3 class="box-title">Facebook Sayfamızı Beğenin<center><p style="line-height:3px;" >▼</p></center></h3> 
          <center>
 
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Faricilik.tr&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>
</center> 
<div class="box-title1 ">





</div>

    </div> 
    </div>

04-02-2014, 01:34:08

YavuzTR

Merhaba Hocam

<style> 
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}  
#cboxOverlay{position:fixed; width:100%; height:100%;}  
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}  
#cboxContent{position:relative;}  
#cboxLoadedContent{overflow:auto;}  
#cboxTitle{margin:0;}  
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}  
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}  
.cboxPhoto{float:left; margin:auto; border:0; display:block;}  
.cboxIframe{width:100%; height:100%; display:block; border:0;}  
#cboxOverlay{background:#000;opacity:0.5 !important;}  
#colorbox{  
box-shadow:0 0 15px rgba(0,0,0,0.4);  
-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);  
-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);  
}  
#cboxTopLeft{width:14px; height:14px; background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat 0 0;}  
#cboxTopCenter{height:14px; background:url(http://3.bp.blogspot.com/-dJQm3QEd5Iw/TxohpCter-I/AAAAAAAAF0Q/GRny7olLbv8/s400/border.png) repeat-x top left;}  
#cboxTopRight{width:14px; height:14px; background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat -36px 0;}  
#cboxBottomLeft{width:14px; height:43px; background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat 0 -32px;}  
#cboxBottomCenter{height:43px; background:url(http://3.bp.blogspot.com/-dJQm3QEd5Iw/TxohpCter-I/AAAAAAAAF0Q/GRny7olLbv8/s400/border.png) repeat-x bottom left;}  
#cboxBottomRight{width:14px; height:43px; background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat -36px -32px;}  
#cboxMiddleLeft{width:14px; background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) repeat-y -175px 0;}  
#cboxMiddleRight{width:14px; background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) repeat-y -211px 0;}  
#cboxContent{background:#fff; overflow:visible;}  
#cboxLoadedContent{margin-bottom:5px;}  
#cboxLoadingOverlay{background:url(http://2.bp.blogspot.com/-bMneOFi_UDo/Txohpge3Z9I/AAAAAAAAF0s/AbVgxX9pXtQ/s400/loadingbackground.png) no-repeat center center;}  
#cboxLoadingGraphic{http://3.bp.blogspot.com/-SKktU1-SCCw/TxohpRB19LI/AAAAAAAAF0Y/iwIo3LnjoE0/s400/loading.gif) no-repeat center center;}  
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}  
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}  
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}  
#cboxPrevious{left:0px; background-position: -51px -25px;}  
#cboxPrevious.hover{background-position:-51px 0px;}  
#cboxNext{left:27px; background-position:-75px -25px;}  
#cboxNext.hover{background-position:-75px 0px;}  
#cboxClose{right:0; background-position:-100px -25px;}  
#cboxClose.hover{background-position:-100px 0px;}  
.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}  
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;} 
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}  
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}  
#subscribe {  
font: 12px/1.2 Arial,Helvetica,san-serif; color:#666;  
}  
#subscribe a,  
#subscribe a:hover,  
#subscribe a:visited {  
text-decoration:none;  
}  
.box-title {  
color: #F66303;  
font-size: 18px !important;  
font-weight: bold;  
margin: 10px 0;  
border:1px solid #ddd;  
-moz-border-radius:6px;  
-webkit-border-radius:6px;  
border-radius:6px;  
box-shadow: 5px 5px 5px #CCCCCC;  
padding:10px;  
line-height:25px; font-family:arial !important;  
} 
.box-tagline {  
color: #999;  
margin: 0;  
text-align: center;  
}  
#subs-container {  
padding: 35px 0 30px 0;  
position: relative;  
}  
a:link, a:visited {  
border:none;  
}  
.demo {  
display:none;  
} 
.box-title1 {  
border:1px solid #ddd;  
-moz-border-radius:6px;  
-webkit-border-radius:6px;  
border-radius:6px;  
box-shadow: 5px 5px 5px #CCCCCC;  
padding:10px;  
margin: 10px 0;  
} 
.enteryouremail{  
background: #fff !important; 
border: 1px solid #d2d2d2;  
padding: 0px 8px 0px 8px;  
color: #a19999; font-size: 12px;  
height: 25px; width: 165px;  
border-radius: 5px;  
-moz-border-radius: 5px;  
-webkit-border-radius: 5px;  
margin:0px;  
} 
.submitbutton{  
background:#F66303;  
border: 1px solid #F66303;  
text-shadow: 1px 1px 1px #333;  
box-shadow: 3px 3px 3px #666;  
font:bold 12px Arial, sans-serif;  
color: #fff;  
height: 25px;  
padding: 0 12px 0 12px;  
margin: 0 0 0 5px;  
border-radius: 5px;  
-moz-border-radius: 5px;  
-webkit-border-radius: 5px;  
cursor:pointer;} 
</style> 
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>  
<script src="http://dl.dropbox.com/u/60346665/jquery.colorbox-min.js"></script>  
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=true') == -1) {
var fifteenDays = 1000*60*60*24*30;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();

$.colorbox({width:"400px", inline:true, href:"#subscribe"});}

});
</script>

   
   
        <div style='display:none'>  
       <div id='subscribe' style='padding:10px; background:#fff;'>  
            <h3 class="box-title">Facebook Sayfamızı Beğenin<center><p style="line-height:3px;" ></p></center></h3>  
<center> 
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FFacebookDevelopers&amp;width=300&amp;height=290&amp;colorscheme=light&amp;show_faces=true&amp;header=true&amp;stream=false&amp;show_border=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:290px;" allowTransparency="true"></iframe></center>  
<div class="box-title1 "> 
</div> 

    </div>  
    </div>

Ctrl + f yapıp "FacebookDevelopers" kısmını kendi sayfanızın ismi ile değiştirin olacaktır. Denedim oldu :

04-02-2014, 10:35:21

#3

Asam

hocam, bende siteye ilk koyduğum da çalıştı daha sonra çalışmadı enterasan bir durum oldu anlamadım. İlk başta çalıştı ama ardında çalışmadı.
04-02-2014, 16:20:11

#4

Asam

Bu kodu sitesinde deneyen kullanan var mı arkadaşlar?