Tema Nasıl Çevirilir Diye Merak Edenler İçeriye Baksın ??

[RSS BiRKaN]

İlk önce çevireceğimiz vB temasını buluyoruz… Eğer temayı bir siteden beğendiyseniz işimiz daha kolay… Çünkü beğendiğiniz temanın kurulu olduğu bir (demo) site gerekiyor (:

Daha sonra herhangi bir vB’den MyBB’e çevrilmiş temayı sitemize kuruyoruz (şablonlar vs. vB ile aynı olması için)… Kurduktan sonra demo siteyi açıyoruz (vB teması kurulu olan siteyi) ve mybb’deki on.gif, off.gif, offlock.gif vs. olan yerleri, vB temasından bilgisayarımıza kaydediyoruz…

- Yani vB temasındaki yeni mesaj var, yeni mesaj yok, forum kilitli iconlarını bilgisayarımıza kaydediyoruz…

Not: Kaydederken dosyanın ismine dikkat etmelisiniz… Örn: vB’de “yeni mesaj var” resminin ismi “forum_new.gif”tir… Ama mybb’de “on.gif”tir… vB temasındaki yeni mesaj var resmini kaydederken adını da “on.gif” yaparak kaydediyoruz ki mybb teması olarak ayarlarken resimleri kolayca değiştirebilelim (:
Not2: vB temasındaki bütün .gif’lerin isimlerini mybb’deki resimlerin isimleriyle değiştirerek kaydediyoruz…

- Peki arkaplan resimlerini nasıl alabilirim ?
- Arkaplan resimleri bizim için önemli, çünkü forum başlıklarının resimleri genelde arkaplan olur ki üzerine forumun adı yazılabilisin… Biz bu resimleri;






üstteki resimde olduğu gibi görebilirsiniz… Nerenin arkaplanını alıcaksak orada sağ tıklıyoruz ve “arkaplan resmini göster” diyoruz…Tüm resimleri kaydettikten ve isimlerini mybb’deki resimlerin isimleriyle de değiştirdikten sonra, az önce vB’den MyBB’e çevrilmiş bir tema kurmuştuk, ftp’den o temanın klasörüne giriyoruz ve tüm resimleri az önce kaydettiğimiz resimlerle değiştiriyoruz…Böylece temanın büyük bir kısmı tamamlandı…

Şimdi sıra temanın renklerine geldi..

- Temadaki renkleri nasıl alabilirim ?
- Temanın renklerini photoshop gibi bir programla alabilirsiniz… Ya da sadece renk kodlarını alan küçük boyutlu, kurulum gerektirmeyen programlar var, onları da kullanabilirsiniz… Bizim için önemli olan bir şekilde renk kodunu almak…

- Photoshop ile renk kodlarını nasıl alabilirim ?
- İlk önce vB temasının olduğu forumu açıyoruz ve klavyemizdeki “Print Screen Sys Rq” tuşuna basıyoruz… Daha sonra photoshop’u açıyoruz ve “CTRL + N” ile yeni bir sayfa açıyoruz… Açılan sayfada “CTRL + V” yapıyoruz ve sitenin resmini photoshop’ta açmış oluyoruz… Daha sonra “i” tuşuna basıyoruz ve rengin üzerine geliyoruz, tıklıyoruz… Resimli olarak anlatmakta fayda var;






“i” tuşuna bastığımızda “1″ ile gösterdiğim aracı seçiyoruz… Daha sonra rengini almak istediğimiz resimdeki bir yere tıklıyoruz ve “3″ ile gösterdiğim “foreground” bölümüne tıklıyoruz… Açılan pencerede “4″ ile gösterdiğim yerden kodları alıyoruz…

Not: Üzerine gelinen linklerin vs. renk kodlarını almak için linkin üzerine geldikten sonra “Print Screen Sys Rq” tuşuna basıp sonra işleme devam etmeniz gerekmekte ki üzerine gelinen linkin renk kodunu alabilesiniz (:

Evet, renk kodlarını aldık… Renk kodlarını aldıktan sonra, “Admin KP > Temalar > Değiştir > “Az önce kurduğumuz tema”"yı seçiyoruz… Ve vB temasından photoshop ya da başka bir program yardımıyla aldığımız renk kodlarını, temaya uyguluyoruz… ( Sanırım bunu anlatmama gerek yok, sonuçta o kısmı bilmeyen biri vB tema çevirme işine girmemeli bence (: )

Renk kodlarını da uyguladık ve artık sitemiz vB’den MyBB’ye çevrilmiş bir temaya sahip (:

Tema ile ilgili bazı bilgiler;

- Arkaplan resmi yoksa nasıl koyabilirim ?
- Eğer arkaplan resmi yoksa; arkaplan resmi koyacağınız bölüme “Temalar > Değiştir”den geliyorsunuz ve ‘#renkkodu’ndan sonra bir boşluk bırakarak;

url(images/tema/resim.gif)

yazıyorsunuz… Eğer resmin sizin belirlediğiniz yönde ve şekilde tekrar etmesini istiyorsanız;

url(images/tema/resim.gif) repeat-x top left ~> X ekseni yönünde sola doğru tekrarlar
url(images/tema/resim.gif) repeat-y top left ~> Y ekseni yönünde sola dığru tekrarlar
url(images/tema/resim.gif) repeat-x top right ~> X ekseni yönünde sağa doğru tekrarlar
url(images/tema/resim.gif) repeat-y top right ~> Y ekseni yönünde sağa doğru tekrarlar
url(images/tema/resim.gif) no-repeat ~> arkaplan resmi tekrarlamaz (1 tane gözükür)

- Link özellikleri;
Üzerine gelinen linkler, ya da ziyaret edilen linkler gibi alanları düzenlemek için kullanabilirsiniz…

underline ~> Altı çizili
overline ~> Üstü çizli
none ~> Çizgisiz linktir…

Bu küçük bilgiler tema çevirirken lazım olacağından bilmenizde fayda var…