05.03.2011, Saat: 08:24
MyBB Default 3 Sütunlu Manuel Portal Oluşturma - Kodlu Uygulamalı Portal Yapımı
Merhaba arkadaşlar,
Bugün sizlere, eklenti kullanmadan, tek bir dosya ve birkaç şablon ile nasıl stabil portal yapılır anlatmaya çalışacağım ve bu portalı hepbirlikte geliştireceğiz varmısınız ?
Bu sayede, ''MCTR Multi Portal'' sistemini piyasaya sürmeden önce az çok herkes portal nasıl yapılır öğrenmiş olacak..
Aşama: 1- Şimdi ilk önce portal sayfasını 3 blok yapıyoruz:
Kullandığınız temanın portal şablonunu açıyor ve aşağıdaki kodlarla komple değişiyorsunuz:
Üsteki vermiş olduğum kodlar sayesinde, portalımız 3 sütunlu olmuş oldu, bu işlemi yaptıktan sonra portaldaki son konuları genel bakış stili gibi ayarlayalım.
Aşagıdaki kodların tümünü portal_latestthreads şablonundaki kodlar ile değiştirin.
Daha sonra yine aşağıdaki kodların tümünü, portal_latestthreads_thread şablonundaki kodlar iel değiştirin.
Gelelim şimdi bu portalı özelleştirmeye, yani sağ ve sol bloklara reklam alanları ve menü eklemeye..
İlk önce sağ tarafa css menü ekliyoruz, mctr stil menü:
Aşama: 2- Kullandığınız temanın global.css kalıplarını açıyor ve en sona şu kodları ekliyoruz..
Evet css kodları ekledikten sonra, kullandığınız temanın şablonlarına girin ve üst kısımdan yeni şablon ekleye tıklayın, açılan sayfadan şablon başlığı olarak portal_menu yazın ve boş olarak kaydedin..
kaydetikten sonra tekrar portal şablonlarına gelin oluşturduğunuz portal_menu şablonuna tıklayın mavi renkli imlenmiş olacaktır çabuk bulursunuz zaten.
Aşağıdaki kodları oluşturmuş olduğunuz portal_menu şablonuna ekliyorsunuz....
Şimdi sıra geldi bu menüyü portal sayfasında göstermeye, eğer üsteki adımları doğru bir şekilde yaptıysanız sorun yaşamazsınız..
Menüyü göstermek için, portal şablonuna giriyoruz ve aşağıdaki kodu:
Şu kodun hemen üstüne ekliyoruz.
Ve ek'teki portal.php dosyasını ana dizine atıyoruz....
Aşama: 3- Şimdi portal sayfasındaki orta blokta olan duyuru konularına sayfa numaralandırma sistemi uygulayacağız, ek'teki portal.php dosyasına ben gerekli kodları ekledim, siz sadece aşağıdaki vermiş olduğum kodu ekliyorsunuz.
Yani portal şablonunda şu kodu bulun:
Hemen altına şu kodu ekleyin:
Evet bu sayede duyuru konularına multi page özelliği uygulamış olduk, yani sayfalama sistemi..
Devam ediyoruz....
Aşama: 4- Şimdi sol veya sağ blok için reklam alanı kutusu oluşturalım...
Reklam alanı için portal.php dosyasına ben gereken sihirli kodu ekledim, siz şu adımları takip ediyorsunuz:
kullandığınız temanın şablonlarına girin ve üst kısımdan yeni şablon ekleye tıklayın, açılan sayfadan şablon başlığı olarak portal_reklam yazın ve boş olarak kaydedin..
kaydetikten sonra tekrar portal şablonlarına gelin oluşturduğunuz portal_reklam şablonuna tıklayın mavi renkli imlenmiş olacaktır.
Aşağıdaki kodları oluşturmuş olduğunuz portal_reklam şablonuna ekliyorsunuz....
Şimdi sıra geldi bu reklam kutusunu portal sayfasında göstermeye, eğer üsteki adımları doğru bir şekilde yaptıysanız sorun yaşamazsınız..
Reklam kutusunu göstermek için, portal şablonuna giriyoruz ve aşağıdaki kodu:
çıkmasını istediğiniz yere ekliyorsunuz....
Aşama: 5- Şimdi portal sayfasındaki duyuru konuları için karakter sınırı ve devamı linki ekleyelim...
İlk önce Ek'teki portal.php dosyasını ana dizine atıyoruz, daha sonra, portal şablonlarından portal_announcement şablonu açıyor ve şu kodları buluyorsunuz.
Üsteki kodun hemen altına şu kodları ekliyor ve sayfayı kaydediyoruz...
Evet böylece orta bloktaki duyuru konularına karakter sınırı ve devamı uygulamasını yapmış olduk...
Geldik uygulamanın sonuna ve portal.php dosyasındaki sihirli kodların açıklamasına....
Şimdi anlatımda uyguladığımız menü ve reklam kutusu için portal.php dosyasına eklediğim kod gayet çok basit ve bir okadar da kullanışlı ve istediğiniz kadar bu kutu sayısını özel şablon oluşturarak arttırabiliyorsunuz, nasıl mı?
Hemen açıklıyorum... Portal.php dosyasına reklam kutusu için eklemiş olduğum kodu örnek veriyorum:
Portal.php dosyasının 251'ci satırında bulunan bu kodun hemen altından devam ederek, dilediğiniz kadar sol veya sağ blok için ekstra kutular oluşturabilirsiniz..
sihirli kodunuza isim verirken acele etmeden dikkatli bir şekilde yaparsanız sorun yaşamazsınız arkadaşlar..
Örnek veriyorum dikkatli okuyun lütfen:
şimdi üsteki kodumuzda, portal_xs yazan kısım yeni oluşturacağımız şablon adı için, diğeri yani XpSerkan ise oluşturmak istediğimiz şablondaki kutunun kısaltması yani {$xpserkan} <-- bu kodu portala eklediğimiz zaman kutu çıkıyor...
kısaca; {$xpserkan} kodu portal_xs şablonundaki ekli kodları direk çekerek portal sayfasına yansıtıyor..
peki kutunun şablonu için kodları nasıl oluşturacağız derseniz eğer, oda gayet çok basit, bunun için üsteki reklam kutusunun kodlarını kullanabilirsiniz diyorum...
Sonuç olarak; Manuel Portal ekran görüntülerine bakacak olursanız, eklenti kullanmadan kodlar sayesinde neler yapıldığını anlayabilirsiniz...
MyBB MCTR Portal V1 Görünümü:
MyBB Manuel MCTR Portal v1 Sistemi
Merhaba arkadaşlar,
Bugün sizlere, eklenti kullanmadan, tek bir dosya ve birkaç şablon ile nasıl stabil portal yapılır anlatmaya çalışacağım ve bu portalı hepbirlikte geliştireceğiz varmısınız ?
Bu sayede, ''MCTR Multi Portal'' sistemini piyasaya sürmeden önce az çok herkes portal nasıl yapılır öğrenmiş olacak..
Aşama: 1- Şimdi ilk önce portal sayfasını 3 blok yapıyoruz:
Kullandığınız temanın portal şablonunu açıyor ve aşağıdaki kodlarla komple değişiyorsunuz:
Kod:
<html>
<head>
<title>Portal - {$mybb->settings['bbname']}</title>
{$headerinclude}
</head>
<body>
{$header}
<table width="100%" cellspacing="0" cellpadding="{$theme['tablespace']}" border="0" align="center">
<tr><td valign="top" width="190">
{$latestthreads}
</td>
<td valign="top">
{$announcements}
</td>
<td valign="top" width="190">
{$welcome}
{$pms}
{$search}
{$stats}
{$whosonline}
</td>
</tr>
</table>
{$footer}
</body>
</html>
Üsteki vermiş olduğum kodlar sayesinde, portalımız 3 sütunlu olmuş oldu, bu işlemi yaptıktan sonra portaldaki son konuları genel bakış stili gibi ayarlayalım.
Aşagıdaki kodların tümünü portal_latestthreads şablonundaki kodlar ile değiştirin.
Kod:
<br />
<table class="tborder" border="0" cellpadding="1" cellspacing="1">
<tr>
<td class="thead" colspan="6"><strong>{$lang->latest_threads}</strong></td>
</tr>
<tr>
<td class="tcat" height="24" width="5%"> </td>
<td class="tcat" width="50%"><span class="smalltext"><strong>Konular</strong></span></td>
<td class="tcat" align="center" width="10%"><span class="smalltext"><strong>Yorumlar</strong></span></td>
<td class="tcat" align="center" width="10%"><span class="smalltext"><strong>Okunma</strong></span></td>
<td class="tcat" align="center" width="25%"><span class="smalltext"><strong>Son Yorum</strong></span></td>
</tr>
{$threadlist}
</table>
<br />
Daha sonra yine aşağıdaki kodların tümünü, portal_latestthreads_thread şablonundaki kodlar iel değiştirin.
Kod:
<tr>
<td class="trow1" align="center" height="24">{$icon}</td>
<td class="trow2"><a href="{$mybb->settings['bburl']}/{$thread['threadlink']}" title="{$thread['subject']}">{$thread['subject']}</a></td>
<td class="trow1" align="center">{$thread['replies']}</td>
<td class="trow2" align="center">{$thread['views']}</td>
<td class="trow1"><span class="smalltext"><img src="{$theme['imgdir']}/icons/takvim.png" style="vertical-align: middle;" height="14" width="14" alt="Takvim" border="0" /> Tarih: {$lastpostdate} {$lastposttime}<br /><img src="{$theme['imgdir']}/icons/user.gif" style="vertical-align: middle;" alt="Yazar" height="14" width="14" border="0" /> <a href="{$thread['lastpostlink']}" title="Son Yoruma Git">{$lang->latest_threads_lastpost}</a> {$lastposterlink}</span></td></tr>
Gelelim şimdi bu portalı özelleştirmeye, yani sağ ve sol bloklara reklam alanları ve menü eklemeye..
İlk önce sağ tarafa css menü ekliyoruz, mctr stil menü:
Aşama: 2- Kullandığınız temanın global.css kalıplarını açıyor ve en sona şu kodları ekliyoruz..
Kod:
/* XS Sidebar Menu CSS */
#sidebar_menu ul {
margin: 0;
padding: 0;
list-style: none;
}
#sidebar_menu ul img {
margin: 0;
padding: 0;
vertical-align: top;
}
#sidebar_menu li a {
text-decoration: none;
padding: 3px;
border-bottom: 1px dotted #9F8D6D;
}
#sidebar_menu li a:link, #sidebar_menu li a:visited {
color: #000;
display: block;
background: transparent;
}
#sidebar_menu li a:hover {
color: #48310A;
background: #ECE3D2;
}
Evet css kodları ekledikten sonra, kullandığınız temanın şablonlarına girin ve üst kısımdan yeni şablon ekleye tıklayın, açılan sayfadan şablon başlığı olarak portal_menu yazın ve boş olarak kaydedin..
kaydetikten sonra tekrar portal şablonlarına gelin oluşturduğunuz portal_menu şablonuna tıklayın mavi renkli imlenmiş olacaktır çabuk bulursunuz zaten.
Aşağıdaki kodları oluşturmuş olduğunuz portal_menu şablonuna ekliyorsunuz....
Kod:
<table class="tborder" border="0" cellpadding="4" cellspacing="1">
<tbody><tr>
<td class="thead"><strong>Sipsak Hızlı Menü</strong></td>
</tr>
<tr>
<td class="trow1">
<div id="sidebar_menu">
<ul>
<li><a href="http://www.siteadınız.com/" title=" AnaSayfa">AnaSayfa</a></li>
<li><a href="/index.php" title="Forum">Forum</a></li>
<li><a href="/portal.php" title="Portal">Portal</a></li>
</ul></div>
</td>
</tr>
</tbody></table>
<br />
Şimdi sıra geldi bu menüyü portal sayfasında göstermeye, eğer üsteki adımları doğru bir şekilde yaptıysanız sorun yaşamazsınız..
Menüyü göstermek için, portal şablonuna giriyoruz ve aşağıdaki kodu:
PHP Kod:
{$menu}
Şu kodun hemen üstüne ekliyoruz.
PHP Kod:
{$latestthreads}
Ve ek'teki portal.php dosyasını ana dizine atıyoruz....
Aşama: 3- Şimdi portal sayfasındaki orta blokta olan duyuru konularına sayfa numaralandırma sistemi uygulayacağız, ek'teki portal.php dosyasına ben gerekli kodları ekledim, siz sadece aşağıdaki vermiş olduğum kodu ekliyorsunuz.
Yani portal şablonunda şu kodu bulun:
PHP Kod:
{$announcements}
Hemen altına şu kodu ekleyin:
PHP Kod:
{$multipage}
Evet bu sayede duyuru konularına multi page özelliği uygulamış olduk, yani sayfalama sistemi..
Devam ediyoruz....
Aşama: 4- Şimdi sol veya sağ blok için reklam alanı kutusu oluşturalım...
Reklam alanı için portal.php dosyasına ben gereken sihirli kodu ekledim, siz şu adımları takip ediyorsunuz:
kullandığınız temanın şablonlarına girin ve üst kısımdan yeni şablon ekleye tıklayın, açılan sayfadan şablon başlığı olarak portal_reklam yazın ve boş olarak kaydedin..
kaydetikten sonra tekrar portal şablonlarına gelin oluşturduğunuz portal_reklam şablonuna tıklayın mavi renkli imlenmiş olacaktır.
Aşağıdaki kodları oluşturmuş olduğunuz portal_reklam şablonuna ekliyorsunuz....
Kod:
<table class="tborder" border="0" cellpadding="4" cellspacing="1">
<tbody><tr>
<td class="thead"><strong>Reklam Alanı</strong></td>
</tr>
<tr>
<td class="trow1">
Reklam kodu veya banner buraya..
</td>
</tr>
</tbody></table>
<br />
Şimdi sıra geldi bu reklam kutusunu portal sayfasında göstermeye, eğer üsteki adımları doğru bir şekilde yaptıysanız sorun yaşamazsınız..
Reklam kutusunu göstermek için, portal şablonuna giriyoruz ve aşağıdaki kodu:
PHP Kod:
{$reklam}
çıkmasını istediğiniz yere ekliyorsunuz....
Aşama: 5- Şimdi portal sayfasındaki duyuru konuları için karakter sınırı ve devamı linki ekleyelim...
İlk önce Ek'teki portal.php dosyasını ana dizine atıyoruz, daha sonra, portal şablonlarından portal_announcement şablonu açıyor ve şu kodları buluyorsunuz.
PHP Kod:
<p>
{$message}
</p>
Üsteki kodun hemen altına şu kodları ekliyor ve sayfayı kaydediyoruz...
Kod:
<br /><strong><a href="{$mybb->settings['bburl']}/{$announcement['threadlink']}" title="{$announcement['subject']}, Konusunun Devamını Okumak için Tıklayın.">Devamı...</a></strong>
Evet böylece orta bloktaki duyuru konularına karakter sınırı ve devamı uygulamasını yapmış olduk...
Geldik uygulamanın sonuna ve portal.php dosyasındaki sihirli kodların açıklamasına....
Şimdi anlatımda uyguladığımız menü ve reklam kutusu için portal.php dosyasına eklediğim kod gayet çok basit ve bir okadar da kullanışlı ve istediğiniz kadar bu kutu sayısını özel şablon oluşturarak arttırabiliyorsunuz, nasıl mı?
Hemen açıklıyorum... Portal.php dosyasına reklam kutusu için eklemiş olduğum kodu örnek veriyorum:
PHP Kod:
// Portal Reklam
{
eval("\$reklam = \"".$templates->get("portal_reklam")."\";");
}
Portal.php dosyasının 251'ci satırında bulunan bu kodun hemen altından devam ederek, dilediğiniz kadar sol veya sağ blok için ekstra kutular oluşturabilirsiniz..
sihirli kodunuza isim verirken acele etmeden dikkatli bir şekilde yaparsanız sorun yaşamazsınız arkadaşlar..
Örnek veriyorum dikkatli okuyun lütfen:
PHP Kod:
eval("\$xpserkan = \"".$templates->get("portal_xs")."\";");
şimdi üsteki kodumuzda, portal_xs yazan kısım yeni oluşturacağımız şablon adı için, diğeri yani XpSerkan ise oluşturmak istediğimiz şablondaki kutunun kısaltması yani {$xpserkan} <-- bu kodu portala eklediğimiz zaman kutu çıkıyor...
kısaca; {$xpserkan} kodu portal_xs şablonundaki ekli kodları direk çekerek portal sayfasına yansıtıyor..
peki kutunun şablonu için kodları nasıl oluşturacağız derseniz eğer, oda gayet çok basit, bunun için üsteki reklam kutusunun kodlarını kullanabilirsiniz diyorum...
Sonuç olarak; Manuel Portal ekran görüntülerine bakacak olursanız, eklenti kullanmadan kodlar sayesinde neler yapıldığını anlayabilirsiniz...
MyBB MCTR Portal V1 Görünümü:
MyBB Manuel MCTR Portal v1 Sistemi
MyBB.Com.TR XpSerkan.Com FB.Com/XpSerkan
Google: +MyBBGrup FaceBook: #MyBBGrup Twitter: @MyBBGrup YouTube: ►MyBBGrup
MyBB Destek MyBB Tema MyBB Eklenti MyBB Seo
≧◔◡◔≦ I Love You MyBB (>‿♥)
Google: +MyBBGrup FaceBook: #MyBBGrup Twitter: @MyBBGrup YouTube: ►MyBBGrup
MyBB Destek MyBB Tema MyBB Eklenti MyBB Seo
≧◔◡◔≦ I Love You MyBB (>‿♥)