seoseo
tr-opencart

     
avatar Şuanki Zaman: 12-05-2016, 03:28 PMHoşgeldin Misafir !
  Şifremi Hatırlat   kayıt ol
opencart temaları

Resmin Üzerine Fare Gelince kutu içerisinde Yazı Çıkmas

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

cesm-i_asikv
Üye
***
Üye user avatar
Çevrimdışı

Mesajlar: 60
Konular: 11
Katılma Tarihi: Mar 2012
Rep Puanı: 0
Teşekkürler: 48
7 Mesajına, 7 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 04-18-2014 06:21 PM
Resim görüntüleyici
Resim görüntüleyici
resmin üzerine fare ile gelince açıklama kutusu gibi yazı çıkmasını istiyorum. örnek resimdeki gibi bir işlem yapmak istiyorum anasayfada veya farklı bir sayfada html modülünün içersine kod ekleyerek, veya daha farklı kısa bir yolu var ise o şekilde yardımcı olabilir misiniz ? uzun zamandır arıyorum buldugum likteki gibi birşey var ama bunu temaya nasıl entegre edeceğim onuda beceremedim yardımınızı bekliyorum.
konuyu yanlış yere actı isem veya var olan bir konu haricinde yazdı isem kusura bakmayın uzun aramalarıma rağmen bulamadığım için buraya actım konuyu
kullandıığım sürüm 1.5.5.1 crypto template
Alıntı Yaparak Cevapla
Paylaş!
opencart temaları
Kıroğlumarketv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 2,964
Konular: 474
Katılma Tarihi: Jan 2012
Rep Puanı: 93
Teşekkürler: 1106
964 Mesajına, 1977 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 04-18-2014 06:48 PM
Kıroğlumarket
Alıntı Yaparak Cevapla
Paylaş!
cesm-i_asikv
Üye
***
Üye user avatar
Çevrimdışı

Mesajlar: 60
Konular: 11
Katılma Tarihi: Mar 2012
Rep Puanı: 0
Teşekkürler: 48
7 Mesajına, 7 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 04-18-2014 07:02 PM
(04-18-2014 06:48 PM)Kiroglumarket Yazılan:  http://tympanus.net/Tutorials/OriginalHo...ndex7.html

buradakiler işini görür mü ?

Hocam o kadar cok guzel olurki Allah razi olsun
Lakin bunu istedgimiz yerde gosterecegimiz sekilde uyarlanabilir mi
Alıntı Yaparak Cevapla
Paylaş!
Kıroğlumarketv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 2,964
Konular: 474
Katılma Tarihi: Jan 2012
Rep Puanı: 93
Teşekkürler: 1106
964 Mesajına, 1977 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 04-18-2014 07:07 PM
uyarlanir nasıl ve ne şekilde kulanmak istiyorsunuz
Kıroğlumarket
Alıntı Yaparak Cevapla
Paylaş!
cesm-i_asikv
Üye
***
Üye user avatar
Çevrimdışı

Mesajlar: 60
Konular: 11
Katılma Tarihi: Mar 2012
Rep Puanı: 0
Teşekkürler: 48
7 Mesajına, 7 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 04-18-2014 07:14 PM
(04-18-2014 07:07 PM)Kiroglumarket Yazılan:  uyarlanir nasıl ve ne şekilde kulanmak istiyorsunuz

hocam evvela cevabınız için Allah razı olsun.
anasayfadaki slayt altında ilk resimdeki gibi facebook resmi ve birkaç kelime yazı ile facebook sayfasına yönlendirme, çalışmış olduğumuz sektör ile ilgili bilgilendirme sayfaları var onların site içerisinde reklamını yapıp sitedeki yerine yönlendirme gibi yanyana bir nevi limitsiz html modülü gibi kullanıcak şekilde
Alıntı Yaparak Cevapla
Paylaş!
Kıroğlumarketv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 2,964
Konular: 474
Katılma Tarihi: Jan 2012
Rep Puanı: 93
Teşekkürler: 1106
964 Mesajına, 1977 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 04-18-2014 07:23 PM
anladığım kadarı ile yan yana 3 kutu ve üzerine gelince bu şekilde görünüm istiyorsunuz değil mi?
Kıroğlumarket
Alıntı Yaparak Cevapla
Paylaş!
opencart temaları
cesm-i_asikv
Üye
***
Üye user avatar
Çevrimdışı

Mesajlar: 60
Konular: 11
Katılma Tarihi: Mar 2012
Rep Puanı: 0
Teşekkürler: 48
7 Mesajına, 7 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 04-18-2014 07:24 PM
(04-18-2014 07:23 PM)Kiroglumarket Yazılan:  anladığım kadarı ile yan yana 3 kutu ve üzerine gelince bu şekilde görünüm istiyorsunuz değil mi?

