Opencart Türkiye Destek Sitesi ,E-Ticaret Yazılımı Destek Paylaşım Forumu

cesm-i_asik Tüm Mesajlarını Bul · Konu Tarihi: **04-18-2014 06:21 PM**

http://i.hizliresim.com/XWBa1.png

http://i.hizliresim.com/XWBaa.png

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

e-ticaretdersleri Tüm Mesajlarını Bul · Konu Tarihi: **04-18-2014 06:48 PM**

http://tympanus.net/Tutorials/OriginalHo...ndex7.html

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

cesm-i_asik Tüm Mesajlarını Bul · 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

e-ticaretdersleri Tüm Mesajlarını Bul · Konu Tarihi: **04-18-2014 07:07 PM**

uyarlanir nasıl ve ne şekilde kulanmak istiyorsunuz

cesm-i_asik Tüm Mesajlarını Bul · 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

e-ticaretdersleri Tüm Mesajlarını Bul · 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?

cesm-i_asik Tüm Mesajlarını Bul · 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

e-ticaretdersleri Tüm Mesajlarını Bul · 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 {
   width: 205px;
   height: 170px;
   margin: 10px;
   float: left;
   top:-12px;
   border: 10px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff url(../images/bgimg.jpg) no-repeat center center;
}
.view .mask,.view .contentx {
   width: 205px;
   height: 170px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 10px;
   position: relative;
   color: #fff;
   padding: 1px 2px 2px;
   text-align: center;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

.view-seventh img {
   -webkit-transition: all 0.5s ease-out;
   -moz-transition: all 0.5s ease-out;
   -o-transition: all 0.5s ease-out;
   -ms-transition: all 0.5s ease-out;
   transition: all 0.5s ease-out;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-seventh .mask {
   background-color: rgba(77,44,35,0.5);
   -webkit-transform: rotate(0deg) scale(1);
   -moz-transform: rotate(0deg) scale(1);
   -o-transform: rotate(0deg) scale(1);
   -ms-transform: rotate(0deg) scale(1);
   transform: rotate(0deg) scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   -ms-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
}
.view-seventh h2 {
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-seventh p {
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-seventh a.info {
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-seventh:hover img {
   -webkit-transform: rotate(720deg) scale(0);
   -moz-transform: rotate(720deg) scale(0);
   -o-transform: rotate(720deg) scale(0);
   -ms-transform: rotate(720deg) scale(0);
   transform: rotate(720deg) scale(0);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-seventh:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px) rotate(0deg);
   -moz-transform: translateY(0px) rotate(0deg);
   -o-transform: translateY(0px) rotate(0deg);
   -ms-transform: translateY(0px) rotate(0deg);
   transform: translateY(0px) rotate(0deg);
   -webkit-transition-delay: 0.4s;
   -moz-transition-delay: 0.4s;
   -o-transition-delay: 0.4s;
   -ms-transition-delay: 0.4s;
   transition-delay: 0.4s;
}
.view-seventh:hover h2 {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.7s;
   -moz-transition-delay: 0.7s;
   -o-transition-delay: 0.7s;
   -ms-transition-delay: 0.7s;
   transition-delay: 0.7s;
}
.view-seventh:hover p {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.6s;
   -moz-transition-delay: 0.6s;
   -o-transition-delay: 0.6s;
   -ms-transition-delay: 0.6s;
   transition-delay: 0.6s;
}
.view-seventh:hover a.info {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.5s;
   -moz-transition-delay: 0.5s;
   -o-transition-delay: 0.5s;
   -ms-transition-delay: 0.5s;
   transition-delay: 0.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 soul, like 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 soul, like 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 soul, like 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 soul, like 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 /> 

cesm-i_asik Tüm Mesajlarını Bul · 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.

http://i.hizliresim.com/rLQZEM.png

lakin kullandığım crypto temada stylesheet dosyasında değişiklikleri yapınca tema tamamen bozuluyor onu nasıl düzeltebiliriz ?

http://i.hizliresim.com/LPa1Q1.png

http://i.hizliresim.com/ZND7Oa.png

e-ticaretdersleri Tüm Mesajlarını Bul · Konu Tarihi: **04-19-2014 11:18 AM**

link atarmısınız bi inceleyiniz.


Direk Link
HTML Link
BBCode Link
Sosyal Paylaş	Sabah net google facebook digg twiter yahoo mixx stumbleupon delicious reddit myspace friendfeed google buzz linkedin

Benzeyen Konular
Konu:		Yazar	Cevaplar:	Gösterim:	Son Mesaj
	Ürün sayfasında resimlerin üzerine gelindiğinde aktif etmek	e-ticaretdersleri	1	7,048	04-28-2021 05:14 AM Son Mesaj: goker1
	latest.tlp ile anasayfadaki ürünlre tıklayınca resmin büyümesi	mukoonline	0	909	07-26-2019 02:18 PM Son Mesaj: mukoonline
	span text_title kodu ile farklı dillerde aynı yere bir yerde yazı ekleme	cokasi	2	1,602	02-05-2018 09:55 AM Son Mesaj: cokasi
	[Modifikasyon] Ürün Gelince Haber Ver Modifikasyonu	e-ticaretdersleri	4	4,414	06-11-2016 03:05 PM Son Mesaj: alicankalem
	Ürün Gelince Haber Ver Elentisi VQMOD	e-ticaretdersleri	12	10,784	12-27-2015 10:35 PM Son Mesaj: ugurboran
	Bu kod hangi dosya içerisinde	derya	6	4,994	09-11-2015 12:20 AM Son Mesaj: derya
	Mesafeli satış sözleşmesi v.1.5.3.1 içindir ( Genel İstek Üzerine )	nokta	50	65,983	08-08-2015 11:02 AM Son Mesaj: Tatari
	Ürün sayfası içersine yazı ekleme nasıl olur?	ersev	3	3,770	07-07-2014 12:40 PM Son Mesaj: ersev
	1.5.x Sepeti Mause Üstüne gelince açılması	crea51	4	4,898	03-09-2014 05:14 AM Son Mesaj: webbil
	[Çözüldü] Background üzerine sol ve sağ kesime dikey banner ekleme ?	Teknokolik	2	3,326	02-01-2014 08:42 PM Son Mesaj: Teknokolik

	Şuanki Zaman: 11-16-2024, 02:21 AMHoşgeldin Misafir !
	Beni Hatırla Şifremi Hatırlat

« Önceki \| Sonraki »
Sayfa (2): 1 2 Sonraki »

Opencart Türkiye Destek Sitesi ,E-Ticaret Yazılımı Destek Paylaşım Forumu

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