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

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

Selamlar

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


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:


Sonuç ektedir.

(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.png) no-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.png) no-repeat; 
   ) 
<a 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.

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

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