Konuyu Oyla:
  • Toplam: 3 Oy - Ortalama: 3
  • 1
  • 2
  • 3
  • 4
  • 5
Mybb 0'dan Tema Yapma Rehberi (Resimli Anlatım)
#1
Merhaba arkadaşalar ben FeneRLyy foruma katıldığımdan beri çok şey öğrendim bilgilerimin bir çoğunu paylaşıcam :D bu en başda öğrendiğim şeylerden biri tema yapma daha doğrusu defult temayı editleme.Bir çok arkadaşım kardeşim kendi temasını kullanmak ister bunda çok haklılar copyright'da kendi adlarının yazması ben size çok basit şekilde anlatıcam :D ilk işlemimiz şudur...

admin kp'ye gidiyoruz daha sonra şablonlar stiller sayfasına giriyoruz Yeni Tema Oluştur diyoruz ve ismimizi yazıyoruz.Yeni Tema Oluştur Diyoruz.
6jn11.png
6jn25.png
Sonra açılan sayfada şablonlara giriyoruz.Set ekle diyoruz isimlendiriyoruz ve Şablonlar Stil'e geri dönüyoruz.Oluşturduğumuz temanın ayarlarına giriyoruz ve Şablon Seti * kısmından açtıgımız şablonu seçip kaydediyoruz :)
6jn3b.png
6jn41.png
Şimdi gelelim görselliği değiştirmeye :)
Şablonlar Stil sayfasından global.css'e giriyoruz böyle bir görüntü çıkıyor
6jlsf.png
buradan .tborder'a giriyoruz :) bunun nedeni kategoriler arasındaki görselliğin rengini değiştirme şuranın;
6jluw.png
Arkaplan rengini ben #000 olarak kullanıyorum gri ağırlıklı bir tema kullanıcaksanız tavsiye ederim :)
burdaki işimiz bittiğinde .thead'a gidiyoruz genelde en çok kullanılan kısım :)
6jm14.png
buraya ekliceğiniz resimin boyutu eğer büyük bir thead çizip bunu tema boyutuna göre koyucaksanız mesela tema genişliği 900px siz thead'ı o boyutda yapıcaksınız ve değiştirmiceksiniz theadı şöyle yaprsınız 900x34 34 olmalı nedeni daha büyük olursa grafik kayabilir.
aşağıdaki css kodunu global.css'de Gelişmiş modda söyleyeceğim yere ekleyin;
Kod:
height: 26px;
bu kodu:
.thead ve .tfoot'a ekleyin tam 1 görsellik yakalamak için bunu büyültüm yada küçülterek istediğiniz görüntüyü elde edebilrisiniz.
.tcat'a gelelim buraya tavsiyem renk kodu kullanın illa ben resim koyucam diyorsanız resimin yüksekliği 23px olmalı. .tcat'da defult temada resim kodu olmaz siz şu kodu hiç bir kod silmeden ekleyin.:
Kod:
url(http://canli-blog.net16.net/KRaLLv4/tcat.PNG) top left repeat-x
bu kodu eklemeden önce renk kodunun yanından bir boşluk bırakın kodlar çalışmayabilir.
.tfoot buraya .thead resmini yapıştırın.şu ana kadar söylediğim kısımdaki değişiklikler;
6jn4x.png
Şimdi gelelim arkaplan resmini değiştirmeye :) basit bir işlem global.css'de gelişmiş mod'a giriyoruz en üstde body çıkıyor bizimki defult tema oldugu için renk kodu var onun yanına bir boşluk bırakıyoruz ve şu kodu yapıştırıyoruz;
Kod:
url(http://img.webme.com/(** ! Küfür Etmek Yasaktır - Oto Filtre ! **)/f/forum-code/griarkaplan.jpg)

resimi siz kendinize göre değiştirirsiniz kaydedin F5 atın anasayfaya :D
Kategorilerin bulunduğu kısımın rengini değiştirmeye geldi yani container'ın rengini değiştirmeye buranın bir özelliğide buradan forumun genişliğini ayarlayabilirsiniz Defult temada genişlik %95 diye görünür onu istediğiniz gibi editleyebilirsiniz ama eğer bir değer yazıcaksanız mesela 900 bunun yanına px koymalısınız örnek 900px
Arkaplan kısmının renk kodunu değiştirerek istediğiniz rengi yazabilir yada resim ekleyebilirsiniz arkaplan ekleme kodunu kullanabilirsiniz ;)
İyi forumlar yakında benim forum sitemdeki gibi header kodlama ve tema upload etme videosu ile karşınızca olucam iyi forumlar FeneRLyy
Cevapla PGM
Teşekkür verenler:
#2
Bilmyenler için ayrıntılı bilgi teşekjkürler.
arkadaşlar ben dinsiz değilim nereden çıktı bu Allah aşkına
Cevapla PGM
Teşekkür verenler:
#3
(23-05-2012 Saat: 14:42)rayray93 Nickli Kullanıcıdan Alıntı: Bilmyenler için ayrıntılı bilgi teşekjkürler.

rica ederim elimden geldiği kadarıyla anlatıım videolu anlatım yapıcam o biraz daha profesyonel olucak :D
Cevapla PGM
Teşekkür verenler:
#4
Sabitlenmeli (:
Ara
Cevapla PGM
Teşekkür verenler:
#5
(23-05-2012 Saat: 15:04)ZeaScoot Nickli Kullanıcıdan Alıntı:
Sabitlenmeli (:

yetkililerin bileceği iş :)
Cevapla PGM
Teşekkür verenler:
#6
Teşekkürler :)
If one day the speed kills me, do not cry because I was smiling. -Paul Walker

What Does The Fox Says?
Cevapla PGM
Teşekkür verenler:
#7
(23-05-2012 Saat: 15:37)CaqLaRybak Nickli Kullanıcıdan Alıntı: Teşekkürler :)

rica ederim =)
Cevapla PGM
Teşekkür verenler:
#8
Güzel ve Yararlı bir paylaşım olmuş +Rep
Ücretli grafik tasarım işleriniz için özel mesaj yoluyla ulaşabilirsiniz.
"Sinan'ın yapılarının, yola çıkış noktası geleneksel biçim ve plan şemaları olmasına karşın, bunlara katı bir biçimde bağlı kalmayan, koşulların gerektirdiği yerlerde yeni biçimlere yönelen ve böylece eski ile yeni arasında bir bağ oluşturabilen Sinan’ın yapıları, mimarlık bakımından olduğu kadar mühendislik bakımından da öneme sahiptir."

"Her şeyin dünyayı değiştirmesi gerektiğini düşünmüyorum. Sadece şöyle düşünün: Yaptığım şey olması gerektiği kadar faydalı mı?"
Elon Musk
Ara
Cevapla PGM
Teşekkür verenler:
#9
(24-05-2012 Saat: 19:48)Time Traveler Nickli Kullanıcıdan Alıntı: Güzel ve Yararlı bir paylaşım olmuş +Rep

teşekkür ederim :)
Cevapla PGM
Teşekkür verenler:
#10
Yararlı konu olmuş teşekkürler.
Tema Yükleme Hakkında Tema Yükleyemeyenler Baksınlar 

- Mybb Manşet Eklentisi %80 Tamamlandı...
Ara
Cevapla PGM
Teşekkür verenler:
#11
(25-05-2012 Saat: 19:08)AdigeEmperor Nickli Kullanıcıdan Alıntı: Yararlı konu olmuş teşekkürler.

Rica ederim ne demek görevimiz :)
Cevapla PGM
Teşekkür verenler:
#12
Bilmeyenler için yararlı
Cevapla PGM
Teşekkür verenler:
#13
(26-05-2012 Saat: 13:17)atalay1003 Nickli Kullanıcıdan Alıntı: Bilmeyenler için yararlı

teşekkürler :)
Cevapla PGM
Teşekkür verenler:
#14
Galiba Bende Sorun var .tborder Yok :)
Ceoniq, proud to be a member of 10TL.NET Destek(Support 10TL.NET) since Jun 2012.
Ara
Cevapla PGM
Teşekkür verenler:
#15
Süper
Cevapla PGM
Teşekkür verenler:
#16
Resim linkleri kırık eğer eklenirse gerçekten çok işime yarayacak tema yapmayı çok istiyorum
0layYeri™ " www.RushTeamTR.10tl.net " Administrator since Jun 2013.
http://p1306.hizliresim.com/1b/m/pbx3z.jpg
Ara
Cevapla PGM
Teşekkür verenler:
#17
Resimleri Yenilerseniz
Ara
Cevapla PGM
Teşekkür verenler:
#18
Teşekkürler ama resimler gözükmüyor yeniler misin?
Ara
Cevapla PGM
Teşekkür verenler:
#19
Resimler ölmüş :(
Şimdi o kadar zor ki geri dönmek, seni unutup başkasını sevmek ama bir şeyi anladım çok zormuş sevilmeden sevmek.

█║▌│█│║▌║ █║▌│█│║▌║
© Since 14.09.2013 ||
recaxrecax
Her hakkı saklıdır.™
Cevapla PGM
Teşekkür verenler:
#20
Resimler gorunmuyor
XxPOzguRxX, proud to be a member of 10TL.NET Destek(Support 10TL.NET) since Jan 2014.
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi



***