Header düzenleme-yardim

oztepclub

OpenCart-TR
Katılım
4 May 2011
Mesajlar
52
Tepkime puanı
0
Puanları
0
Selam arkadaslar, daha forumda yeniyim. Temamdaki header kismini düzenlemek istiyorum. Headerin alt tarafinda olan, anasayfa, hesabim vs. menüsünü , headerin en yukarisina koymak istiyorum, baska linklerde eklemek istiyorum. Header kismina arka plan resmi koymak istiyorum. Bütün bu anlattiklarim mümkünmü ? Nasil yapabilirim?
 

afroma

For a good time, one night only
Katılım
9 Ara 2009
Mesajlar
156
Tepkime puanı
0
Puanları
16
Yaş
41
Konum
Usa
Web sitesi
meettomy.site
header.tpl ve CSS dosyasındaki header ile ilgili div alanlarını düzenleyerek yapabilirsin. Ama tabii direkt "al bunlar kodlar" şeklinde vermek zor. Çizerek anlatırsan ne yapmak istediğini ve tek tek söylersen ona göre yol gösterilebilir.
 

georgiaes

OpenCart-TR
Katılım
16 May 2011
Mesajlar
10
Tepkime puanı
0
Puanları
0
arkadaslar bana yardımcı olur mudsunuz yaa bir türlü tema yükleyemiyrum yükledim bu temayi
"Notice: Undefined variable: keywords in /home/bahadiri/public_html/test/catalog/view/theme/asel_mavi/template/common/header.tpl on line 6 " hata veriyor her tema yüklemesinde yardımcı olursanız sevinirim
 

oztepclub

OpenCart-TR
Katılım
4 May 2011
Mesajlar
52
Tepkime puanı
0
Puanları
0
afroma' Alıntı:
header.tpl ve CSS dosyasındaki header ile ilgili div alanlarını düzenleyerek yapabilirsin. Ama tabii direkt "al bunlar kodlar" şeklinde vermek zor. Çizerek anlatırsan ne yapmak istediğini ve tek tek söylersen ona göre yol gösterilebilir.

Tesekkürler hocam, asagidaki resimde elimden geldigi kadar belirtmeye calistim. Böyle birsey mümkünse, yardim eden olursa sevinirim.
5641.png
 

mdogan35

OpenCart-TR
Katılım
24 Ocak 2011
Mesajlar
111
Tepkime puanı
0
Puanları
16
Yaş
46
Konum
İzmir
Web sitesi
www.inokleen.com
Öncelikle CSS öğrnemenizi tavsiye ederim sen hayalini çiz biz yapalım olmaz malesef bu işler, forumda araştırmalar yaparsan bu konu ile ilgili 10 larca konu bulursun. Yüzlerce değişik tema var belki işine yarar birtane bulup kullanabilirsin.

İyi çalışmalar.
 

oztepclub

OpenCart-TR
Katılım
4 May 2011
Mesajlar
52
Tepkime puanı
0
Puanları
0
mdogan35' Alıntı:
Öncelikle CSS öğrnemenizi tavsiye ederim sen hayalini çiz biz yapalım olmaz malesef bu işler, forumda araştırmalar yaparsan bu konu ile ilgili 10 larca konu bulursun. Yüzlerce değişik tema var belki işine yarar birtane bulup kullanabilirsin.

İyi çalışmalar.

Hocam az cok css bilgim varda, bu isin icinden cikamadim. Mesela stylesheet te var olan class larda bir degisiklik yaptigim zaman hicbirsey degismiyor.Bunun nedenini anlayamadim. Birde yeni bir class ekledigim zaman, bunu header.tpl vb. gibi dosyalarada eklemem gerekiyor ve nasil ? Sadece bunlari ögrenmek istemistim.
 

mdogan35

OpenCart-TR
Katılım
24 Ocak 2011
Mesajlar
111
Tepkime puanı
0
Puanları
16
Yaş
46
Konum
İzmir
Web sitesi
www.inokleen.com
oztepclub' Alıntı:
mdogan35' Alıntı:
Öncelikle CSS öğrnemenizi tavsiye ederim sen hayalini çiz biz yapalım olmaz malesef bu işler, forumda araştırmalar yaparsan bu konu ile ilgili 10 larca konu bulursun. Yüzlerce değişik tema var belki işine yarar birtane bulup kullanabilirsin.

