MyBB Depo Forum
Mybb Gomobile Tasarım Yapma - Baskı Önizleme

+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: MyBB 1.6 Depo (https://mybbdepo.com/mybb-1-6-depo-forumu)
+--- Forum: MyBB 1.6 Modifikasyon & Eklenti Deposu (https://mybbdepo.com/mybb-1-6-modifikasyon-eklenti-deposu-forumu)
+--- Konu Başlığı: Mybb Gomobile Tasarım Yapma (/mybb-gomobile-tasarim-yapma-konusu.html)



Mybb Gomobile Tasarım Yapma - androcep44 - 01-02-2014

-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.


Cvp: Mybb Gomobile Tasarım Yapma - ProReis - 16-04-2014

#Saolun.


Cvp: Mybb Gomobile Tasarım Yapma - Golsime - 26-10-2014

çok teşekkürler Süper


Cvp: Mybb Gomobile Tasarım Yapma - mhmmtcn - 08-12-2014

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