Opencart Tema Oluşturmak & Düzenlemek Videolu Anlatım (1-13)

[eren.erduran]

Merhaba arkadaşlar;

Bayadır düşünüyordum, Opencart için tema nasıl düzenlenir, ne nerededir, nasıl kurulur gibi soruları aydınlatmak için. Ve ne oldu bilmiyorum ama geniş kapsamlı bir video çekeyim dedim. Argo ve küfür içermeyen her türlü eleştiriye açığım. Ben bildiğim kadar size yardımcı olmak istedim bunu çektim, ha başka biri daha iyi biliyordur çekmiştir onu bilemem..

1.5.1.1 üzerinde çalışıyorum ama mantığı kavradığınızda her sürüme uygun yapabilirsiniz.
1. ve 2. bölüm mikrofonu düzeltirim diye sesli çekmemiştim ama baktım düzeltemiyorum diğer bölümleri ses cızırtılı olsada sesli çektim..

Bu çalışma için size başlıca gerekli olan programlar;

• Notepad++ | indir
• Photoshop | indir
• Firebug | indir
• WampServer | indir

Bu bölümde localhost'a nasıl opencart kurulur onu gösterdim. Çok kısa bir video, bu işlem başarı ile tamamlanmışsa diğer video'ya geçebilirsiniz..

[video=youtube]http://www.youtube.com/watch?v=snHPGAX90mA[/video]

---

Bu bölümde arka planı, logoyu ve logo arkaplanını değiştirmeyi gördük.

[video=youtube]http://www.youtube.com/watch?v=eijZJBOhNpQ[/video]

---

Bu bölümde üst menüye biraz şekil verdik ve bazı şeyleri keşfettik..

[video=youtube]http://www.youtube.com/watch?v=VjoIwrN5LEs[/video]

---

Bu bölümde ana menüyü nasıl değiştirebileceğimizi, dizayn edebileceğimizi gördük.

[video=youtube]http://www.youtube.com/watch?v=oiSKW0OrMJo[/video]

---

Bu bölümde anasayfada bulunan bir modülü ve onunla bağlı olan kategorileri düzenledik. Diğerlerinide zamanı gelince düzenleyeceğiz..

[video=youtube]http://www.youtube.com/watch?v=R_AQwQufobY[/video]

---

Bu dersimizde footer'ı düzenledik. Yani en alt kısmın nasıl değişebileceğini, ne olabileceğini anlattım.

[video=youtube]http://www.youtube.com/watch?v=JsAcHUH4Mrg[/video]

---

Bu bölümde dün akşam kafama esen, menüyü silip onun yerine bir şeyleri koymayı gördük.

[video=youtube]http://www.youtube.com/watch?v=mae-EWhYSJw[/video]

---

Bu bölümde 7. bölümde yarı kalan işlemi hallettik ve arama bölümünü yerleştirdik..

[video=youtube]http://www.youtube.com/watch?v=DiUKhfBGi50[/video]

---

Bu bölümde üstteki menüyü düzenleyip telefon numarası ekledik.

[video=youtube]http://www.youtube.com/watch?v=b-MkKt90PfA[/video]

---

Bu bölümde ürün ekledikten sonra çıkan bilgi, uyarı ve başarı kutularını düzenledik.

[video=youtube]http://www.youtube.com/watch?v=1zC-MwIRzFo[/video]

---

Opencart Tema Oluşturmak & Düzenlemek 11. Bölüm

Bu bölümde slider'ı yapmış olduğumuz temaya uydurduk ve slider'ın zamanını ayarladık, kısa bir video


[video=youtube]http://www.youtube.com/watch?v=K_RpDrZcpy4[/video]

(15 dk videoyu 5 dkye indiren osdem66'ya teşekkürler )

---

Opencart Tema Oluşturmak & Düzenlemek 12. Bölüm

bu bölümde soldaki kategoriler bölümünü düzelttik, güzelleştirdik. baya uzun video oldu bunun için kusura bakmayın :/

[video=youtube]http://www.youtube.com/watch?v=XWZDjkxk11I[/video]

Kullandığımız modül : http://forum.opencart-tr.com/thread-4865.html

---

Opencart Tema Oluşturmak & Düzenlemek 13. Bölüm
Bu bölümde kategori bölümünün çok az bir kısmını düzenleyebildik

[video=youtube]http://www.youtube.com/watch?v=5iK5e3WVz90[/video]

 

[osdem66]

RE: Opencart Tema Oluşturmak & Düzenlemek 1. Bölüm

merhaba guzel calısma elını saglık ama bu konuları ayrıayrı konular degılde tek konuda her bolumude konu altına mesaj olarak eklesen hem konu kırlılıgı olmaz hemde tek baslıkta butun bolumlere ulasılabılır sahsı dusuncem bu elıne saglık.

 

[eren.erduran]

RE: Opencart Tema Oluşturmak & Düzenlemek 1. Bölüm

Bende bunu paylaşırken düşündüm ve ayrı ayrı konu açıp tek bir konuda indexlicem. O konuyuda adminden sabitlemesini isticem, böyle daha iyi olur sanki. Yorumlara eklersem kullanıcı yorumları ile karışır. O yüzden her video altına çıkan soruları yorum halinde yazabilirler..

 

[biyorum]

RE: Opencart Tema Oluşturmak & Düzenlemek 1. Bölüm

hocam video neden sesli degil? konu şahane ama lütfen sesli olarak anlatım yapınız. kolay gelsin

 

[alavrez]

RE: Opencart Tema Oluşturmak & Düzenlemek 1. Bölüm

ellerine sağlık üstad on numara paylaşım olmuş

 

[anti91]

RE: Opencart Tema Oluşturmak & Düzenlemek 2. Bölüm

tüm dersleriniz için çok teşekkürler. Bu forumda ders anlatanda az yorum yazanda az teşekkür eden bile az. Emeğiniz için ayrıca çok teşekkürler.

 

[eren.erduran]

RE: Opencart Tema Oluşturmak & Düzenlemek 1. Bölüm

hocam video neden sesli degil? konu şahane ama lütfen sesli olarak anlatım yapınız. kolay gelsin

Sadece 1 ve 2. bölüm sesli değil. Diğerleri sesli

 

[osdem66]

RE: Opencart Tema Oluşturmak & Düzenlemek Videolu Anlatım

Selam tebrik ederim kardeşim çok güzel eline emeğine sağlık demekki iyi bir opencart cı daha geliyor..))

 

[Hknsl]

RE: Opencart Tema Oluşturmak & Düzenlemek Videolu Anlatım

Haftalardır temayı default temayı şekillendirebilmek için yırtınıyordum. Kendimce uğraşa uğraşa bişeyler yaptım fakat, aklımdakileri yapabilmem için yeterince bilgim yoktu. Tam anlamıyla aradığım herşey burda. Allah razı olsun hocam, ne kadar teşekkür etsem azdır.

 

[eren.erduran]

RE: Opencart Tema Oluşturmak & Düzenlemek Videolu Anlatım (1-12)

12. Bölüm eklenmiştir

---

13. Bölüm eklenmiştir

 

[odeko]

Hocam ellerine sağlık Benim gibi yeni kullanıcılara Çok yararlı bir kaynak olmuş

 

[ulas_22]

malesef bir türlü arka plan resmi ekleyemedim..

body {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background-image:url('../image/bg.jpg');
	-webkit-background-size:100%;

bu şekilde denedim olmadı

body {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background-image:url('../image/bg.jpg');

bu şekilde de bir yere varamadım

renk degiştirmede sorun yok stylesheet ile basit bir şekilde renkleri degişebiliyorum çok çabalamaya gerek kalmadan ancak arka plan resmi bir türlü ekleyemedim 1.5.x sürümüne..

üst kategorilerin bulundugu dizinin resmi stylesheet.css de bulunan şu satırda basitçe degişiyor

#menu {
    background: #ff0000;
    border-bottom: 1px solid #000000;
    height: 37px;
    margin-bottom: 15px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0px 2px 2px #DDDDDD;
    -moz-box-shadow: 0px 2px 2px #DDDDDD;
    box-shadow: 0px 2px 2px #DDDDDD;
    padding: 0px 5px;

üstteki gibi.

en alttaki bilgiler in bulundugu kesimde basit bir şekilde degişiyor

#footer {
    clear: both;
    overflow: auto;
    min-height: 100px;
    padding: 20px;
    border-top: 1px solid #DBDEE1;
    border-bottom: 1px solid #DBDEE1;
    background: #ff0000;

üstteki gibi.. ff0000; kırmızı renk oluyor

ama bir türlü arka plana bir resim ekleyemedim beceremedim. yardım lütfen

---

şükür onuda yaptımm

 

[utkuwep]

eren kardesım emene salık benım gıbı yenı olanlar ıcın cok ıyı bır paylasım

 

[edarguner]

Harika paylaşım teşekkürler. Ama çok hızlı bir anlatım var, yeni başlayan biri olarak sadece seyrettim ilk 2 konuyu

 

[gencyazilim]

Sadece ilk iki videoyu seyrederek kendime harika bir tema yaptım. Hem de opencart ile yeni tanışmama rağmen. Çok faydalı ve güzel bir video ders olmuş. Emeğinize teşekkürler. Harika paylaşım.

 

[hasan83]

s.a arkadaşlar aranıza yeni katıldım bende bir arkadaş için opencart ile bir site hazırlıyorum daha doğrusu yeni başladım yanlız videoda anlatılanlara rağmen 2.dersdeki photosopta bg jpg olayı varya header içinde tema yolnu gösterip sonra stylecss ye resim url sini gösterme kısmı var denileni yaptım ilk seferde oldu ama bir yanlışlık sonucu bozdum şimdi sıfırdan yapmaya çalışıyorum ama olmuyor kafayı yiyecem akşamdan beri uğraşıyom sayfayı açınca dağılmış şekilde karşıma çıkıyor kategori bölüm falan hep kaydı alta sağa sola dağıldı resmen nerde yanlış yapıyorum

 

[eren.erduran]

s.a arkadaşlar aranıza yeni katıldım bende bir arkadaş için opencart ile bir site hazırlıyorum daha doğrusu yeni başladım yanlız videoda anlatılanlara rağmen 2.dersdeki photosopta bg jpg olayı varya header içinde tema yolnu gösterip sonra stylecss ye resim url sini gösterme kısmı var denileni yaptım ilk seferde oldu ama bir yanlışlık sonucu bozdum şimdi sıfırdan yapmaya çalışıyorum ama olmuyor kafayı yiyecem akşamdan beri uğraşıyom sayfayı açınca dağılmış şekilde karşıma çıkıyor kategori bölüm falan hep kaydı alta sağa sola dağıldı resmen nerde yanlış yapıyorum

muhtemeleren style de bazı şeyleri ya açık bıraktınız yada sildiniz. sıfırdan bir style'i yükleyin deneyin.

 

[Bouncer]

çok güzel bir kaynak olmu şellerine sağlık kardeş

 

[pyopyo]

thank you.. for vdo..

 

[blue_caplan]

Teşekürler emeğin için.. soruna elbet biri cevap verir...