seoseo
tr-opencart

     
avatar Şuanki Zaman: 12-04-2016, 06:55 AMHoşgeldin Misafir !
  Şifremi Hatırlat   kayıt ol
opencart temaları

Tema Geçiş rengi (gradient) kodu nereye ne şekilde eklenir

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  Vizyon - Görüntüleme - Okunma  1868 - Yorum  4

Vizyonv
Acemi Üye
**
Üye user avatar
Çevrimdışı

Mesajlar: 3
Konular: 1
Katılma Tarihi: Oct 2012
Rep Puanı: 0
Teşekkürler: 3
0 Mesajına, 0 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 11-01-2012 11:51 PM
Arkadaşlar merhaba opencart ile yeni tanışan birisiyim sanırım da geç kalmış bir kişiyim. Neyse zararın neresinden dönersen kardır derler bir web site yapmaya çalışıyorum tabiki opencart ile çok sorum olacak zamanla burada umarım cevapsız kalmaz ve yanıtlanır..

Bir çok sitede görüyorum daha doğrusu arka plan renklerinde görüyorum. Renk tonu degrade şeklinde oluyor yani bir rengin bir başka renge dönüşmesi esnasında oluşan renk geçişi. Koyudan açığı gibi..

bu renk tonunu mesela gerek arka planda olsun gerek ise üst menüde olsun istediğim bölümde css kodları ile nasıl yapabilirim. Yapmam gereken css kod nedir ayrıca bu kod exp. için ayrı mozilla için ayrı mı oluyor .. Bu konuda yardımlarınızı bekliyorum
Alıntı Yaparak Cevapla
Paylaş!
opencart temaları
ITECHINNv
Sadece PHP
****
Üye user avatar
Çevrimdışı

Mesajlar: 557
Konular: 17
Katılma Tarihi: May 2012
Rep Puanı: 15
Teşekkürler: 275
187 Mesajına, 328 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 11-02-2012 12:49 AM
Selamlar

Aradığınız anahtar kelime: CSS Onmouseover
Dosyamız

PHP Kod:
a.anasayfa 
   
background:url(resim/ilkresim.pngno-repeat;  //resim 1 kere getirildi
   
display:block//görüntülenmesi sağlandı
   
text-indent:-99px//link için yazı varsa gizlendi (butonların yazılı olduğu kanaatindeyim)
   
height:50px
   
width:50px
   } 
   
a:hover.anasayfa //hover ile üzerine gelince yapılacak işlemleri belirliyoruz
   
background:url(resim/ikinciresim.pngno-repeat
   ) 
<
class="anasayfa" href=index.html title="Anasayfa"></a

Bu şekilde değiştirebilirsiniz. Bu sadece basit bir örnektir. Buton olarak yapıldığı gibi tüm divlere de verilebilir.

Eğer ki tam anlamıyla gradient özelliğini kullanarak resim oluşturmak istiyorsanız:

Kod:
#gradientarkaplan{

  background-color: #1a82f7;
  background: url(resim/resim.png);
  background-repeat: repeat-x;
  
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727));
  
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #2F2727, #1a82f7);
  
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #2F2727, #1a82f7);
  
  /* IE 10 */
  background: -ms-linear-gradient(top, #2F2727, #1a82f7);
  
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #2F2727, #1a82f7);
}

Sonuç ektedir.


Ekli Dosya(lar) Önizleme(ler)
Resmi Büyütmek İçin Tıklayın   
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: nokta , Vizyon
Vizyonv
Acemi Üye
**
Üye user avatar
Çevrimdışı

Mesajlar: 3
Konular: 1
Katılma Tarihi: Oct 2012
Rep Puanı: 0
Teşekkürler: 3
0 Mesajına, 0 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 11-02-2012 11:20 AM
(11-02-2012 12:49 AM)ITECHINN Yazılan:  Selamlar

Aradığınız anahtar kelime: CSS Onmouseover
Dosyamız

PHP Kod:
a.anasayfa 
   
background:url(resim/ilkresim.pngno-repeat;  //resim 1 kere getirildi
   
display:block//görüntülenmesi sağlandı
   
text-indent:-99px//link için yazı varsa gizlendi (butonların yazılı olduğu kanaatindeyim)
   
height:50px
   
width:50px
   } 
   
a:hover.anasayfa //hover ile üzerine gelince yapılacak işlemleri belirliyoruz
   
background:url(resim/ikinciresim.pngno-repeat
   ) 
<
class="anasayfa" href=index.html title="Anasayfa"></a

Bu şekilde değiştirebilirsiniz. Bu sadece basit bir örnektir. Buton olarak yapıldığı gibi tüm divlere de verilebilir.

Eğer ki tam anlamıyla gradient özelliğini kullanarak resim oluşturmak istiyorsanız:

Kod:
#gradientarkaplan{

  background-color: #1a82f7;
  background: url(resim/resim.png);
  background-repeat: repeat-x;
  
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727));
  
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #2F2727, #1a82f7);
  
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #2F2727, #1a82f7);
  
  /* IE 10 */
  background: -ms-linear-gradient(top, #2F2727, #1a82f7);
  
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #2F2727, #1a82f7);
}

Sonuç ektedir.

ilginiz için teşekkür ediyorum fakat, opencart ın css dosyasında bu kodları nereye koymam gerekiyor ?
yani ben bu gradient kodunu;
hem header için
hem arka plan için
hem butonlar için
yani kısaca istediğim her bölümde AYRI AYRI kullanmak istiyorum. Bunu nasıl yapabilirim.
Alıntı Yaparak Cevapla
Paylaş!
bbbalkischv
OpenCart Sever
***
Üye user avatar
Çevrimdışı

Mesajlar: 59
Konular: 8
Katılma Tarihi: Feb 2012
Rep Puanı: 0
Teşekkürler: 4
13 Mesajına, 14 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 11-02-2012 02:08 PM
verilen kodu #xxx olan kısmını gerekli kısım için değiştirerek istediğiniz yerlerde kullanabilirsiniz...

stylesheet dosyasına ... /catalog/view/theme/sizintemanız/stylesheet/stylesheet.css yolu ile ulaşabilirsiniz...

işinizin kolaylaşması için mozilla firefox firefbug eklentisini kullanarak değiştirmek istediğiniz kısmın üzerine gelip sağ kısımda değiştirmeniz gereken css başlıklarına ulaşabilirsiniz...

Kolay Gelsin
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: Vizyon
Vizyonv
Acemi Üye
**
Üye user avatar
Çevrimdışı

Mesajlar: 3
Konular: 1
Katılma Tarihi: Oct 2012
Rep Puanı: 0
Teşekkürler: 3
0 Mesajına, 0 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 11-02-2012 05:07 PM
saolasın deneyip sonucu buraya yazacağım ve benim gibi ihtiyacı olan kişilerin faydalanmasını saylayacağım

edit

denenmiştir. uygulama başarılı tekrar saolasın
Alıntı Yaparak Cevapla
Paylaş!

« Önceki | Sonraki »
Cevapla  Gönder 

Geçiş rengi (gradient) kodu nereye ne şekilde eklenir Konusunun Linki Direk Link
Geçiş rengi (gradient) kodu nereye ne şekilde eklenir Konusunun HTML Kodu HTML Link
Geçiş rengi (gradient) kodu nereye ne şekilde eklenir Konusu BBCode Linki BBCode Link
Geçiş rengi (gradient) kodu nereye ne şekilde eklenir Konusunu Paylaş Sosyal Paylaş

Benzeyen Konular
Konu: Yazar Cevaplar: Gösterim: Son Mesaj
  Diğer Tarayıcılarda sorun yok İE de sayfalar arası geçiş yok derya 0 259 09-19-2015 02:44 PM
Son Mesaj: derya
  Payu Havale Kodu burak55 0 367 07-03-2015 03:51 PM
Son Mesaj: burak55
Sad Opencart 2.0 Diller arası geçiş yapmıyor. ateschh 2 522 03-18-2015 09:44 AM
Son Mesaj: ateschh
  siteyi googlede bu şekilde gösterme can.55 1 632 12-24-2014 12:53 PM
Son Mesaj: Kıroğlumarket
  üst kategori arka plan rengi nasıl değiştirebilirim gulum 1 663 12-24-2014 11:35 AM
Son Mesaj: can.55
Wink Otomatik seo urlye ürün kodu ekleme text_35 1 798 09-04-2014 03:29 PM
Son Mesaj: noslabs
  Yeniden Pazarlama Etiketi için Google Kodu Hakkında devilmaycry 2 1,123 08-24-2014 03:05 PM
Son Mesaj: devilmaycry
  Ürün fotoğrafları popup şekilde açılmıyor marcelo 0 643 07-22-2014 05:45 PM
Son Mesaj: marcelo
  Takip et butonu için modül kodu !! Acill alperen43 0 555 06-02-2014 10:26 PM
Son Mesaj: alperen43
  Havale/Eft modülünde sipariş kodu oluşturma Kriptografi 5 1,234 04-25-2014 01:46 PM
Son Mesaj: Kriptografi

Geçiş rengi (gradient) kodu nereye ne şekilde eklenir indir, Geçiş rengi (gradient) kodu nereye ne şekilde eklenir Videosu, Geçiş rengi (gradient) kodu nereye ne şekilde eklenir online izle, Geçiş rengi (gradient) kodu nereye ne şekilde eklenir Bedava indir, Geçiş rengi (gradient) kodu nereye ne şekilde eklenir Yükle, Geçiş rengi (gradient) kodu nereye ne şekilde eklenir Hakkında, Geçiş rengi (gradient) kodu nereye ne şekilde eklenir nedir, Geçiş rengi (gradient) kodu nereye ne şekilde eklenir Free indir, Geçiş rengi (gradient) kodu nereye ne şekilde eklenir oyunu, Geçiş rengi (gradient) kodu nereye ne şekilde eklenir download


Forum Atla: