tr-opencart

     
avatar Şuanki Zaman: 12-19-2024, 03:00 PMHoşgeldin Misafir !
  Şifremi Hatırlat   kayıt ol
opencart temaları

Sitenizde Resimlerinize CSS ile Zoom Efekti vermek

Konuyu görüntüleyenler: 2 Misafir
 
Değerlendir:
  • 0 Oy - 0 Yüzde
  • 1
  • 2
  • 3
  • 4
  • 5
%
Cevapla  Gönder 
v  v
Yazar  osdem66 - Görüntüleme - Okunma  16048 - Yorum  6

osdem66v
Forum Kurucusu
*******
Administrators user avatar
Çevrimdışı

Mesajlar: 2,121
Konular: 158
Katılma Tarihi: Dec 2011
Rep Puanı: 27
Teşekkürler: 393
522 Mesajına, 1445 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 12-30-2011 01:33 AM

Merhaba sitenizdeki resimlerinize fare ile üzerine gidildiginde zoom efekti vermek..

Hnagi versiyon gibi sorular sormanıza gerek yok kod css kodudur ve bütün versiyonlarda hatta bütün sitelerde, temalarda,scriptler de vsvs de çalışır..
DEMO
Temanızın stylesheet.css dosyasını acını ve bu kodu bulun:
PHP Kod:
a img {
    
bordernone;


Bununla degiştirin:
PHP Kod:
a img {
    
bordernone;
    -
webkit-transition: -webkit-transform 0.2s ease-in-out;
    -
moz-transition: -moz-transform 0.2s ease-in-out;
    -
ms-transition: -ms-transform 0.2s ease-in-out;
    -
o-transition: -o-transform 0.2s ease-in-out;
    
transitiontransform 0.2s ease-in-out;
}
a:hover img {
    -
webkit-transformscale(1.1);
    -
moz-transformscale(1.1);
    -
o-transformscale(1.1);
    -
ms-transformscale(1.1);
    
transformscale(1.1);

osdem66
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: e-ticaretdersleri
cevahirabiv
Üye
***
Üye user avatar
Çevrimdışı

Mesajlar: 240
Konular: 65
Katılma Tarihi: Feb 2012
Rep Puanı: 2
Teşekkürler: 27
11 Mesajına, 31 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 03-18-2012 10:34 AM
Mouse ile üzerine gelince bu seklide açması için ne yapmalıyız?

Resim görüntüleyici

http://www.merterelektronik.com/ARZUM-AR...26540.html
Alıntı Yaparak Cevapla
Paylaş!
osdem66v
Forum Kurucusu
*******
Administrators user avatar
Çevrimdışı

Mesajlar: 2,121
Konular: 158
Katılma Tarihi: Dec 2011
Rep Puanı: 27
Teşekkürler: 393
522 Mesajına, 1445 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 03-18-2012 03:30 PM
Merhaba; forumumuzda bulunan 1.5.1.3.1 sürümünde ürün gösterimi zaten bu göterdiginiz sekilde düzenlenmiştir.. ayrıca küçük resimlere de tıklayarak büyük resim yerinde acılması saglanmıştır bununla birlikte admin paneli teması da yeniden düzenlenmiştir hem görsel olrak standart opencart temasındna farklı bir görünüm elde edilmiştir..

Lütfen arkadaşlar öncelikle bizim forumumuzda bulunan sürümü kullanmaya özen gösterin hem bizi onurlandırmış hemde baskasının düzenledigi sürümdeki hatalar için bizi destek vermek zorunda bırakmazsınız.. bunları yanlış anlamayın konu sahibi arkadaşım sizin için söyledim ama yeri gelmişen genel olarak bunu söylemeyi uygun buluyorum bence etik olanda budur.. saygılarımla ..
osdem66
Alıntı Yaparak Cevapla
Paylaş!
cevahirabiv
Üye
***
Üye user avatar
Çevrimdışı

Mesajlar: 240
Konular: 65
Katılma Tarihi: Feb 2012
Rep Puanı: 2
Teşekkürler: 27
11 Mesajına, 31 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 03-18-2012 04:20 PM
yok ben zaten bu siteden indirdiğimi kullanıyorum ama boyle değildi hiç bir zaman basınca acılan java resim düsenleyici gibi ama bu verdiğim linkteki gibi değil!
Alıntı Yaparak Cevapla
Paylaş!
osdem66v
Forum Kurucusu
*******
Administrators user avatar
Çevrimdışı

Mesajlar: 2,121
Konular: 158
Katılma Tarihi: Dec 2011
Rep Puanı: 27
Teşekkürler: 393
522 Mesajına, 1445 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 03-18-2012 06:11 PM
Merhaba; defaut tema bu şekilde farklı tema kullanıyorsanız temanızın product.tpl dosyası içinde resim bölümü default temada oldugu bigi düzenlenmeli...
osdem66
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: cevahirabi
cevahirabiv
Üye
***
Üye user avatar
Çevrimdışı

Mesajlar: 240
Konular: 65
Katılma Tarihi: Feb 2012
Rep Puanı: 2
Teşekkürler: 27
11 Mesajına, 31 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 03-18-2012 10:49 PM
turkish_gray_v2 kullanıyorum. düzenlemeye calışacagım tşk
Alıntı Yaparak Cevapla
Paylaş!
cevahirabiv
Üye
***
Üye user avatar
Çevrimdışı

Mesajlar: 240
Konular: 65
Katılma Tarihi: Feb 2012
Rep Puanı: 2
Teşekkürler: 27
11 Mesajına, 31 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 03-18-2012 11:58 PM
Kod:
<?php if ($thumb) { ?>
      <div class="image"><a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="fancybox" rel="fancybox"><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" id="image" /></a></div>
      <?php } ?>
      <?php if ($images) { ?>
      <div class="image-additional">
        <?php foreach ($images as $image) { ?>
        <a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" class="fancybox" rel="fancybox"><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a>
        <?php } ?>
      </div>
      <?php } ?>
    </div>
    <?php } ?>

bunun yerine

Kod:
<?php if ($thumb) { ?>
     <div  class="zoom-section">
<div class="zoom-small-image"><a style="border:1px solid #ddd;padding:5px;margin-bottom:10px;" href="<?php echo $popup; ?>" class = "cloud-zoom" id="zoom1" rel="position: 'inside', showTitle: false, adjustX:-4, adjustY:-4"><img  src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>"></a></div></div>
<span style="font-size: 11px;"></span>   <?php } ?>
      <?php if ($images) { ?>
      <div class="image-additional">
        <?php foreach ($images as $image) { ?>
       <a href='<?php echo $image['popup']; ?>' class='cloud-zoom-gallery' title='<?php echo $heading_title; ?>'
            rel="useZoom: 'zoom1', smallImage: '<?php echo $image['popup2']; ?>' ">
        <img src="<?php echo $image['thumb']; ?>" alt = "<?php echo $heading_title; ?>"/></a>   <?php } ?>
      </div>
      <?php } ?>
    </div>
    <?php } ?>

