Forum'da ara:
Ara


Yazar Mesaj
Mesaj02.06.2013, 07:22 (UTC)    
Mesaj konusu: ligtbox kodu arıyorum

sitem için lightbox kodu bilen var mı..internetten araştırdım çoğu çalışmıyor veya çalıştıramadım bana yardım edcek var mı? çalışır şekilde lightbox kodu
Mesaj02.06.2013, 10:27 (UTC)    
Mesaj konusu:

Sitene açılır pencere kodu ekle (javascriptsiz lightbox)






Kod:
<a style="text-decoration: none;" href="javascript:void(0)" onclick="document.getElementById('guru').style.display='block';">
Buraya Tıkla</a>

<style type="text/css">             
.kte_conent {font-family:trebuchet ms;font-size:14px;text-align: justify;        display: none;   position: fixed;top:10%;left:20%; height:60%;width: 60%;             padding: 16px;border: 6px solid #0080FF;            background-color: white;            z-index:2003;            overflow: auto;     }
 
</style>     
<div align="center">
<div id="guru" class="kte_conent" align="center">
  <a href="http://siteneeklekodlari.blogspot.com/2011/10/sitene-aclr-pencere-kodu-ekle.html" target="_blank"><img style="position:absolute;bottom:0px;right:0px;border:none;width:90px;float:right;" src="http://img607.imageshack.us/img607/5117/35219057.png" /></a>
<h3>
<span style="color:#3366ff;">Başlık</span></h3>
Yazı
<br/>
<center><a href="javascript:void(0)" onclick="document.getElementById('guru').style.display='none'"><button style="border: 2px outset rgb(0, 128, 255); background: none repeat scroll 0% 0% rgb(0, 128, 255);">Kapat</button></a></center>
</div></div>
Mesaj03.09.2013, 21:52 (UTC)    
Mesaj konusu:

Youtube için JS Lightbox kodu

Resim için:
Kod:
<a href="#1QpSwV3BcJI" _fcksavedurl="#1QpSwV3BcJI" class="sublime" data-uid="1QpSwV3BcJI" data-youtube-id="1QpSwV3BcJI">   <img src="https://i1.ytimg.com/vi/ff9gGHpN4jw/mqdefault.jpg" _fcksavedurl="https://i1.ytimg.com/vi/ff9gGHpN4jw/mqdefault.jpg" width="150" height="150" alt="" /> </a> <video id="1QpSwV3BcJI" width="640" height="360" style="display:none" data-player-kit="2" data-uid="1QpSwV3BcJI" data-youtube-id="1QpSwV3BcJI" preload="none"> </video>


Link/Yazı için:
Kod:

<a href="#1QpSwV3BcJI" _fcksavedurl="#1QpSwV3BcJI" class="sublime" data-uid="1QpSwV3BcJI" data-youtube-id="1QpSwV3BcJI">   video başlık/konu vb. </a> <video id="1QpSwV3BcJI" width="640" height="360" style="display:none" data-uid="1QpSwV3BcJI" data-youtube-id="1QpSwV3BcJI" preload="none"> </video>


Kullanımı için : http://saidakgonek.tr.gg/videolightboxv1.htm

Genel lightbox (İçine herşey eklenebilir)

Kod:

<style type="text/css">  .black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); } .white_content { display: none; position: absolute; top: 25%; left: 25%; width: 50%; height: 50%; padding: 16px; border: 16px solid orange; background-color: white; z-index:1002; overflow: auto; } </style> <p><a onclick = "document.getElementById('light')

.style.display='block';

document.getElementById('fade')

.style.display='block'" href="javascript:void(0)"><span style="color: rgb(51, 102, 255);">&Ouml;n izleme yapmak i&ccedil;in buraya tıklayın</span></a></p> <div id="light" class="white_content">Buraya resim video gibi ıvır zıvır koycan.<a onclick = "document.getElementById('light')

.style.display='none';document.

getElementById('fade').style.display='none'" href="javascript:void(0)">Kapat !</a></div> <div id="fade" class="black_overlay">&nbsp;</div>
Mesaj28.01.2014, 02:10 (UTC)    
Mesaj konusu:

Lightbox foto galeri için, resmin üstüne tıklandığında soldan sağa akış yönü olan kod lazım. yani arapça site için ters yönlü sağdan sola kod lazım. ACİLLLL
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu