Video Işıkları Aç / Kapat Eklentisi

29 Aralık 2013 Pazar, 11:51
Video Işıkları Aç / Kapat Eklentisi

Merhaba Biribiziokuyor.com Takipçileri bugün size ilk Yayınımızda 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 

     Ö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

 /* www.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">
...
video embed kodu</div>
</center>

Yorum yazın...

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

porno porno izle porno