-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
MyBB GoMobile Templates Header Şablonlar Header
Header’da değiştirilecek kısım şu;
Son hali şu;
Bunları Yaptıktan Sonra Sıra Tema Renkleri İle Oynamakta;
Temalar Mybb Gomobile Global.css Gelişmiş Mod a Tıklıyoruz.
Bunları Yaptıktan Sonra Sıra Kullanıcı Panelinde;
Temalar Mybb Gomobile Usercp.css Gelişmiş Mod;
Bu İşlemden Sonra;
Temalar Mybb Gomobile Modcp.css Gelişmiş Mod;
İsterseniz Şunlarıda Değiştirebilirsiniz;
Şimdi Orjinal Tema Şöyle İdi;
Tasarımlı Hali;
1- Temaya Logo Ekleme:
Şablonlar
MyBB GoMobile Templates Header Şablonlar HeaderHeader’da değiştirilecek kısım şu;
Kod:
[size=x-small][/size][font=Monaco, Consolas, Courier, monospace][/font]<div id="logo">Kod:
[size=x-small][font=Monaco, Consolas, Courier, monospace]<a href="{$mybb->settings['bburl']}/index.php">{$mybb->settings['gomobile_mobile_name']}</a>[/font][/size]
[b][color=#3333cc][font=Tahoma, Geneva, sans-serif][size=x-small][font=Monaco, Consolas, Courier, monospace] </div>Kod:
[size=x-small][/size][font=Monaco, Consolas, Courier, monospace][/font]<div id="logo">Kod:
[size=x-small][font=Monaco, Consolas, Courier, monospace] <a href="{$mybb->settings['bburl']}/index.php"><img src="/images/mobile/mobile-logo.jpg" border="0"/></a>[/font][/size]
[b][font=Tahoma, Geneva, sans-serif][color=#cc33cc][font=Monaco, Consolas, Courier, monospace][font=Tahoma, Geneva, sans-serif][size=x-small][font=Monaco, Consolas, Courier, monospace] </div>Temalar
Mybb Gomobile Global.css Gelişmiş Mod a Tıklıyoruz.Kod:
[size=x-small][font=Monaco, Consolas, Courier, monospace]#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:
[size=x-small][font=Monaco, Consolas, Courier, monospace]#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:
[size=x-small][font=Monaco, Consolas, Courier, monospace]#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:
[size=x-small][font=Monaco, Consolas, Courier, monospace].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:
[size=x-small][font=Monaco, Consolas, Courier, monospace].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 kaybolabilirKod:
[size=x-small][font=Monaco, Consolas, Courier, monospace]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: #e1dfdfBunları Yaptıktan Sonra Sıra Kullanıcı Panelinde;
Temalar
Mybb Gomobile Usercp.css Gelişmiş Mod;Kod:
[size=x-small][font=Monaco, Consolas, Courier, monospace].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
Mybb Gomobile Modcp.css Gelişmiş Mod;Kod:
[size=x-small][font=Monaco, Consolas, Courier, monospace].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:
[size=x-small][font=Monaco, Consolas, Courier, monospace]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:
[size=x-small][font=Monaco, Consolas, Courier, monospace]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:
[size=x-small][font=Monaco, Consolas, Courier, monospace]global.css > input.button > backgroud ve color: hızlı cevapta cevapla ve önizle butonlarının arkaplan rengi ile buton fontunun rengini belirliyor.Kod:
[size=x-small][font=Monaco, Consolas, Courier, monospace]global.css > a.big_button > background ve color: Konu gönder ve Cevapla butonlarının arkaplan ve font renklerini belirler.Kod:
[size=x-small][font=Monaco, Consolas, Courier, monospace]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;
Tasarımlı Hali;
