Yazı Boyutunu ve Rengini Değiştirme

admin

Administrator
Yönetici
Katılım
13 Ağu 2009
Mesajlar
3,208
Tepkime puanı
1
Puanları
38
Yaş
36
Konum
Bursa
Web sitesi
www.opencart-tr.com
catalog\view\theme\default\stylesheet\stylesheet.css dosyasında bul

Sitedeki linkler için bulun ve renk değerlerini kendi isteğinize göre değiştirin.
Kod:
a, a:visited {
	color: #1B57A3;

Kategori için
Kod:
#category ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
	padding-left: 12px;
	list-style: url('../image/bullet_1.png');
}

Renk kodlarını kendinize göre değiştirin.

Rengini değiştirmek için sonrasına ekle
Kod:
#category li a {
    color:#0C6;
}

Kategori üzerine gelindiğinde rengini değiştirmek için
Kod:
#category li a:hover {
    color:#CC6;
}

Kalınlaştırmak için sonrasına ekle
Kod:
#category li {
    font-weight:bold;
}
 

GENERAL

OpenCart-TR
Katılım
18 Ocak 2010
Mesajlar
80
Tepkime puanı
0
Puanları
0
Yaş
39
Web sitesi
www.musterisepeti.com
Re: Kategori Renklerini Değiştirme

Konuya ek bir soru

Kategorileri bu şekilde nasıl yapabiliriz

http://www.turkgamecenter.com
 

devrimce

OpenCart-TR
Katılım
10 Şub 2010
Mesajlar
18
Tepkime puanı
0
Puanları
0
Re: Kategori Renklerini Değiştirme

bir html modulü içine basit java menu kodları eklenmiş ancak büyük ihtimalle kategori yolları ve linkler elle manuel düzenlenmiş olmalı ... benzer bir çalışmayı ben yapıcam bitince paylaşıorım .
 

admin

Administrator
Yönetici
Katılım
13 Ağu 2009
Mesajlar
3,208
Tepkime puanı
1
Puanları
38
Yaş
36
Konum
Bursa
Web sitesi
www.opencart-tr.com
Re: Kategori Renklerini Değiştirme

Burada css kodlarını bulabilirsin

http://www.dynamicdrive.com/style/csslibrary/item/arrow_bullet_list_menu
 

zerodegree

OpenCart-TR
Katılım
9 Şub 2010
Mesajlar
12
Tepkime puanı
0
Puanları
0
Re: Kategori Renklerini Değiştirme

bu kodları nereye eklememiz gerekiyor. stylesheet.css dosyasıınamı acaba?
 

GENERAL

OpenCart-TR
Katılım
18 Ocak 2010
Mesajlar
80
Tepkime puanı
0
Puanları
0
Yaş
39
Web sitesi
www.musterisepeti.com
Re: Kategori Renklerini Değiştirme

eka7a' Alıntı:
Burada css kodlarını bulabilirsin

http://www.dynamicdrive.com/style/csslibrary/item/arrow_bullet_list_menu

Verdiğin sitede çok hoş menüler buldum ama zerodegree kardeşinde dediği gibi kısa bir açıklaması varsa..Siteye nasıl uygularız?
 

kadan_adam

OpenCart-TR
Katılım
29 Mar 2010
Mesajlar
20
Tepkime puanı
0
Puanları
0
Yaş
42
RE: Kategori Renklerini Değiştirme

evet bu konu cok önemli :)) bende tam bilmiyorum nereye eklenicek acaba css. tamamda diğer html kod dediği zaman bizde hangi php eklenicek
 

mirac

OpenCart-TR
Katılım
7 Şub 2010
Mesajlar
1,383
Tepkime puanı
0
Puanları
0
Yaş
40
Konum
Beykoz____
Web sitesi
www.notebook-cantasi.com
RE: Kategori Renklerini Değiştirme

Temanızın css dosyasını bulun.. Alttaki değişikliği yapın.. Eminim size yol gösterecektir.. Kendi temamda çalışma örneğim bu.. Blockları sağ tarafta kullandığım için resim ters gözükecektir.. Kendinize göre düzenleyin.. Özel bi tema olduğu için paylaşmayı şuan düşünmüyorum ama bu soruna bi çözüm kaynağı olur kanaatindeyim:) Resmi temanızın image klasörüne atın..

catalog\view\theme\default\stylesheet\stylesheet.css aç..

Bul..
Kod:
#category ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
	padding-left: 12px;
	list-style: url('../image/bullet_1.png');
}

Değiştir..
Kod:
#category ul {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 0px;
	list-style: none;
	margin-left: 0px;
}
#category ul a {
	padding-left: 14px;
	text-decoration: none;
}
#category ul li {
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url(../image/menubk.png);
}
#category ul li:hover{
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url(../image/menubk2.png);
	background-repeat: repeat-x;
}
#category ul li a:hover{
	color: #FFFFFF;
	font-weight: bold;
}
 

dangerous34

OpenCart-TR
Katılım
25 May 2010
Mesajlar
31
Tepkime puanı
0
Puanları
0
RE: Kategori Yazı Boyutunu ve Rengini Değiştirme

merhabalar katagori genel rengi font size ile ilgili deyil benim sordugum ben ana katagoriyi kalın alt katagorilerinde rengini farklı yapıcam

örnek
Desktops KALIN OLCAK
PC NORMAL MAVİ
Mac NORMAL YEŞIL

Gibi bir örnek yapıp anlatırsanız sevinirim

RE: Kategori Yazı Boyutunu ve Rengini Değiştirme
merhabalar katagori genel rengi font size ile ilgili deyil benim sordugum ben ana katagoriyi kalın alt katagorilerinde rengini farklı yapıcam

örnek
Desktops KALIN OLCAK
PC NORMAL MAVİ
Mac NORMAL YEŞIL

Gibi bir örnek yapıp anlatırsanız sevinirim
 

MAXHBMAX

OpenCart-TR
Katılım
14 Eki 2010
Mesajlar
21
Tepkime puanı
0
Puanları
0
RE: Kategori Yazı Boyutunu ve Rengini Değiştirme

arkadaşım verdiğin siteden resimleri indiremiyoruz nereden indirebiliriz acaba
 

testere34

OpenCart-TR
Katılım
28 Eyl 2010
Mesajlar
46
Tepkime puanı
0
Puanları
0
RE: Kategori Yazı Boyutunu ve Rengini Değiştirme

Sitenin sağ en üstündeki

( Üye Girişi Kampanyalar Siteyi Ekle Site Haritası )


yukarıdakilerin renk ayarlarini beyaz yapmak istiyorum mavi ekranda mavi yazı tonu güzel durmuyor bunu nerden değiştirebilirim? kodalanlarini bulamaidm yardımcı olurmusunuz?
 

mirac

OpenCart-TR
Katılım
7 Şub 2010
Mesajlar
1,383
Tepkime puanı
0
Puanları
0
Yaş
40
Konum
Beykoz____
Web sitesi
www.notebook-cantasi.com
RE: Kategori Yazı Boyutunu ve Rengini Değiştirme

testere34' Alıntı:
Sitenin sağ en üstündeki

( Üye Girişi Kampanyalar Siteyi Ekle Site Haritası )


yukarıdakilerin renk ayarlarini beyaz yapmak istiyorum mavi ekranda mavi yazı tonu güzel durmuyor bunu nerden değiştirebilirim? kodalanlarini bulamaidm yardımcı olurmusunuz?

Kullandığın temanın cs'ini açıp div3 satırına color: #white; kodunu ekleyebilirsin..
 

Serseri03

OpenCart-TR
Katılım
22 Eyl 2010
Mesajlar
40
Tepkime puanı
0
Puanları
0
RE: Kategori Yazı Boyutunu ve Rengini Değiştirme

Ben bunu kategorilerde ve bilgilerde yaptım fakat...
Bunu yeni ürün,özel ürün, alışveriş sepeti vb yerlerde de yapabiliyomuyuz?
 

admin

Administrator
Yönetici
Katılım
13 Ağu 2009
Mesajlar
3,208
Tepkime puanı
1
Puanları
38
Yaş
36
Konum
Bursa
Web sitesi
www.opencart-tr.com
RE: Kategori Yazı Boyutunu ve Rengini Değiştirme

Şu yazının rengini buranın rengini nasıl değiştireceğinizi sormak yerine css dosyasını kurcalayarak deneme yanılma yöntemiyle yapmak istediğinizi yapabilirsiniz.
 

Serseri03

OpenCart-TR
Katılım
22 Eyl 2010
Mesajlar
40
Tepkime puanı
0
Puanları
0
RE: Kategori Yazı Boyutunu ve Rengini Değiştirme

denedim tabii ki :)
ama anca bilgileri bulabildim :D
diğerlerini göremedim, kim ne olarak nasıl hangi isimle geçiyor pek bilmiyorum o yüzden.
1 kaç yerin altına koydum bu kodları hiç bi değişiklik görmedim...
ama yine de denerim...
kategoriler ve bilgiler de başarılı sonuç aldım o yüzden bu güzel konu için teşekkürler...
 

handmade

OpenCart-TR
Katılım
7 Kas 2010
Mesajlar
12
Tepkime puanı
0
Puanları
0
RE: Kategori Yazı Boyutunu ve Rengini Değiştirme

