Sitene Işıkları Kapat Kodu

Merhaba arkadaşlar bugün size güzel bir eklenti sunacaz eklenti daha çok Film ve Video paylaşım sitelerine yönelik ama bazı blogcular / site sahipleri takipçilerine güzel ve farklı bir görsellik katmak içinde bu eklentiyi kullanabilir şimdi geçelim kuruluma :

#Örnek :

    Öncellikle şu kodu buluyoruz </head>
Sonra Hemen üstüne aşağıdaki kodları ekliyoruz.

 <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/>  
 <script type='text/javascript'>  
 //<![CDATA[  
 $(document).ready(function(){  
 $("#darkness").css("height", $(document).height()).hide();  
 $(".lightSwitcher").click(function(){  
 $("#darkness").toggle();  
 if ($("#darkness").is(":hidden"))  
 $(this).html("Işıkları aç").removeClass("turnedOff");  
 else  
 $(this).html("Işıkları aç").addClass("turnedOff");  
 });  
 });  
 //]]>  
 </script>  

ekledikten sonra şu kodu buluyoruz ]]></b:skin>
üstüne aşağıdaki kodları ekliyoruz

 /* biribiziokuyor.com
 ----------------------------------------------- */  
 #lightsVideo {  
 position:relative;  
 z-index:102;  
 }  
 #switch {  
 max-width:640px;  
 text-align:left;  
 position:relative;  
 height:25px;  
 display:block;  
 margin: 25px 0 0 60px;  
 }  
 .lightSwitcher {  
 position:absolute;  
 z-index:101;  
 background-image:url(http://3.bp.blogspot.com/-Vs5EJnjVScM/Um0Sq84fJtI/AAAAAAAAEeQ/PEu-OStZciA/s1600/lights-on.png);  
 background-repeat:no-repeat;  
 background-position:left;  
 padding: 0 0 0 20px;  
 outline:none;  
 text-decoration:none;  
 }  
 .lightSwitcher:hover {text-decoration:underline;}  
 .turnedOff {  
 color:#ffff00 !important;   
 background-image:url(http://3.bp.blogspot.com/-vKGxmBhYshA/Um0Sqwy_hNI/AAAAAAAAEeU/F0WKs6_WARM/s1600/lights-off.png);  
 }  
 #darkness {  
 background:#000;  
 opacity:0.8;  
 filter:alpha(opacity=80);  
 position:absolute;  
 left:0;  
 top:0;  
 width:100% }  

Son olarak şu kodu buluyoruz </body>

Bu kodu bulduktan sonra üzerine aşağıdaki  kodu ekliyoruz 

 <div id='darkness'/>  

Şu kodu Her video içekli paylaşım yaptığınızda  HTML/ olarak paylaşınız

 <center>  
 <div id="switch"><a class="lightSwitcher" href="javascript:void(0);">Işıkları Kapat</a></div>  
 <div id="lightsVideo">  
 ...Paylaşımcı-NET</div>  
 </center>  

Kaynak : http://www.biribiziokuyor.com