bunu koyuyorum ama olmuyor. Bozulma oluyor sadece. Sadece kodsal bir şeymi extra bir dosya filan eklemelimiyim kendi temama?


Ekli Dosya(lar)
.rar productsrar.rar Eklentiyi indir...
Boyut: 7.02 KB İndirme: 37
Telif Hakkı için Rapor Edin...
Alıntı Yaparak Cevapla
Paylaş!

« Önceki | Sonraki »
Cevapla  Gönder 

Sitenizde Resimlerinize CSS ile Zoom Efekti vermek Konusunun Linki Direk Link
Sitenizde Resimlerinize CSS ile Zoom Efekti vermek Konusunun HTML Kodu HTML Link
Sitenizde Resimlerinize CSS ile Zoom Efekti vermek Konusu BBCode Linki BBCode Link
Sitenizde Resimlerinize CSS ile Zoom Efekti vermek Konusunu Paylaş Sosyal Paylaş

Benzeyen Konular
Konu: Yazar Cevaplar: Gösterim: Son Mesaj
  cloud zoom eklentisi bozuk görünüyor eno-7 2 13,266 05-01-2013 03:02 PM
Son Mesaj: e-ticaretdersleri

Sitenizde Resimlerinize CSS ile Zoom Efekti vermek indir, Sitenizde Resimlerinize CSS ile Zoom Efekti vermek Videosu, Sitenizde Resimlerinize CSS ile Zoom Efekti vermek online izle, Sitenizde Resimlerinize CSS ile Zoom Efekti vermek Bedava indir, Sitenizde Resimlerinize CSS ile Zoom Efekti vermek Yükle, Sitenizde Resimlerinize CSS ile Zoom Efekti vermek Hakkında, Sitenizde Resimlerinize CSS ile Zoom Efekti vermek nedir, Sitenizde Resimlerinize CSS ile Zoom Efekti vermek Free indir, Sitenizde Resimlerinize CSS ile Zoom Efekti vermek oyunu, Sitenizde Resimlerinize CSS ile Zoom Efekti vermek download


Forum Atla: