Merhaba arkadaşlar… Paylaşımını yaptığım ilk ücretsiz tema çalışmam. Daha önce bilmeyenleriniz varsa! Profesyonel ve ücretli tasarımlar yapıyordum. vBulletin‘in, 4 sürümünü çıkartması ile işler tabikide durgunlaştı ve fazlasıylada boş kalınca! Bu şekilde bir paylaşım yapmak istedim. Bu vesile ile Türkiye‘de de vBulletin‘in ölmediğini gösterelim! Ücretsiz bir çalışmada olduğundan, hata yada öylesine bir çalışma beklemeyin. Aksine ilk defa yaptığım bir temada! Tema’da tabloların bozulmasını önlemek için PHP kodlarında bile düzenleme yaptım.

Şimdi: tema’nın genel incelemesi için, aşağıdaki video’yu izleyebilir;



Yada genel görüntüsü için, aşağıdaki resimlere bakabilirsiniz…

M2-Stil Teması Özellikleri, Kurulumu ve Ayarları

Özellikleri

• Görsellik ve güzellik katması açısından, küçük ikonlarda FamFamFam Silk ve Wireframe ikon paketleri kullanılmıştır.
• Görsellik ve dinamiklik katması açısından, kendi hazırladığım ve ücretsiz hazır jQuery eklentileri kullanılıp, geliştirilmiştir.
• Genel taslak, standart reklam alanlarına göre ölçülendirilmiştir.
  • Header template’sinde, 468×60‘lık kodlarıda eklenmiş reklam alanı
  • Navbar template’sinde, 2 tane yan yana 468×60‘lık reklam alanı
  • Postbit template’sinde, mesaj içlerinde 728×90‘lık reklam alanı tavsiye ettiklerim ve oluşturabileceğiz bölümler olabilir.
• Header, Footer, Navbar, Forumhome, Postbit ve bazı template’lerle birlikte, bu template’lere bağlı bazı alt template’ler, tamamen DIV tablolarla hazırlanmıştır.
• W3C (World Wide Web Consortium) standartlarında olup, vBulletin’in linklerinde bulunan “&” karakteri dışında, herhangi bir kod hatası bulunmamaktadır.
• Alıntı, Kod, Html ve Php bbcode kutuları, özel olarak hazırlanıp, ilgili jQuery eklentisi ile entegre edilmiştir
• Son olarakta; yapılan tüm düzenleme ve geliştirmeler! Varsayılan, yeni kurulmuş vBulletin’de yapılmıştır. Kurulu eklenti bulunmamaktadır. Gördüğünüz tüm düzenlemeler elle yapılmış olup, o bölümlerle ilgili kurmuş olduğunuz eklentilerde sorun çıkabileceğini belirtmek isterim.

Kurulum

• “m2-stil” ve “images” klasörlerini, forum sitenizin kurulu olduğu dizine yükleyin.
• “vbulletin-style.xml” isimli dosyayı, “AdminCP” panelindeki tema bölümünden yükleyin.
• Türkçe dil dosyaları değişken olduğundan, herhangi bir Türkçe dil dosyası üzerinde düzenleme yapmadım. Bu nedenle siteniz, İngilizce dil seçeneğinde de sorunsuz çalışmasını istiyorsanız! “vbulletin-language.xml” dosyasını “AdminCP” panelindeki dil yönetimi bölümünden yükleyebilirsiniz.
• Son olarakta; Umut ÇALIŞKAN (Lord Montrey) arkadaşımızın, ricamı geri çevirmeden! “AdminCP“‘den de yönetilebilen, kullanıcı paneline avatar ekleyen bir eklenti yükleyeceğiz. Temanında olmazsa olmazlarından olduğundan! “product-montreynavbaravatar.xml” isimli eklenti dosyasını, “AdminCP” panelindeki eklenti bölümünden kesinlikle yükleyin.

Ayarlar

• Öncelikle!!! Bu bölümde yapacağınız değişikliler, tamamen temanın genel düzeni ve tabloların düzeni ile alakadır. Bu nedenle düzenlemeleri yapıp yapmamak size kalıyor.
  
  Dil dosyasındaki düzenlemeler, tablolardan taşan veya aşağı satır atan kelime yada cümle kalıplarının düzenlenmesidir. İngilizce dil dosyası içindir. Türkçe Dil dosyası için düzenlemeleri sizin ayarlamanız gerekmektedir. Dil dosyası düzenlemelerindeki tavsiyem! Aşağıda vericeğim kalıpların İngilizce düzenlemelerinnden ziyade, Türkçe karşılıklarınıda uygun bir şekilde düzenlemeniz.
  
  .php ve .js dosyalarındaki düzenlemeler ise PHP bbcode kutusu ve postbit‘deki “inlinemod” özellikleri için düzenlenmiştir.
• Öncelikle dil düzenlemelerimizle başlayalım. “AdminCP” panelindeki dil ayarları bölümüne girin.
  
  Aratın:

  <a href="private.php{3}">Private Messages</a>: {1}, {2}.

  İngilizce dil kutusuna ekleyin:

  <a href="private.php{3}"><strong>P.M.:</strong></a> {1}, {2}.

  Aratın:

  You last visited: {1} at <span class="time">{2}</span>

  İngilizce dil kutusuna ekleyin:

  Last visit: {1} at <span class="time">{2}</span>

  Aratın:

  by <a href="{1}" rel="nofollow">{2}</a>

  İngilizce dil kutusuna ekleyin:

  <a href="{1}" rel="nofollow" title="{2}">{2}</a>

  Aratın:

  Never

  İngilizce dil kutusuna ekleyin:

  <p class="forum-kategori-icerik-tablo-son-mesaj-yok">Never</p>

  Aratın:

  Currently Active Users

  İngilizce dil kutusuna ekleyin:

  There are currently

  Aratın:

  {1} members and {2} guests

  İngilizce dil kutusuna ekleyin:

  users online. <span class="forum-bilgileri-online-kisiler">(<span>{1}</span> members and <span>{2}</span> guests)</span>

  Aratın:

  Most users ever online was {1}, {2} at {3}.

  İngilizce dil kutusuna ekleyin:

  Most users ever online was <span class="forum-bilgileri-online-rekor-sayi">{1}</span>, {2} at {3}.

  Aratın:

  Today's Birthdays

  İngilizce dil kutusuna ekleyin:

  We want to wish you(r) a happy birthday.

  Aratın:

  Powered by vBulletin&reg; Version {1}<br />Copyright &copy;2000 - {2}, Jelsoft Enterprises Ltd.

  İngilizce dil kutusuna ekleyin:

  Powered by vBulletin® Version {1} ~ Copyright ©2000 - {2}, Jelsoft Enterprises Ltd.

• Şimdi de .php ve .js dosyalarında yapılacak değişiklilere sıra geldi;
  
  “includes/class_bbcode.php” dosyasını açıp! Aşağıdaki kod’u bulup, siliyoruz.

  	/**
  	* Handles a [php] tag. Syntax highlights a string of PHP.
  	*
  	* @param	string	The code to highlight.
  	*
  	* @return	string	HTML representation of the tag.
  	*/
  	function handle_bbcode_php($code)
  	{
  		global $vbulletin, $vbphrase, $stylevar, $show;
  		static $codefind1, $codereplace1, $codefind2, $codereplace2;
  
  		$code = $this->strip_front_back_whitespace($code, 1);
  
  		if (!is_array($codefind1))
  		{
  			$codefind1 = array(
  				'<br>',		// <br> to nothing
  				'<br />'	// <br /> to nothing
  			);
  			$codereplace1 = array(
  				'',
  				''
  			);
  
  			$codefind2 = array(
  				'&gt;',		// &gt; to >
  				'&lt;',		// &lt; to <
  				'&quot;',	// &quot; to ",
  				'&amp;',	// &amp; to &
  				'&#91;',    // &#91; to [
  				'&#93;',    // &#93; to ]
  			);
  			$codereplace2 = array(
  				'>',
  				'<',
  				'"',
  				'&',
  				'[',
  				']',
  			);
  		}
  
  		// remove htmlspecialchars'd bits and excess spacing
  		$code = rtrim(str_replace($codefind1, $codereplace1, $code));
  		$blockheight = $this->fetch_block_height($code); // fetch height of block element
  		$code = str_replace($codefind2, $codereplace2, $code); // finish replacements
  
  		// do we have an opening <? tag?
  		if (!preg_match('#<\?#si', $code))
  		{
  			// if not, replace leading newlines and stuff in a <?php tag and a closing tag at the end
  			$code = "<?php BEGIN__VBULLETIN__CODE__SNIPPET $code \r\nEND__VBULLETIN__CODE__SNIPPET ?>";
  			$addedtags = true;
  		}
  		else
  		{
  			$addedtags = false;
  		}
  
  		// highlight the string
  		$oldlevel = error_reporting(0);
  		$code = highlight_string($code, true);
  		error_reporting($oldlevel);
  
  		// if we added tags above, now get rid of them from the resulting string
  		if ($addedtags)
  		{
  			$search = array(
  				'#&lt;\?php( |&nbsp;)BEGIN__VBULLETIN__CODE__SNIPPET( |&nbsp;)#siU',
  				'#(<(span|font)[^>]*>)&lt;\?(</\\2>(<\\2[^>]*>))php( |&nbsp;)BEGIN__VBULLETIN__CODE__SNIPPET( |&nbsp;)#siU',
  				'#END__VBULLETIN__CODE__SNIPPET( |&nbsp;)\?(>|&gt;)#siU'
  			);
  			$replace = array(
  				'',
  				'\\4',
  				''
  			);
  
  			$code = preg_replace($search, $replace, $code);
  		}
  
  		$code = preg_replace('/&amp;#([0-9]+);/', '&#$1;', $code); // allow unicode entities back through
  		$code = str_replace(array('[', ']'), array('&#91;', '&#93;'), $code);
  		$template = $this->printable ? 'bbcode_php_printable' : 'bbcode_php';
  		eval('$html = "' . fetch_template($template) . '";');
  		return $html;
  	}

  Aynı dosyada aratın;

  	function emulate_pre_tag($text)
  	{
  		$text = str_replace(
  			array("\t",       '  '),
  			array('        ', '  '),
  			nl2br($text)
  		);
  
  		return preg_replace('#([\r\n]) (\S)#', '$1 $2', $text);
  	}

  Altına ekleyin;

  	/**
  	* Handles a [php] tag. Displays a preformatted string.
  	*
  	* @param	string	The code to display
  	*
  	* @return	string	HTML representation of the tag.
  	*/
  	function handle_bbcode_php($code)
  	{
  		global $vbulletin, $vbphrase, $stylevar, $show;
  
  		// remove unnecessary line breaks and escaped quotes
  		$code = str_replace(array('<br>', '<br />'), array('', ''), $code);
  
  		$code = $this->strip_front_back_whitespace($code, 1);
  
  		if ($this->printable)
  		{
  			$code = $this->emulate_pre_tag($code);
  			$template = 'bbcode_php_printable';
  		}
  		else
  		{
  			$blockheight = $this->fetch_block_height($code);
  			$template = 'bbcode_php';
  		}
  
  		eval('$html = "' . fetch_template($template) . '";');
  		return $html;
  	}

  Son olarakta; “clientscript/vbulletin_inlinemod.js” dosyasında aratın;

  var H=fetch_tags(table,"td");

  Aşağıdaki kod ile değiştirin;

  var H=fetch_tags(table,"div");

Herkese büyük geçmiş olsun… Çok uğraştınız ama bu düzenlemelerden sonra sorunsuz bir temaya sahip oldunuz. Temayı kullanacak arkadaşlara, şimdiden çok teşekkür ederim.

İsim / Soyisim

E-Posta Adresi

Web Sitesi

Yorum