İyi çalışmalar.

Hocam az cok css bilgim varda, bu isin icinden cikamadim. Mesela stylesheet te var olan class larda bir degisiklik yaptigim zaman hicbirsey degismiyor.Bunun nedenini anlayamadim. Birde yeni bir class ekledigim zaman, bunu header.tpl vb. gibi dosyalarada eklemem gerekiyor ve nasil ? Sadece bunlari ögrenmek istemistim.

Size şu şekilde yardımcı olabilirim ancak. Altta verdiğim konuyu inceler iseniz stylesheet dosyasındaki hangi alan ne işe yarıyor daha iyi anlayabileceğinizi umuyorum. değişikliklerinizide buna göre yaparsanız bir sorun kalmayacaktır.

Stylesheet.css Türkçe Kullanım Klavuzu


İyi çalışmalar.
 

oztepclub

OpenCart-TR
Katılım
4 May 2011
Mesajlar
52
Tepkime puanı
0
Puanları
0
mdogan35' Alıntı:
oztepclub' Alıntı:
Hocam az cok css bilgim varda, bu isin icinden cikamadim. Mesela stylesheet te var olan class larda bir degisiklik yaptigim zaman hicbirsey degismiyor.Bunun nedenini anlayamadim. Birde yeni bir class ekledigim zaman, bunu header.tpl vb. gibi dosyalarada eklemem gerekiyor ve nasil ? Sadece bunlari ögrenmek istemistim.

Size şu şekilde yardımcı olabilirim ancak. Altta verdiğim konuyu inceler iseniz stylesheet dosyasındaki hangi alan ne işe yarıyor daha iyi anlayabileceğinizi umuyorum. değişikliklerinizide buna göre yaparsanız bir sorun kalmayacaktır.

Stylesheet.css Türkçe Kullanım Klavuzu


İyi çalışmalar.

Hocam mesela headerdaki logonun stylesheet teki yeri mesela header.div2 , simdi ben sag tarafa ikinci bir logo ekleyecem diyelim, headerin altina bu ikinci logo icin yeni bir class eklemem gerekir benim bildigim kadariyla,header.logo2 diyelim mesela. Simdi bu yeni ekledigim classi header.tpl nin icinede ekliyormuyum, evetse neresine eklemem gerekiyor?
 

mdogan35

OpenCart-TR
Katılım
24 Ocak 2011
Mesajlar
111
Tepkime puanı
0
Puanları
16
Yaş
46
Konum
İzmir
Web sitesi
www.inokleen.com
oztepclub' Alıntı:
mdogan35' Alıntı:
Size şu şekilde yardımcı olabilirim ancak. Altta verdiğim konuyu inceler iseniz stylesheet dosyasındaki hangi alan ne işe yarıyor daha iyi anlayabileceğinizi umuyorum. değişikliklerinizide buna göre yaparsanız bir sorun kalmayacaktır.

Stylesheet.css Türkçe Kullanım Klavuzu


İyi çalışmalar.

Hocam mesela headerdaki logonun stylesheet teki yeri mesela header.div2 , simdi ben sag tarafa ikinci bir logo ekleyecem diyelim, headerin altina bu ikinci logo icin yeni bir class eklemem gerekir benim bildigim kadariyla,header.logo2 diyelim mesela. Simdi bu yeni ekledigim classi header.tpl nin icinede ekliyormuyum, evetse neresine eklemem gerekiyor?

Söylediğin şeyde zaten kendi cevabını veriyorsun kardeşim. Örneğin div2 logo ise ve siz bunun yanına veya altına bir logo daha ekleyecekseniz, div2 tagının hemen bitiminden sonrasına boş bir div tagı oluşturun
Kod:
örnek: <div id='logo2'><div class='logo2'></div></div>
Sonrasında stylesheet.css dosyasına giderek dosyanın en sonuna veya div2 kodlarının hemen altından nerede durması gerektiği, nasıl durması, boyutları ve logo2 resim yolu ile istediğin gibi kullanabilir şekiller verebilir istediğin gibi değişiklikleri yapabilirsin. CSS hem çok kolay ve bana kalırsa eğlenceli bir kodlama sistemi :) Forumda da arama bölümünden css veya header diye aramalar yapabilir ne kadar çok kaynak bulabileceğini kendinde görebilirsin.

