Modül basliklari - css - arkaplan

[oztepclub]

Arkadasar stylesheet te bütün modüller icin ayni class kullanilmis, modül baslik arkaplani degistirdigimde hepsinin birden degisiyor. Box.top background. Ben ama ayri ayri yapmak istiyorum, mesela bütün modüllerin basliklari siyah ise , sadece sepetin basligini mavi yapmak istiyorum(yaziyi degil) Bunu nasil yapabilirim ?

 

[mdogan35]

Her modüldeki div taglarını kendine göre editleyerek farklı farklı görünümler elde edebilirsin. Örneğin Kategoriler bölümünü farklı yapmak istiyorsan modüller/category.tpl dosyasından editleyerek ve stylesheet.css dosyasındada bu editlediğin div taglarına farklı komutlar verebilirsin.

 

[oztepclub]

Her modüldeki div taglarını kendine göre editleyerek farklı farklı görünümler elde edebilirsin. Örneğin Kategoriler bölümünü farklı yapmak istiyorsan modüller/category.tpl dosyasından editleyerek ve stylesheet.css dosyasındada bu editlediğin div taglarına farklı komutlar verebilirsin.

Tesekkürler fakat bu tpl de basliyor benim sorunlarim hocam Mesela category.tpl de söyle bir kod var ;

<div class="box">
<div class="top"><img src="catalog/view/theme/default2/image/category.png" alt="" /><?php echo $heading_title; ?></div>
<div id="category" class="middle"><?php echo $category; ?></div>
<div class="bottom">&nbsp;</div>
</div>


Simdi burdaki box , top, bottom vs. stylesheet te bütün modüller icin kullanilmis. Simdi ben stylesheet te yenilerini yapsam, box1, top1 vs. gibi, bu tpl dosyasinda classlarin isimlerini ona göre degistirmemmi gerekiyor ?

 

[mdogan35]

Evet aynen dediğin gibi bunları box1 box2 diye değiştirip stylesheet.css dosyasına bu şekilde ekleyerek farklı komutlar ile her birine ayrı görünüm verebilirsin...
<div class="box1"></div>
css dosyasındada #box1 { background: image1.jpg; repeat x }
<div class="box2"></div>
css dosyasındada #box2 { background: image2.jpg; repeat x }
gibi yapabilirsin...

 

[osdem66]

En basit yolu arkadaşın dedigi gibi div tag lerini farklı isimler derdikten sonra css icindeki box class ve id lerini hepsini kopyala en alta yapıştır modül sayısı kadar bunu tekrarla ve o box claslarına da box1 box2 box2 seklinde isimlendir ayrıca modüllerin içindeki box div taglerinide aynı sekilde box1 box2 box3 olarak isimlendir.Kısacası kopyala yapıştır mantıgı ile css leri coğalt, box clas isimlerini ve modül div taglerini her modüle göre birbirne uymlu sekilde isimlendir.sonrada box1 box2 box 3.... vsvs leri istediğin renk ve seceneklere göre editle...

 

[oztepclub]

En basit yolu arkadaşın dedigi gibi div tag lerini farklı isimler derdikten sonra css icindeki box class ve id lerini hepsini kopyala en alta yapıştır modül sayısı kadar bunu tekrarla ve o box claslarına da box1 box2 box2 seklinde isimlendir ayrıca modüllerin içindeki box div taglerinide aynı sekilde box1 box2 box3 olarak isimlendir.Kısacası kopyala yapıştır mantıgı ile css leri coğalt, box clas isimlerini ve modül div taglerini her modüle göre birbirne uymlu sekilde isimlendir.sonrada box1 box2 box 3.... vsvs leri istediğin renk ve seceneklere göre editle...

Hocam ikinizede tesekkürler tam ögrenmek istedigim buydu, bir sorum daha olacak, bu boxlarin altindaki top, bottom vs gibi classlarida top2, bottom2 seklinde cogaltmam gerekiyor degilmi ?

 

[osdem66]

evet aynen çoğaltıp isimlendirmelisin box id dir bottom middle vs vs lerde box id sinin claslarıdır..

 

[oztepclub]

evet aynen çoğaltıp isimlendirmelisin box id dir bottom middle vs vs lerde box id sinin claslarıdır..

Tamamdir hocam tekrar cok tesekkürler.