Eagle Design V.4 Premium Temada da kullandığım bir yöntemi anlatacağım… Bu işlem bizlere şunu sağlayacak; WordPress yazılarına yaptığınız yorumlarda kimi temalarda (şuan benim yaptığım wp temasında da görebilirsiniz) adminin yazdığı mesajlar farklı bir şekilde beliriyor. Bunu benden önce “Blackinci” özel bir MyBB temasında kullanmıştı. Sanırım o da bu yöntemle kullanmıştır… Son derece basit ve eğer ustaca kullanırsanız harika işler çıkarabileceğiniz bir yöntemdir.

Gelelim anlatıma;

İlk başta MyBB Forumunuzun Admin Panelinden “PostBit” şablonunu açın. İşlemlerimizi sadece bu şablon içerisinde yapacağız.
En üstte bulunan < table… kodunun başladığı tablo bizim mesajımızın belirdiği kısmın başlangıcıdır. (bkz. Resim1)

(Resim1)

Postbit Şablonunun forumumuzda oluşturduğu kısım ise Resim2 deki gibidir. Kırmızı ok ile gösterilen yer yukarıda belirttiğimiz < table… başlangıcıdır.

(Resim2)

Burada bize lazım olan sihirli bir kod var o da şu: {$usergroup['gid']}
Bu kod o mesajı yazanın grupID numarasını (bkz. Resim3) kullandığımız yere yazacaktır. Yapacağımız işlemin mantığı şudur:
Bir tablo veya div için kullanılan bir css class veya id isminin sonuna bu kodu ekleyeceğiz. Ve her mesajda mesajı yazanın grupIDsine göre bu class veya id ismi değişecek.
Uygulama ile daha iyi anlayacaksınız… Devam edelim…

(Resim3)

Şuan ben MyBBnin default şablon ve csslerini kullanarak basit bi yöntem uygulayacağım. Bunu siz hayal gücü ve yeteneğinize göre daha da geliştirebilirsiniz.

Adım1: Postbit şablonundaki td class=”tcat” Kodunu td class=”tcat2″ olarak değiştiriyorum.
Adım2: Resim1 deki işaretleyip belirttiğim table satırındaki class=”tborder” kısmını class=”tborder-{$usergroup['gid']}” olarak değiştiriyorum. Ve kaydediyorum.

Şablonlarla işimiz kalmadı.

Şimdi temamızın CSS kısmına geçiyoruz. global.css sayfasına giriyoruz.
“CSS Düzenleme: Gelişmiş Mod” kısmını açıp en üste aşağıdaki cssleri ekliyoruz. (anlatarak ekliyorum)

.tcat2 {
	background: none;
	color: #000000;
	font-size: 12px;
}

tcat2 kısmını oluşturarak üst kısma (mesajın yazılma tarihinin vs. bulundauğu kısım) verilen background u kaldırdım. Orjinal .tcat cssini kopyalayarak değiştirdim ki bi aksilik olmasın.

.tborder-4 {
	background: #f1c4c9;
	width: 100%;
	margin: auto auto;
	border: 1px solid #db6370;
}

“-4″ olarak sonuna eklememin sebebi admin grubunun varsayılan grupID numarası 4 olduğu için elde edeceğimiz yeni css ismine de 4 eklenecek. Bu yüzden ekledik ki dilediğimiz şekli rahat rahat verelim.

.tborder-1,.tborder-2,.tborder-3,.tborder-5,.tborder-6,.tborder-7 {
	background: #81A2C4;
	width: 100%;
	margin: auto auto;
	border: 1px solid #0F5C8E;
}

Bunlar da diğer grupların şekilleri. Dikkat ederseniz içindeki cssler .tborder cssinin aynısıdır. Bu anlatımda ben sadece adminin rengini değiştirdim. Eğer farklı bi gruba başka bir şekil eklemek istiyorsanız yukarıdaki toplu olarak işlem yaptığımız kısımdan o idyi çıkarın ve üstteki 4 numaralı id de yaptığımız gibi ayrı olarak değerler verin.
Son durum:

(Resim4)

Ben bu işlemleri en basit şekilde yaptım. Siz bunları daha da gelitirebilirsiniz. Burada sadece mantığını anlatmak istedim.

Mesela E.D. V4 Temamda bu işlemi biraz daha gelişmiş olarak kullandım. Konuda bulunan ekran görüntülerini ve tanıtım videosunu izleyerek görebilirsiniz ortaya çıkan sonuçları.

Yapımcısı : eAGLe
Açıklama : Belli bir boyutun üzerine çıkan resimleri sizin belirlediğiniz boyuta oranlıyarak küçültür. Orjinalini ise ayrı sayfada resmi tekrar açmadan görüntüler.

Önemli: V.1 sürümündeki gibi resmi ortaladığınızda, ortalamadığınız diğer yazıları da ortalama gibi bir problem kalmadı. Bazı temalarda da alakasız yerlerde kaymalara yol açıyordu aynı temalarda denendi ve herhangi bir sorun görünmedi. Ayrıca kodlarda düzenleme ve sadeleştirmeler yapıldı… Gönül rahatlığıyla kullanabilirsiniz.

Kurulum (Paket içinde de mevcut) :

1) Ftp’de bulunan inc/class_parser.php dosyanızın yedeğini alın.
2) class_parser.php dosyanızı bir editörle açın ve aşağıdaki
değişimleri uygulayın;

BUL:

return "<img src=\"{$url}\" border=\"0\" alt=\"{$alt}\"{$css_align} />";

DEĞİŞTİR:

return "<img src=\"{$url}\" border=\"0\" alt=\"{$alt}\"{$css_align} onload=\"NcodeImageResizer.createOn(this);\"/>";

BUL:

$standard_mycode['align']['replacement'] = "<div style=\"text-align: $1;\">$2</div>";

DEĞİŞTİR:

$standard_mycode['align']['replacement'] = "<div align=\"$1\">$2</div>";

3) Şablonlarda en alttaki grupta bulunan (gruplandırılmamış) “headerinclude” şablonunu açın ve ekleyin;

<SCRIPT src="resizer/ncode1.js" type=text/javascript></SCRIPT>
<SCRIPT src="resizer/ncode2.js" type=text/javascript></SCRIPT>
<link type="text/css" rel="stylesheet" href="resizer/ncode.css" />
<SCRIPT type=text/javascript>
NcodeImageResizer.MODE = 'enlarge';
NcodeImageResizer.MAXWIDTH = 600;
NcodeImageResizer.MAXHEIGHT = 0;
vbphrase['ncode_imageresizer_warning_small'] = 'Resmi esas boyutunda görüntülemek için tıklayın.';
vbphrase['ncode_imageresizer_warning_filesize'] = 'Resmi esas boyutunda görüntülemek için tıklayın.';
vbphrase['ncode_imageresizer_warning_no_filesize'] = 'Resmi orjinal boyutunda görüntülemek için tıklayın.';
vbphrase['ncode_imageresizer_warning_fullsize'] = 'Resmi tekrar küçültmek için tıklayın.';
</SCRIPT>

4) Forumunuzun kurulu olduğu ana dizine yani images, jscripts, inc… klasörlerinin olduğu dizine paketin içindeki “resizer” klasörünü atın.

İndir: MyBB-icin-ncode-resizer.rar

Açıklama: Avatara yansıma efekti vermenizi sağlar. Ayrıca kendi isteğinize göre forumda diğer yerlerde de uygulayabilirsiniz. Benim paylaştığım avatarlar için…

Uyarlayan : eAGLe

KURULUM (Paket içinde de var.) =

• reflection.js dosyasını forumunuzun ana dizinindeki …/jscripts/ Klasörüne atın.

• MyBB Forumunuzda : Kontrol Paneli // Şablon & Tema // Şablon & Tema // TEMANIZ // Ungrouped Templates // headerinclude // şablonunu açın,En alta ekleyin =

  <script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/reflection.js?ver=1400"></script>
  

• Mesaj Profili Şablonlar // postbit_avatar // Şablonunu açınKomple aşağıdakiyle değiştirin (postbit_avatar için) =

  <a href="{$post['profilelink_plain']}"><img src="{$post['avatar']}" class="reflect rheight20 ropacity60" alt="" {$avatar_width_height} /></a>
  

• Yansıma Opaklığı arttırmak yada azaltmak için Mesela =

class="reflect rheight20 ropacity60"

İndir: avatar-reflection.rar

Bu kadar…
NOT: Opera, Firefox ve IE7 de denendi sorunsuz. Uygulamayı doğru yaparsanız sorunsuz çalışacaktır.

Yapımcı : eAGLe
Açıklama : Link, resim … (artık neye uygularsanız) üzerine geldiğinizde bulut içerisinde açıklamasını yada ne istiyosanız onu gösteren bi uygulama. (javascript)
Kurulum :

Ekteki paketi indirin… Dosyaları ana dizine atın…
headerinclude şablonuna ekleyin :

<link rel="stylesheet" type="text/css" href="jscripts/tooltipstyle.css" />
<script type="text/javascript" language="javascript" src="jscripts/tooltip.js"></script>

Daha sonra bu uygulamayı nerde kullanmak istiyosanız (mesela ben resim için kullandım capsda gördüğünüz gibi) o şeyi şu kodlar arasına ekliyorsunuz :

<span onmouseover="tooltip.show('<strong>ÇIKMASINI İSTEDİĞİN YAZI</strong>');" onmouseout="tooltip.hide();">EKLEMEK İSTEDİĞİN ŞEY</span>

İndir: MyBB-icin-TollTip.rar

NOT: Kodlarla aranız iyi ise gerçekten harika işlere yarıyor. Kodlarla arası pek iyi olmayan arkadaşların çok çok ince yerlerde uygulamamasını tavsiye ederim…