İyi Çalışmalar.
 

osdem66

OpenCart-TR
Katılım
19 Ağu 2010
Mesajlar
882
Tepkime puanı
0
Puanları
0
Yaş
57
Web sitesi
opencart-themes.org
mdogan35' Alıntı:
oztepclub' Alıntı:
Hocam mesela headerdaki logonun stylesheet teki yeri mesela header.div2 , simdi ben sag tarafa ikinci bir logo ekleyecem diyelim, headerin altina bu ikinci logo icin yeni bir class eklemem gerekir benim bildigim kadariyla,header.logo2 diyelim mesela. Simdi bu yeni ekledigim classi header.tpl nin icinede ekliyormuyum, evetse neresine eklemem gerekiyor?

Söylediğin şeyde zaten kendi cevabını veriyorsun kardeşim. Örneğin div2 logo ise ve siz bunun yanına veya altına bir logo daha ekleyecekseniz, div2 tagının hemen bitiminden sonrasına boş bir div tagı oluşturun
Kod:
örnek: <div id='logo2'><div class='logo2'></div></div>
Sonrasında stylesheet.css dosyasına giderek dosyanın en sonuna veya div2 kodlarının hemen altından nerede durması gerektiği, nasıl durması, boyutları ve logo2 resim yolu ile istediğin gibi kullanabilir şekiller verebilir istediğin gibi değişiklikleri yapabilirsin. CSS hem çok kolay ve bana kalırsa eğlenceli bir kodlama sistemi :) Forumda da arama bölümünden css veya header diye aramalar yapabilir ne kadar çok kaynak bulabileceğini kendinde görebilirsin.

İyi Çalışmalar.

Siz bu anlatıgınızı denedinizmi isterseniz kendiniz bir deneyin ne oldugunu görün (default tema için söylüyorum).. sadece o logo2 divlerini dediginiz yere yerleştirmek ve bu divlere ait stylesheet den de css claslarını vermekle bu işe olmaz.. kampanyalar,siteyi ekle ,siteharitası linklerinin bulundugu menu div taglerini ve sitenini ana menusunun bulungudu div taglerini yokmu saydınız, evet eklenmesi gereken div sizin verdiginiz ama sadece onu keleyip cs lerini atamak yeterli olmaz menu divlerinide yeniden düzenlemek ve farklı div tagleri daha eklemek gerekir kaymayı önelmek için.. bunu yapabilmek te iyi bir css bilgis gerektiriki zaten bir kişi header ı düzenleyebiliyorsa tema yapmayıda %80 öğrenmeiş demektir. selametle...
 

serhan1905

OpenCart-TR
Katılım
15 May 2011
Mesajlar
91
Tepkime puanı
0
Puanları
6
Yaş
34
Konum
İSTANBUL
Web sitesi
www.akdenizkitapcilik.com.tr
arkadaşlarrr benim sitemde bu adretek gibi
kampanyalar müşteri hizleri kargotakip bankasa hizleri çubukunu nasıl yapabilirmmmm
yardım edebilecek arkadaş varsa çok yardımcı olmus olur tesekkürlerr.....

bendeki anasayfa iletişim yazısının oldugu mavi çubugun içine bilgiler kısmını aşıyabilsemde olur....
 

oztepclub

OpenCart-TR
Katılım
4 May 2011
Mesajlar
52
Tepkime puanı
0
Puanları
0
osdem66' Alıntı:
mdogan35' Alıntı:
Söylediğin şeyde zaten kendi cevabını veriyorsun kardeşim. Örneğin div2 logo ise ve siz bunun yanına veya altına bir logo daha ekleyecekseniz, div2 tagının hemen bitiminden sonrasına boş bir div tagı oluşturun
Kod:
örnek: <div id='logo2'><div class='logo2'></div></div>
Sonrasında stylesheet.css dosyasına giderek dosyanın en sonuna veya div2 kodlarının hemen altından nerede durması gerektiği, nasıl durması, boyutları ve logo2 resim yolu ile istediğin gibi kullanabilir şekiller verebilir istediğin gibi değişiklikleri yapabilirsin. CSS hem çok kolay ve bana kalırsa eğlenceli bir kodlama sistemi :) Forumda da arama bölümünden css veya header diye aramalar yapabilir ne kadar çok kaynak bulabileceğini kendinde görebilirsin.

İyi Çalışmalar.

Siz bu anlatıgınızı denedinizmi isterseniz kendiniz bir deneyin ne oldugunu görün (default tema için söylüyorum).. sadece o logo2 divlerini dediginiz yere yerleştirmek ve bu divlere ait stylesheet den de css claslarını vermekle bu işe olmaz.. kampanyalar,siteyi ekle ,siteharitası linklerinin bulundugu menu div taglerini ve sitenini ana menusunun bulungudu div taglerini yokmu saydınız, evet eklenmesi gereken div sizin verdiginiz ama sadece onu keleyip cs lerini atamak yeterli olmaz menu divlerinide yeniden düzenlemek ve farklı div tagleri daha eklemek gerekir kaymayı önelmek için.. bunu yapabilmek te iyi bir css bilgis gerektiriki zaten bir kişi header ı düzenleyebiliyorsa tema yapmayıda %80 öğrenmeiş demektir. selametle...

Hocam ne yaptin, sadece sag tarafa headerin icine kücük bir grafik yerlestirecegim .
 

mdogan35

OpenCart-TR
Katılım
24 Ocak 2011
Mesajlar
111
Tepkime puanı
0
Puanları
16
Yaş
46
Konum
İzmir
Web sitesi
www.inokleen.com
osdem66' Alıntı:
mdogan35' Alıntı:
Söylediğin şeyde zaten kendi cevabını veriyorsun kardeşim. Örneğin div2 logo ise ve siz bunun yanına veya altına bir logo daha ekleyecekseniz, div2 tagının hemen bitiminden sonrasına boş bir div tagı oluşturun
Kod:
örnek: <div id='logo2'><div class='logo2'></div></div>
Sonrasında stylesheet.css dosyasına giderek dosyanın en sonuna veya div2 kodlarının hemen altından nerede durması gerektiği, nasıl durması, boyutları ve logo2 resim yolu ile istediğin gibi kullanabilir şekiller verebilir istediğin gibi değişiklikleri yapabilirsin. CSS hem çok kolay ve bana kalırsa eğlenceli bir kodlama sistemi :) Forumda da arama bölümünden css veya header diye aramalar yapabilir ne kadar çok kaynak bulabileceğini kendinde görebilirsin.

İyi Çalışmalar.

Siz bu anlatıgınızı denedinizmi isterseniz kendiniz bir deneyin ne oldugunu görün (default tema için söylüyorum).. sadece o logo2 divlerini dediginiz yere yerleştirmek ve bu divlere ait stylesheet den de css claslarını vermekle bu işe olmaz.. kampanyalar,siteyi ekle ,siteharitası linklerinin bulundugu menu div taglerini ve sitenini ana menusunun bulungudu div taglerini yokmu saydınız, evet eklenmesi gereken div sizin verdiginiz ama sadece onu keleyip cs lerini atamak yeterli olmaz menu divlerinide yeniden düzenlemek ve farklı div tagleri daha eklemek gerekir kaymayı önelmek için.. bunu yapabilmek te iyi bir css bilgis gerektiriki zaten bir kişi header ı düzenleyebiliyorsa tema yapmayıda %80 öğrenmeiş demektir. selametle...

Ben bu şekilde Tema yapıyorum zaten denememe gerek yok bu yolla düzenleme yapıyorum ve bir çok tema yaptım bu anlattığım şekilde. Bu tarz şeyleri yapabilmek için illaki çok çok iyi css bilgisi olmasınada gerek yok. Senin işine yarayacak kadarını bilmen kafi, ve tekrar söylüyorum css nin amacı eklediğiniz öğeyi istediğiniz yere istediğiniz şekilde koymaya yarayan bir yazılım. Diğer div taglarında değişiklik yapman gerekecek illaki onlar sabit dursun sen işine bak demiyorum zaten. Birde bu işi yapmak istiyorsan ve sana gerekenleri hep hazır arıyorsan hiç yapma bu işi ;)
 

oztepclub

OpenCart-TR
Katılım
4 May 2011
Mesajlar
52
Tepkime puanı
0
Puanları
0
mdogan35' Alıntı:
osdem66' Alıntı:
Siz bu anlatıgınızı denedinizmi isterseniz kendiniz bir deneyin ne oldugunu görün (default tema için söylüyorum).. sadece o logo2 divlerini dediginiz yere yerleştirmek ve bu divlere ait stylesheet den de css claslarını vermekle bu işe olmaz.. kampanyalar,siteyi ekle ,siteharitası linklerinin bulundugu menu div taglerini ve sitenini ana menusunun bulungudu div taglerini yokmu saydınız, evet eklenmesi gereken div sizin verdiginiz ama sadece onu keleyip cs lerini atamak yeterli olmaz menu divlerinide yeniden düzenlemek ve farklı div tagleri daha eklemek gerekir kaymayı önelmek için.. bunu yapabilmek te iyi bir css bilgis gerektiriki zaten bir kişi header ı düzenleyebiliyorsa tema yapmayıda %80 öğrenmeiş demektir. selametle...

Ben bu şekilde Tema yapıyorum zaten denememe gerek yok bu yolla düzenleme yapıyorum ve bir çok tema yaptım bu anlattığım şekilde. Bu tarz şeyleri yapabilmek için illaki çok çok iyi css bilgisi olmasınada gerek yok. Senin işine yarayacak kadarını bilmen kafi, ve tekrar söylüyorum css nin amacı eklediğiniz öğeyi istediğiniz yere istediğiniz şekilde koymaya yarayan bir yazılım. Diğer div taglarında değişiklik yapman gerekecek illaki onlar sabit dursun sen işine bak demiyorum zaten. Birde bu işi yapmak istiyorsan ve sana gerekenleri hep hazır arıyorsan hiç yapma bu işi ;)

Hocam az cok css bilgim var, hazir birseyde istemiyorum.Yoksa ücretli istekler bölümüne acardim konuyu. stylesheet ile bir derdim yok, sadece diyorumki, orada yaptigim degisiklikleri header.tpl nin neresine koyacagim :) Budur yani tek ögrenmek istedigim sey.
 

osdem66

OpenCart-TR
Katılım
19 Ağu 2010
Mesajlar
882
Tepkime puanı
0
Puanları
0
Yaş
57
Web sitesi
opencart-themes.org
Header a mevcut div lerden farklı 1 taen daha div tagı yada mevcut nesnelere ilave bir nesne daha eklemek isterseniz bu logo olabilir resim olabilir menu olabilir herne ise .. header içerisinde yeni ekleyeceginiz div tagı için yer acmlaısınız div tablosuz tasarımdır. ve div taglerinin düzgün oturması için bütün degerlerinin tam girilmesi ve clear divnin de gerektiği yerde kullanılması gerekir yokse eğer elinizdeki alanın toplamından fazla alan kaplayan bir dig tagleri oluşturusanız kayar yada tasar saga sola..
kısaca mantık şudur..
5 m2lik bir yeriniz var ve içine daha önceden altlı üstlü 5 adet eleman yerleştirilmiş ve her elemana da kendi boyutu kadar yer tahsis edilmş ve css lerle de durması gerekitigi yer belirtilmiştir ve 5m2 lik alan doldurulmuş estetik görünmesi için. simdi siz buraya 6. bir eleman koymak isterseniz diğer elemanlara diyeceksiniz ki kardeş biraz sağa sola cekilinde yeni elemanıda yerleştirelim:)) bunun içinde koyacagınız yere göre gerekirse yeni div tagleri bile eklemeniz gerekebilir..yani siz 5 m2 lik yeri payşan 5 elemanın içine digerlerininn degerlerini düşürmeden onları saga sola cekmeden yada ayarlamadan 6 ncıyı koyarsanız koydugunuz yerden itibaren diger elemanlar 5 m2 nin dışına taşacak ve tarayıcıda özlliklede ie de dagılacaktır siteniz. gene söylüyorum Temanın Header ını düzenlemek tema tasarımının %80 nidir...

Nereye koyacagınız konusuna gelince hemen lognun yanında koyacaksanız div2 tagından sonraya koyun ama dedigim gibi diger taglerin de csslerini düzenleyip ona uygun yeri açmanız gerekir yani sadece o divi yerleştirip onun css lerini eklemeniz yeterli gelmez. mevcut diger taglerin divlerinide yeni dive göre düzenlemelisiniz..düzeltiyorum iyi bir css bilgisine sahip olmanıza gerek yokmuş(?).. ama bunu yapabilecek css bilgisine sahip olmanız gerekir..:)))
 

oztepclub

OpenCart-TR
Katılım
4 May 2011
Mesajlar
52
Tepkime puanı
0
Puanları
0
osdem66' Alıntı:
Header a mevcut div lerden farklı 1 taen daha div tagı yada mevcut nesnelere ilave bir nesne daha eklemek isterseniz bu logo olabilir resim olabilir menu olabilir herne ise .. header içerisinde yeni ekleyeceginiz div tagı için yer acmlaısınız div tablosuz tasarımdır. ve div taglerinin düzgün oturması için bütün degerlerinin tam girilmesi ve clear divnin de gerektiği yerde kullanılması gerekir yokse eğer elinizdeki alanın toplamından fazla alan kaplayan bir dig tagleri oluşturusanız kayar yada tasar saga sola..
kısaca mantık şudur..
5 m2lik bir yeriniz var ve içine daha önceden altlı üstlü 5 adet eleman yerleştirilmiş ve her elemana da kendi boyutu kadar yer tahsis edilmş ve css lerle de durması gerekitigi yer belirtilmiştir ve 5m2 lik alan doldurulmuş estetik görünmesi için. simdi siz buraya 6. bir eleman koymak isterseniz diğer elemanlara diyeceksiniz ki kardeş biraz sağa sola cekilinde yeni elemanıda yerleştirelim:)) bunun içinde koyacagınız yere göre gerekirse yeni div tagleri bile eklemeniz gerekebilir..yani siz 5 m2 lik yeri payşan 5 elemanın içine digerlerininn degerlerini düşürmeden onları saga sola cekmeden yada ayarlamadan 6 ncıyı koyarsanız koydugunuz yerden itibaren diger elemanlar 5 m2 nin dışına taşacak ve tarayıcıda özlliklede ie de dagılacaktır siteniz. gene söylüyorum Temanın Header ını düzenlemek tema tasarımının %80 nidir...

Nereye koyacagınız konusuna gelince hemen lognun yanında koyacaksanız div2 tagından sonraya koyun ama dedigim gibi diger taglerin de csslerini düzenleyip ona uygun yeri açmanız gerekir yani sadece o divi yerleştirip onun css lerini eklemeniz yeterli gelmez. mevcut diger taglerin divlerinide yeni dive göre düzenlemelisiniz..düzeltiyorum iyi bir css bilgisine sahip olmanıza gerek yokmuş(?).. ama bunu yapabilecek css bilgisine sahip olmanız gerekir..:)))

Anladim hocam tesekkür ederim.
 

oztepclub

OpenCart-TR
Katılım
4 May 2011
Mesajlar
52
Tepkime puanı
0
Puanları
0
Ya arkadaslar ben bunu beceremedim. Css bilgim var fakat su tpl ye entegre etmeye gelince tikanip kaliyorum arkadas. Mevcut logomun yanina baska bir logo daha eklemek istiyorum. Stylesheet te yerini vs. belirliyorum, header.tplye ekliyorum, olmuyor arkadas, eklemek istedigim 2. logo görünmüyor birde site birbirine giriyor. Yardim edebilecek varsa cok dua edecem valla.
 
Üst