MyBBDepo - Türkiyenin MyBB Deposu Forumuna Hoşgeldiniz
Eğer sitemize yaptığınız ilk ziyaretiniz ise, lütfen öncelikle Forum Kurallarını okuyunuz. Forumumuzda bilgi alışverişinde bulunabilmeniz için Kayıt olmalısınız. Üye olmayanlar forumumuzdan yararlanamazlar.
Eğer zaten kayıtlı kullanıcı iseniz, lütfen kullanıcı adınız ve şifreniz ile, Giriş yapınız. (Sitemize üyelik ücretsizdir).
androcep44 avatar
Konuyu Oyla:
  • Derecelendirme: 5/5 - 1 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 5/5 - 1 oy

Mybb Gomobile Tasarım Yapma


Sponsor Reklam
media venus

Çevrimdışı androcep44
 Tarih: 01-02-2014, Saat:20:40
#1
-Selamun Aleykum Arkadaşlar Mybb Gomobile' yi Sitemize Kurunca Tasarımı Pekte İç Açıcı Olmayabiliyor. Bunun İçin Aşağıdakileri Uygulayarak Sitenize Tasarım Uygulayabilirsiniz.

1- Temaya Logo Ekleme:
Şablonlar Sağ Ok MyBB GoMobile Templates Sağ Ok Header Şablonlar Sağ Ok Header
Header’da değiştirilecek kısım şu;
Kod:
<div id="logo">
<a href="{$mybb->settings['bburl']}/index.php">{$mybb->settings['gomobile_mobile_name']}</a>
    </div>
Son hali şu;
Kod:
<div id="logo">
            <a href="{$mybb->settings['bburl']}/index.php"><img src="/images/mobile/mobile-logo.jpg" border="0"/></a>
        </div>
Bunları Yaptıktan Sonra Sıra Tema Renkleri İle Oynamakta;
Temalar Sağ Ok Mybb Gomobile Sağ Ok Global.css Sağ Ok Gelişmiş Mod a Tıklıyoruz.
Kod:
#logo > background: burayı değiştirdiğinizde logonun arkaplan rengini değiştirmiş oluyorsunuz. Eğer telefon ekranı logo genişliğinden fazla ise veya telefon yatay görünümde ise temaya uyacak bir renk seçmek çok iyi olacaktır. Mevcut resim url’sini kaldırmanıza hiç gerek yok kalsın orada.
Kod:
#menu > background: burayı değiştirdiğinizde logonun tam altındaki bölümün rengi değişecek. Bu kısımda yeni mesaj, yardım, arama gibi seçenekler yer alıyor.
Kod:
#menu a > color: burayı değiştirdiğinizde hemen bir üstteki backgrounda uygun yazı fontu rengi belirlemiş oluyoruz yani yukarıdaki rengi siyah yaparsanız yazılarında görünmesi için beyaz olması gerekiyor bu durumda bu kısıma #ffffff yazıyoruz ve font rengini beyaz yapıyoruz.
Kod:
.thead > background ve border-color: bu iki bölüme gireceğimiz renk kodları forumların üst kısımlarının rengini belirliyor ilki ana rengi belirlerken border-color da bu ana rengin alt kenarını farklılaştırıyor. Ben ikisinide aynı renk belirledim böylelikle güzel bir görünüm oldu.
Kod:
.thead a > color: hemen üstteki değişikliğe bağlı bir değişiklik. Buraya gireceğimiz renk kodu bir üstteki bölümün font rengini değiştirecek yani oraya siyah girdiyseniz buraya beyaz renk kodu gireceksiniz yoksa yazı fontu ile arkaplan rengi tezat kalabilir veya yazılar arkaplanın içinde kaybolabilir
Kod:
td.forum_on > background: bu css dosyasındaki son değiştireceğimiz yer burası. Bu değişiklik ile yeni yazı olan forumların açık mavi rengini değiştirmiş olucaz bunun yerine gri tonlarda birşey kullanabilirsiniz örnek: #e1dfdf
Bunları Yaptıktan Sonra Sıra Kullanıcı Panelinde;
Temalar Sağ Ok Mybb Gomobile Sağ Ok Usercp.css Sağ Ok Gelişmiş Mod;
Kod:
.usercp_navigation > background: bu dosyada kesinlikle değiştirilmesi gereken tek şey bu. Bu rengi değiştirdiğinizde mobil görünümde kullanıcı paneline girince çıkan mavi renkli kullanıcı paneli rengi değişiyor. Tavsiyem #eeeeee (gri)
Bu İşlemden Sonra;
Temalar Sağ Ok Mybb Gomobile Sağ Ok Modcp.css Sağ Ok Gelişmiş Mod;
Kod:
.modcp_navigation > background: bu dosyada da yukarıdaki gibi mavi renge sahip mod panelini başka bir renge çeviriyoruz. Burası içinde tavsiyem #eeeeee
İsterseniz Şunlarıda Değiştirebilirsiniz;
Kod:
showthread.css > ul.thread_tools li.subscription_add a > background ve border: bu iki bölüm konuların en altında görünen abone ol butonunun arka plan ve kenarlık rengini belirliyor. Tavsiyem #ff0000 (kırmızı)
Kod:
showthred.css > ul.thread_tools li.subscription_remove a > background ve border: bu iki bölümde bir üstteki buton aktif iken beliren rengi belirliyor. Yani ziyaretçi bu yazıya zaten aboneyse veya abone olursa butonun rengi değişiyor. Orijinal renk soluk pembe gibi birşey değiştirmesenizde olur.
Kod:
global.css > input.button > backgroud ve color: hızlı cevapta cevapla ve önizle butonlarının arkaplan rengi ile buton fontunun rengini belirliyor.
Kod:
global.css > a.big_button > background ve color: Konu gönder ve Cevapla butonlarının arkaplan ve font renklerini belirler.
Kod:
global.css > #panel a > padding: burada normalde 10px yazıyor onu 5px yaparsanız üst menüdeki aşağı taşma yok olur bağlantılar birbirine biraz daha yakın olur. (bknz: düzenlenmiş tema resimlerinden ilk sıradaki)
Şimdi Orjinal Tema Şöyle İdi;
resimresimresim
Tasarımlı Hali;
resimresimresimresim
"Arkadaşlar Bu Arada Konu Alıntıdır."
"İNŞALLAH" Bir Dahaki Konu Anlatımımda Kendim Yaptığım Düzenlemeleri Anlatacağım.
Cevapla
Bunu Beğenenler: Manager
Sponsor Reklam
sponsor reklam sponsor reklam

Çevrimdışı ProReis
 Tarih: 16-04-2014, Saat:17:44
#2
#Saolun.
Cevapla
Bunu Beğenenler:

Çevrimdışı Golsime
 Tarih: 26-10-2014, Saat:12:40
#3
çok teşekkürler Süper
Cevapla
Bunu Beğenenler:

Çevrimdışı mhmmtcn
 Tarih: 08-12-2014, Saat:17:53
#4
Ya ben bu eklentiyi kurdum çok güzel çalışıyor fakat yorum yazdığımızda veya yeni konu açtığımızda yazı editörü çıkmıyor onu nasıl halledebiliriz.Bide alıntı yaptığımızda direk mesaj yazıyor alıntı yapmadan
Cevapla
Bunu Beğenenler:

 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  MyBB PHP Bot Eklentisi lazenes 8 2,967 06-11-2016, Saat:00:31
Son Yorum: AydiN_8520
  MyBB Resim Boyutlandırma [Eklentisiz Kod İle] HayaLeeT10 6 6,272 14-04-2016, Saat:17:50
Son Yorum: cortnek
  MyBB son konuları başka sayfada gösterme hackernations 7 1,245 16-08-2015, Saat:00:02
Son Yorum: hackernations
  [MCTR - 1.6] MyBB Kayan Resimli Menü Leoan Leoan 11 3,705 13-02-2015, Saat:17:44
Son Yorum: blueye06
  MyBB Sitenin Sol Üst Köşeye Türk Bayrağı Kodu HayaLeeT10 6 4,998 17-10-2014, Saat:20:57
Son Yorum: mybbcommunity



Konuyu Okuyanlar: 1 Ziyaretçi