evet hocam aynen o şekilde kutu sayısı 4 te olabilir
Alıntı Yaparak Cevapla
Paylaş!
Kıroğlumarketv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 2,964
Konular: 474
Katılma Tarihi: Jan 2012
Rep Puanı: 93
Teşekkürler: 1106
964 Mesajına, 1977 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 04-18-2014 08:45 PM
deneme yanılma yöntemiyle csste resim yollarını klendin belirle tpl dosyasında ise manuel olarak bilgilerini gir işlem tamamdır.

css dosyanı aç :
catalog/view/theme/senintema/stylesheets/stylesheets.css

en alta ekle :

PHP Kod:
.view {
   
width205px;
   
height170px;
   
margin10px;
   
floatleft;
   
top:-12px;
   
border10px solid #fff;
   
overflowhidden;
   
positionrelative;
   
text-aligncenter;
   -
webkit-box-shadow1px 1px 2px #e6e6e6;
   
-moz-box-shadow1px 1px 2px #e6e6e6;
   
box-shadow1px 1px 2px #e6e6e6;
   
cursor: default;
   
background#fff url(../images/bgimg.jpg) no-repeat center center;
}
.
view .mask,.view .contentx {
   
width205px;
   
height170px;
   
positionabsolute;
   
overflowhidden;
   
top0;
   
left0;
}
.
view img {
   
displayblock;
   
positionrelative;
}
.
view h2 {
   
text-transformuppercase;
   
color#fff;
   
text-aligncenter;
   
positionrelative;
   
font-size17px;
   
padding10px;
   
backgroundrgba(0000.8);
   
margin20px 0 0 0;
}
.
view p {
   
font-familyGeorgiaserif;
   
font-styleitalic;
   
font-size10px;
   
positionrelative;
   
color#fff;
   
padding1px 2px 2px;
   
text-aligncenter;
}
.
view a.info {
   
displayinline-block;
   
text-decorationnone;
   
padding7px 14px;
   
background#000;
   
color#fff;
   
text-transformuppercase;
   -
webkit-box-shadow0 0 1px #000;
   
-moz-box-shadow0 0 1px #000;
   
box-shadow0 0 1px #000;
}
.
view a.infohover {
   -
webkit-box-shadow0 0 5px #000;
   
-moz-box-shadow0 0 5px #000;
   
box-shadow0 0 5px #000;
}

.
view-seventh img {
   -
webkit-transitionall 0.5s ease-out;
   -
moz-transitionall 0.5s ease-out;
   -
o-transitionall 0.5s ease-out;
   -
ms-transitionall 0.5s ease-out;
   
transitionall 0.5s ease-out;
   -
ms-filter"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   
filteralpha(opacity=100);
   
opacity1;
}
.
view-seventh .mask {
   
background-colorrgba(77,44,35,0.5);
   -
webkit-transformrotate(0degscale(1);
   -
moz-transformrotate(0degscale(1);
   -
o-transformrotate(0degscale(1);
   -
ms-transformrotate(0degscale(1);
   
transformrotate(0degscale(1);
   -
ms-filter"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   
filteralpha(opacity=0);
   
opacity0;
   -
webkit-transitionall 0.3s ease-out;
   -
moz-transitionall 0.3s ease-out;
   -
o-transitionall 0.3s ease-out;
   -
ms-transitionall 0.3s ease-out;
   
transitionall 0.3s ease-out;
}
.
view-seventh h2 {
   -
webkit-transformtranslateY(-200px);
   -
moz-transformtranslateY(-200px);
   -
o-transformtranslateY(-200px);
   -
ms-transformtranslateY(-200px);
   
transformtranslateY(-200px);
   -
webkit-transitionall 0.2s ease-in-out;
   -
moz-transitionall 0.2s ease-in-out;
   -
o-transitionall 0.2s ease-in-out;
   -
ms-transitionall 0.2s ease-in-out;
   
transitionall 0.2s ease-in-out;
}
.
view-seventh p {
   -
webkit-transformtranslateY(-200px);
   -
moz-transformtranslateY(-200px);
   -
o-transformtranslateY(-200px);
   -
ms-transformtranslateY(-200px);
   
transformtranslateY(-200px);
   -
webkit-transitionall 0.2s ease-in-out;
   -
moz-transitionall 0.2s ease-in-out;
   -
o-transitionall 0.2s ease-in-out;
   -
ms-transitionall 0.2s ease-in-out;
   
transitionall 0.2s ease-in-out;
}
.
view-seventh a.info {
   -
webkit-transformtranslateY(-200px);
   -
moz-transformtranslateY(-200px);
   -
o-transformtranslateY(-200px);
   -
ms-transformtranslateY(-200px);
   
transformtranslateY(-200px);
   -
webkit-transitionall 0.2s ease-in-out;
   -
moz-transitionall 0.2s ease-in-out;
   -
o-transitionall 0.2s ease-in-out;
   -
ms-transitionall 0.2s ease-in-out;
   
transitionall 0.2s ease-in-out;
}
.
view-seventh:hover img {
   -
webkit-transformrotate(720degscale(0);
   -
moz-transformrotate(720degscale(0);
   -
o-transformrotate(720degscale(0);
   -
ms-transformrotate(720degscale(0);
   
transformrotate(720degscale(0);
   -
ms-filter"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   
filteralpha(opacity=0);
   
opacity0;
}
.
view-seventh:hover .mask {
   -
ms-filter"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   
filteralpha(opacity=100);
   
opacity1;
   -
webkit-transformtranslateY(0pxrotate(0deg);
   -
moz-transformtranslateY(0pxrotate(0deg);
   -
o-transformtranslateY(0pxrotate(0deg);
   -
ms-transformtranslateY(0pxrotate(0deg);
   
transformtranslateY(0pxrotate(0deg);
   -
webkit-transition-delay0.4s;
   -
moz-transition-delay0.4s;
   -
o-transition-delay0.4s;
   -
ms-transition-delay0.4s;
   
transition-delay0.4s;
}
.
view-seventh:hover h2 {
   -
webkit-transformtranslateY(0px);
   -
moz-transformtranslateY(0px);
   -
o-transformtranslateY(0px);
   -
ms-transformtranslateY(0px);
   
transformtranslateY(0px);
   -
webkit-transition-delay0.7s;
   -
moz-transition-delay0.7s;
   -
o-transition-delay0.7s;
   -
ms-transition-delay0.7s;
   
transition-delay0.7s;
}
.
view-seventh:hover p {
   -
webkit-transformtranslateY(0px);
   -
moz-transformtranslateY(0px);
   -
o-transformtranslateY(0px);
   -
ms-transformtranslateY(0px);
   
transformtranslateY(0px);
   -
webkit-transition-delay0.6s;
   -
moz-transition-delay0.6s;
   -
o-transition-delay0.6s;
   -
ms-transition-delay0.6s;
   
transition-delay0.6s;
}
.
view-seventh:hover a.info {
   -
webkit-transformtranslateY(0px);
   -
moz-transformtranslateY(0px);
   -
o-transformtranslateY(0px);
   -
ms-transformtranslateY(0px);
   
transformtranslateY(0px);
   -
webkit-transition-delay0.5s;
   -
moz-transition-delay0.5s;
   -
o-transition-delay0.5s;
   -
ms-transition-delay0.5s;
   
transition-delay0.5s;


daha sonra sen slaytın altında olsun istemiştin

catalog/view/theme/senintema/template/module/slayt.tpl

</script> ten sonrasına ekle

PHP Kod:
<div class="main">
                <!-- 
SEVENTH EXAMPLE -->
                <
div class="view view-seventh">
                    <
img src="images/7.jpg" />
                    <
div class="mask">
                        <
h2>Hover Style #7</h2>
                        
<p>A wonderful serenity has taken possession of my entire soullike these sweet mornings of spring which I enjoy with my whole heart.</p>
                        <
a href="#" class="info">Read More</a>
                    </
div>
                </
div>
                <
div class="view view-seventh">
                    <
img src="images/3.jpg" />
                    <
div class="mask">
                        <
h2>Hover Style #7</h2>
                        
<p>A wonderful serenity has taken possession of my entire soullike these sweet mornings of spring which I enjoy with my whole heart.</p>
                        <
a href="#" class="info">Read More</a>
                    </
div>
                </
div>
                <
div class="view view-seventh">
                    <
img src="images/10.jpg" />
                    <
div class="mask">
                        <
h2>Hover Style #7</h2>
                        
<p>A wonderful serenity has taken possession of my entire soullike these sweet mornings of spring which I enjoy with my whole heart.</p>
                        <
a href="#" class="info">Read More</a>
                    </
div>
                </
div>
                <
div class="view view-seventh">
                    <
img src="images/14.jpg" />
                    <
div class="mask">
                        <
h2>Hover Style #7</h2>
                        
<p>A wonderful serenity has taken possession of my entire soullike these sweet mornings of spring which I enjoy with my whole heart.</p>
                        <
a href="#" class="info">Read More</a>
                    </
div>
                </
div>
            </
div>
        </
div>
        <
br /><br /><br /><br /><br /> 


Ekli Dosya(lar) Önizleme(ler)
Resmi Büyütmek İçin Tıklayın   
.rar images.rar Eklentiyi indir...
Boyut: 321.96 KB İndirme: 32
Telif Hakkı için Rapor Edin...
Kıroğlumarket
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: nokta , Gökhan TAYLAN , cesm-i_asik
cesm-i_asikv
Üye
***
Üye user avatar
Çevrimdışı

Mesajlar: 60
Konular: 11
Katılma Tarihi: Mar 2012
Rep Puanı: 0
Teşekkürler: 48
7 Mesajına, 7 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 04-19-2014 11:16 AM
hocam çok teşekkür ediyorum Allah razı olsun.
default temada hiçbir sıkıntı olmadan çok güzel bir şekilde çalışıyor hocam.
Resim görüntüleyici
lakin kullandığım crypto temada stylesheet dosyasında değişiklikleri yapınca tema tamamen bozuluyor onu nasıl düzeltebiliriz ?
Resim görüntüleyici
Resim görüntüleyici
Alıntı Yaparak Cevapla
Paylaş!
Kıroğlumarketv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 2,964
Konular: 474
Katılma Tarihi: Jan 2012
Rep Puanı: 93
Teşekkürler: 1106
964 Mesajına, 1977 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 04-19-2014 11:18 AM
link atarmısınız bi inceleyiniz.
Kıroğlumarket
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: fe_odaliz

« Önceki | Sonraki »
Cevapla  Gönder 

Resmin Üzerine Fare Gelince kutu içerisinde Yazı Çıkmas Konusunun Linki Direk Link
Resmin Üzerine Fare Gelince kutu içerisinde Yazı Çıkmas Konusunun HTML Kodu HTML Link
Resmin Üzerine Fare Gelince kutu içerisinde Yazı Çıkmas Konusu BBCode Linki BBCode Link
Resmin Üzerine Fare Gelince kutu içerisinde Yazı Çıkmas Konusunu Paylaş Sosyal Paylaş

Benzeyen Konular
Konu: Yazar Cevaplar: Gösterim: Son Mesaj
  [Modifikasyon] Ürün Gelince Haber Ver Modifikasyonu Kıroğlumarket 4 1,129 06-11-2016 03:05 PM
Son Mesaj: alicankalem
  Ürün Gelince Haber Ver Elentisi VQMOD Kıroğlumarket 12 4,420 12-27-2015 10:35 PM
Son Mesaj: ugurboran
  Bu kod hangi dosya içerisinde derya 6 826 09-11-2015 12:20 AM
Son Mesaj: derya
Exclamation Mesafeli satış sözleşmesi v.1.5.3.1 içindir ( Genel İstek Üzerine ) nokta 50 14,886 08-08-2015 11:02 AM
Son Mesaj: Tatari
  Ürün sayfası içersine yazı ekleme nasıl olur? ersev 3 1,061 07-07-2014 12:40 PM
Son Mesaj: ersev
  1.5.x Sepeti Mause Üstüne gelince açılması crea51 4 2,172 03-09-2014 05:14 AM
Son Mesaj: webbil
  [Çözüldü] Background üzerine sol ve sağ kesime dikey banner ekleme ? Teknokolik 2 1,217 02-01-2014 08:42 PM
Son Mesaj: Teknokolik
  Mesafeli satış sözleşmesi ( Genel İstek Üzerine ) fofotara 37 10,202 07-18-2013 02:54 PM
Son Mesaj: metehan
  Ürün sayfasında resimlerin üzerine gelindiğinde aktif etmek Kıroğlumarket 0 989 05-27-2013 09:01 PM
Son Mesaj: Kıroğlumarket
  [Modifikasyon] ürünlerin üzerine gelince kabarması kymk 2 1,633 03-04-2013 12:13 AM
Son Mesaj: kymk

Resmin Üzerine Fare Gelince kutu içerisinde Yazı Çıkmas indir, Resmin Üzerine Fare Gelince kutu içerisinde Yazı Çıkmas Videosu, Resmin Üzerine Fare Gelince kutu içerisinde Yazı Çıkmas online izle, Resmin Üzerine Fare Gelince kutu içerisinde Yazı Çıkmas Bedava indir, Resmin Üzerine Fare Gelince kutu içerisinde Yazı Çıkmas Yükle, Resmin Üzerine Fare Gelince kutu içerisinde Yazı Çıkmas Hakkında, Resmin Üzerine Fare Gelince kutu içerisinde Yazı Çıkmas nedir, Resmin Üzerine Fare Gelince kutu içerisinde Yazı Çıkmas Free indir, Resmin Üzerine Fare Gelince kutu içerisinde Yazı Çıkmas oyunu, Resmin Üzerine Fare Gelince kutu içerisinde Yazı Çıkmas download


Forum Atla: