yeni bir kod yazimla yine herkese merhaba :)
bloggunuza zoom kodu ekelyerek blogunuza daha iyi bir gorunum saglayabilirsiniz...
konularinizda eklediginiz resimlerin boyutlari ayni olup uzerine maus ile tiklandigi zaman zoom devreye girer resimin boyutu buyur
bu kodu blogunuza eklemek icin yapmaniz gerekenler bunlardir sirasiyla
sablon bolumune tiklayip html duzenle butonuna da tikliyoruz acilan pencerede Widget Şablonlarını Genişlet secenegine tiliyoruz ondan sonra ctrl ve f tuslarini ayni anda basili tutyoruz goreceksiniz o pencerede arama kutusu cikacak
cikan arama kutusu icinde bu kodu yazacaksiniz ]]></b:skin>
yazdiginiz o kodu gorup onun hemen uzerine gelicek sekilde altaki kodu koyacaksiniz
a.zoom {
width: 200px;
height: 141px;
position: relative;
display: inline-block;
border: 5px solid #f5f5f5;
}
a.zoom img {
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
cursor: pointer;
position: absolute;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
z-index: 3;
}
a.zoom:focus img {
top: ;
left: ;
width: 250%;
height: 250%;
cursor: default;
position: absolute;
box-shadow: 0 0 15px 2px #000;
z-index: 15;
}
a.zoom:focus {
border: none;
}
:focus{
outline: none;
}
bu islemi yaptiktan sonra sablonu kaydet butonuna tiklayacaksiniz..gelelim diger isleme artik actiginiz konularda resim koyunca ve o resim zoom seklinde olmasini istiyorsaniz acicaginiz konularin icine asagidaki kodu eklemeniz gerekicek
<a class="zoom" tabindex="1">
<img src="resim linki buraya">
</a>
onemli yeni konu acarken olustur butonu degil de html butonunun aktif olmasi gerekiyor
Önizleme için tıkla
gule gule kullanin :)
yorumlarinizi eksik etmeyin
eline sağlık Ferhat.
YanıtlaSilKodu ekleyip ikinci aşamaya geçiyordum ki vazgeçtim. Öyle tek tek resim ekleyemem :) Ama yine de paylaşım için teşekkürler.
YanıtlaSilrica ederim selma
YanıtlaSilben tesekkur ederim haydar yani zevk meselesi isteyen ekler :)
:) Bir programcı olarak biliyorum ki kod yazmak emek işi.
YanıtlaSilTeşekkürler.
B
Bence gayet hoş. Ama uğraşabilir miyim bilemiyorum. Paylaştığın için teşekkürler :)
YanıtlaSilugrasmak gerekir birseyleri yapabilmen icin :D
YanıtlaSilçok uğraşmak lazım mı nedir: )
YanıtlaSilfazla ugrastirmiyor ya :)
YanıtlaSil2 aşama olmasa otomatik olsa o daha güzel olur :)
YanıtlaSil