seo
tr-opencart

     
avatar Şuanki Zaman: 07-29-2017, 02:41 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  2311 - 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, 329 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
  [Mod] Revolution Slider Klasörünü Nereye Yükleyeceğim? byinter 0 145 05-28-2017 07:09 PM
Son Mesaj: byinter
  Üst Kategoriler Başlıklarda Html Kodu Kullanma Hakkında byoracle 0 74 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 337 09-19-2015 02:44 PM
Son Mesaj: derya
  Payu Havale Kodu burak55 0 496 07-03-2015 03:51 PM
Son Mesaj: burak55
Sad Opencart 2.0 Diller arası geçiş yapmıyor. ateschh 2 677 03-18-2015 09:44 AM
Son Mesaj: ateschh
  siteyi googlede bu şekilde gösterme can.55 1 863 12-24-2014 12:53 PM
Son Mesaj: Kıroğlumarket
  üst kategori arka plan rengi nasıl değiştirebilirim gulum 1 807 12-24-2014 11:35 AM
Son Mesaj: can.55
Wink Otomatik seo urlye ürün kodu ekleme text_35 1 1,152 09-04-2014 03:29 PM
Son Mesaj: noslabs
  Yeniden Pazarlama Etiketi için Google Kodu Hakkında devilmaycry 2 1,405 08-24-2014 03:05 PM
Son Mesaj: devilmaycry
  Ürün fotoğrafları popup şekilde açılmıyor marcelo 0 770 07-22-2014 05:45 PM
Son Mesaj: marcelo

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: