Kategori: Webmaster Haberler | Yorum Yok »
Tarih Nisan 19th, 2008 Yazar admin
Bu plugin sayesinde yazýlarýmýzýn içindeki resimleri otomatik olarak boyutlandýrabiliriz.Ör: yazý içinde büyük bir resim var siz boyutlarý ile uðraþaþmak yerine plugini kurun o otomatik boyutlandýrsýn.
WP-Imagefit
Orijinal jQuery Imagefit plugin, daha zeytine aitiyle Boermans'ý yazdý.
style.css dosyanýza en alta ekleyiniz:
.storycontent img {
max-width: 460px;
width: expression(this.width> 460 ? 460: true);
}
max-width: 460px;
width: expression(this.width> 460 ? 460: true);
}
Temanýza göre ayar vericez:
wp-imagefit.php dosyasýný açýn
function wp_imagefit_js() {
$wp_imagefit_script = "
<!-- begin imagefit script -->
<script type=\"text/javascript\">\n
jQuery(window).load(function(){\n
jQuery('div.post').imagefit();\n
});\n
</script>\n
<!-- end imagefit script -->\n";
echo($wp_imagefit_script);
}
$wp_imagefit_script = "
<!-- begin imagefit script -->
<script type=\"text/javascript\">\n
jQuery(window).load(function(){\n
jQuery('div.post').imagefit();\n
});\n
</script>\n
<!-- end imagefit script -->\n";
echo($wp_imagefit_script);
}
JQuery deki seçicilikten hatýrlayacaðýmýz gibi 'div.post' alaný, class ý post olan divleri seçer.Kendi temanýza göre deðiþtirmelisiniz.
Kategori: JQuery | Yorum Yok »
Tarih Nisan 15th, 2008 Yazar admin
Yazýlarýmýzýn içine karýþan gülümsemeleri göstermek için JQuery nin JSmile pluginini kullanabiliriz.
Kurulumu oldukça basit ve boyutlarý çok küçük
Önce kütüphaneleri sayfamýza include ediyoruz, < /head> tagýndan önce
<script type="text/javascript" src="http://packed.it/JSmile/demo/jQuery.php"></script>
<script type="text/javascript" src="http://packed.it/JSmile/?jQuery"></script>
<script type="text/javascript" src="http://packed.it/JSmile/?jQuery"></script>
Bu kütüphaneleri indirip kendi localinizdende çaðýrabilirsiniz.JQuery JSmile
Gelelim seçicilik olayýna ; burada seçicilikten kastýmýz hangi taglarýn arasýnda iþlem yapýcak olmamýz.
<script type="text/javascript"><!--//
$(function(){
$(document.body).smile();
});
//--></script>
$(function(){
$(document.body).smile();
});
//--></script>
body arasýndaki tüm taglarý seçer
<script type="text/javascript"><!--//
$(function(){
$("div.post, p.comments").smile();
});
//--></script>
$(function(){
$("div.post, p.comments").smile();
});
//--></script>
div.post ve p.comments taglarý arasýný seçer.
Seçicilik için daha detaylý bilgiye eburhan.com un buradaki yazýsýndan eriþebilirsiniz.
Benim demo da kullandýðým
<script type="text/javascript"><!--//
$(function(){
var smiled = false;
$("#run,h1").click(function(){
$(document.body).smile(smiled = !smiled);
this.blur();
return false;
});
});
//--></script>
$(function(){
var smiled = false;
$("#run,h1").click(function(){
$(document.body).smile(smiled = !smiled);
this.blur();
return false;
});
});
//--></script>
body ve h1 içindekileri #run ile tetikleyerek gösteriyorum