mirac nicli sayın moderatör arkadaşım css kodları vermişsiniz ama menubk isimli resmi eklememişsiniz kodlar için teşekkürler resmi eklerseniz sevinirim.

mirac' Alıntı:
Temanızın css dosyasını bulun.. Alttaki değişikliği yapın.. Eminim size yol gösterecektir.. Kendi temamda çalışma örneğim bu.. Blockları sağ tarafta kullandığım için resim ters gözükecektir.. Kendinize göre düzenleyin.. Özel bi tema olduğu için paylaşmayı şuan düşünmüyorum ama bu soruna bi çözüm kaynağı olur kanaatindeyim:) Resmi temanızın image klasörüne atın..

catalog\view\theme\default\stylesheet\stylesheet.css aç..

Bul..
Kod:
#category ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
	padding-left: 12px;
	list-style: url('../image/bullet_1.png');
}

Değiştir..
Kod:
#category ul {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 0px;
	list-style: none;
	margin-left: 0px;
}
#category ul a {
	padding-left: 14px;
	text-decoration: none;
}
#category ul li {
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url(../image/menubk.png);
}
#category ul li:hover{
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url(../image/menubk2.png);
	background-repeat: repeat-x;
}
#category ul li a:hover{
	color: #FFFFFF;
	font-weight: bold;
}

mirac nicli sayın moderatör arkadaşım css kodları vermişsiniz ama menubk isimli resmi eklememişsiniz kodlar için teşekkürler resmi eklerseniz sevinirim.
 

mirac

OpenCart-TR
Katılım
7 Şub 2010
Mesajlar
1,383
Tepkime puanı
0
Puanları
0
Yaş
40
Konum
Beykoz____
Web sitesi
www.notebook-cantasi.com
RE: Kategori Yazı Boyutunu ve Rengini Değiştirme

O anki soruna yol göstersin diye bir çözüm olarak sunmuştum o yüzden paylaşmadım diye hatırlıyorum resimleri.. Şuanda yedeğim olmadığı için hangi resim olduğunu bile hatırlamıyorum.. Kendiniz bir resim oluşturup temanıza uyarlayın artık..
 

sener_izmir

OpenCart-TR
Katılım
1 Ara 2010
Mesajlar
5
Tepkime puanı
0
Puanları
0
RE: Kategori Yazı Boyutunu ve Rengini Değiştirme

Merhaba Arkadaşlar cssleri denedim ama komple renk değişiyor sadece alt kategori renklerini nasıl değiştirebilirz. yardımcı olan olursa şimdiden teşekkürler

category.jpg
 

hikko

OpenCart-TR
Katılım
15 Kas 2010
Mesajlar
292
Tepkime puanı
0
Puanları
0
RE: Kategori Yazı Boyutunu ve Rengini Değiştirme

GENERAL' Alıntı:
Konuya ek bir soru

Kategorileri bu şekilde nasıl yapabiliriz

http://www.turkgamecenter.com
kardeş popup menü var onu kullanabilrisin böyle görünmesi için alt kategori atamazsan sitedeki gibi görünür
 

hiyao

OpenCart-TR
Katılım
6 Ocak 2011
Mesajlar
8
Tepkime puanı
0
Puanları
0
RE: Kategori Yazı Boyutunu ve Rengini Değiştirme

Serseri03' Alıntı:
Ben bunu kategorilerde ve bilgilerde yaptım fakat...
Bunu yeni ürün,özel ürün, alışveriş sepeti vb yerlerde de yapabiliyomuyuz?

Ben de kategorilerde yapabildim yalnız bilgiler modulunu kapatmıştım, anasayfa, üye girişi, hesabım..... başlıklarının olduğu headerın üstünde(sayfada en sağ üstte) gözükür şekilde tutmuştum, şimdi stylesheet.css dosyasında information ul'nin altına color ekleme yaptığımda haliyle olmadı, acaba o üst kısmın rengini değiştirmek için ne yapmak gerekiyor? Sizin dediğiniz yeni ürün vs'nin yazı rengini bir de anasayfa, üye girişi, hesabım... kısımlarının olduğu yerdeki yazı rengini nasıl değiştirebiliyoruz acaba ben de bulamadım onu deniyorum ama. Yardımcı olabilecek varsa çok sevinirim.

*****

Çözümü buldum: anasayfa, üye girişi, hesabım... başlıklarının olduğu kısmın yazı rengi, karakteri vs. düzenlemesini

yine stylesheet.css dosyasında

#navigator li a {
...
}

kısmından yapabiliyoruz.

Bu kısmın üstündeki bahsettiğim bilgi sayfaları kısmını da

#header .infomation a {
...
}

kısmından yapabiliyoruz.
 
Üst