Blogunuza Zoom Kodu

9 Yorum

 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

9 yorum:

  1. Kodu 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ıtlaSil
  2. rica ederim selma

    ben tesekkur ederim haydar yani zevk meselesi isteyen ekler :)

    YanıtlaSil
  3. :) Bir programcı olarak biliyorum ki kod yazmak emek işi.
    Teşekkürler.
    B

    YanıtlaSil
  4. Bence gayet hoş. Ama uğraşabilir miyim bilemiyorum. Paylaştığın için teşekkürler :)

    YanıtlaSil
  5. ugrasmak gerekir birseyleri yapabilmen icin :D

    YanıtlaSil
  6. 2 aşama olmasa otomatik olsa o daha güzel olur :)

    YanıtlaSil
Yorum yaparken dikkat edilmesi gerekenler:

* Yaptığınız yorumun tamamı büyük harf olmamasına özen gösteriniz
* Yorumlarınız da argo içeren kelimeler kullanmayınız
* Reklam amaçlı yorumlarda bulunmayınız
* Konu dışında iletmek istediğiniz bir şey varsa iletişim formunu kullanın
* Yorumlarınızdan dolayı sizlere teşekkür ediyorum