tr-opencart

     
avatar Şuanki Zaman: 07-23-2021, 05:44 PMHoş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  4368 - 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ş!
ITECHINNv
Sadece PHP
****
Üye user avatar
Çevrimdışı

Mesajlar: 557
Konular: 17
Katılma Tarihi: May 2012
Rep Puanı: 15
Teşekkürler: 275
189 Mesajına, 333 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
  com dan com.tr ye geçiş sedat48 1 310 06-04-2020 09:01 PM
Son Mesaj: ARD4
  Sayfa geçiş sırasında hata muratcuma 0 585 07-13-2019 02:34 PM
Son Mesaj: muratcuma
  Yanıp sönen menü kodu nasıl yaparım atlas14 0 763 06-03-2019 01:29 AM
Son Mesaj: atlas14
  Tawk.to 3.x İçin Kod Nereye Eklenmeyidir? takalar112 1 1,138 02-23-2019 04:30 PM
Son Mesaj: teknohiz
  Opencart 1.5.6'da aldığım hata kodu djcuneyt 2 1,082 02-26-2018 10:23 AM
Son Mesaj: osdem66
  [Mod] Revolution Slider Klasörünü Nereye Yükleyeceğim? byinter 0 1,633 05-28-2017 07:09 PM
Son Mesaj: byinter
  Üst Kategoriler Başlıklarda Html Kodu Kullanma Hakkında byoracle 0 1,153 04-12-2017 10:47 PM
Son Mesaj: byoracle
  Diğer Tarayıcılarda sorun yok İE de sayfalar arası geçiş yok derya 0 1,349 09-19-2015 02:44 PM
Son Mesaj: derya
  Payu Havale Kodu burak55 0 1,497 07-03-2015 03:51 PM
Son Mesaj: burak55
Sad Opencart 2.0 Diller arası geçiş yapmıyor. ateschh 2 2,089 03-18-2015 09:44 AM
Son Mesaj: ateschh

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: