Bu okuyacaklarınızın hepsi S e r s e r i tarafından hazırlanmıştır.Yani ALINTIDIR.


Önemli Not: Anlatılanların hepsi denenmiştir çalışmaktadır.

Bu resimler nasıl değiştiririm



Resimde 1 ve 2 İle İşaretli Yerler catbg.jpg ve titlebg.jpg Resmidir.( 1=catbg.jpg , 2=titlebg.jpg ) İmages Klasöründen çıkarıp rengini Değişirseniz Anasayfadada Rengi Değişmiş Olur Fakat arka planını style.css den değişmek Gerekir Onu Sonra anlatıcaz

3,4,5 İle İşaretli Yerler İse Style.css ile değişebiliriz

Css Terimleri İle ilgili Detaylı Bilgi için
http://www.simplemachines.org/community/index.php?topic=92794.0#post_f

Style.css den kendimce en önemli yerler
/* Normal, standard links. */
a:link
{
color: #476C8E;
text-decoration: none;
}
a:visited
{
color: #476C8E;
text-decoration: none;
}
a:hover
{
text-decoration: underline;
}

Kodlarıdır bunlarla forumdaki bütün linklerin renklerini belirleyebilirsiniz

color: Karsınısa herhangi bir renk kodu yazmanız yeterlidir

--------------------------------------------------------------------------------
5 İle İşaretli yerin rengini değiştirmek için alttaki kodla oynamamız yeterlidir

/* The main body of the entire forum. */
body
{
background-color: #000000;
margin: 0px;
padding: 12px 30px 4px 30px;
}
background-color: #000000; Burda kırmızı renkle belirttiğim yere bir renk kodu yazmanız yeterlidir

--------------------------------------------------------------------------------
Diğer Kodlar İse

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
color: #000000;
background-color: #666666;
}
.windowbg2
{
color: #000000;
background-color: #999999;
}
.windowbg3
{
color: #000000;
background-color: #000000;
}

color= yazı rengidir
background-color= arkaplan rengidir

windowbg = 4 ile işaretlediğim yerdir

windowbg2 = 3 ile işaretlediğim yerdir

windowbg3 = Alt bölümlerin olduğu yerin rengini düzenler


Arkadaşlar kodlamada aslında sanıldığı kadar bir zorluk yok biraz html biraz da php karıstırınca ufakta olsa bişiler yapabiliyo insan  mesela not defterinden html sayfası yapabiliyosanız temalara harika şekiller verebilirsiniz. Temaların üzerinde oynama yapabilmeniz için Html kodlarında ilk Öğrenmeniz gereken bence tablo kodlarıdır

<table>
<tr>
<td>
</td>
</tr>
</table>

Gibi Çaktırmayın bende fazla bilmiyorum  Html hakkında daha fazla bilgi isterseniz
http://www.simplemachines.org/community/index.php?topic=95808.0

Daha Sonra <b><i><center><a href><img src> aling="" class="" height="" width="" Gibi kodlar 

Ufak Taktikler

Bu bölümde default temayı biraz editliyeceğiz ve mantığı kavrıyacağız

---------------------------------------------------------------------
Birinci Ders

İlk Olarak Alttaki Resimdeki Gibi Forum İsmi Yazan Tabloyu Kaldıralım



İndex.template.php Dosyasını Açın Alttaki Kodu Bulun Ve Silin

echo '
<div class="tborder" ', $context['browser']['needs_size_fix'] && !$context['browser']['is_ie6'] ? ' style="width: 100%;"' : '', '>
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td class="catbg" height="32">';

if (empty($settings['header_logo_url']))
echo '
<span style="font-family: Verdana, sans-serif; font-size: 140%; ">', $context['forum_name'], '</span>';
else
echo '
<img src="', $settings['header_logo_url'], '" style="margin: 4px;" alt="', $context['forum_name'], '" />';

echo '
</td>
<td align="right" class="catbg">
<img src="', $settings['images_url'], '/smflogo.gif" style="margin: 2px;" alt="" />
</td>
</tr>
</table>';
Şimdi Alttaki Gibi Bir Görüntü Elde Etmiş Olduk







Üstteki Resimdeki Gibi En Üste İstatistikler

İndex.template.phpyi açın

Alttaki Kodu Bulun

echo '
<div class="tborder" ', $context['browser']['needs_size_fix'] && !$context['browser']['is_ie6'] ? ' style="width: 100%;"' : '', '>
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td class="catbg" height="32">';

if (empty($settings['header_logo_url']))
echo '
<span style="font-family: Verdana, sans-serif; font-size: 140%; ">', $context['forum_name'], '</span>';
else
echo '
<img src="', $settings['header_logo_url'], '" style="margin: 4px;" alt="', $context['forum_name'], '" />';

echo '
</td>
<td align="right" class="catbg">
<img src="', $settings['images_url'], '/smflogo.gif" style="margin: 2px;" alt="" />
</td>
</tr>
</table>';

Alttaki ile değiştirin

echo '
<div class="tborder" ', $context['browser']['needs_size_fix'] && !$context['browser']['is_ie6'] ? ' style="width: 100%;"' : '', '>
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td class="catbg" height="32"><center>
[Toplam Mesaj Sayısı: <b>', $context['common_stats']['total_posts'], '</b>] - [Toplam Konu Sayısı: <b>', $context['common_stats']['total_topics'], '</b>] - [Toplam Uye Sayısı: <b>', $context['common_stats']['total_members'], '</b>]
</td></tr>
</center></table>';
----------------------------------------------------------------------
Aşağıdaki Kodları Nereye Koyarsanız Orda Resimdeki Gibi İstatistik Çıkar

[Toplam Mesaj Sayısı: <b>', $context['common_stats']['total_posts'], '</b>] - [Toplam Konu Sayısı: <b>', $context['common_stats']['total_topics'], '</b>] - [Toplam Uye Sayısı: <b>', $context['common_stats']['total_members'], '</b>]

---------------------------------------------------------------------
Simplemachines forum logosunu silip forum ismini ortalamak

Alttaki Gibi Bir Görüntü Elde Etmek İçin



İndex.template.php yi açın

Alttaki Kodu Bulun

td class="catbg" height="32">';

if (empty($settings['header_logo_url']))
echo '
<span style="font-family: Verdana, sans-serif; font-size: 140%; ">', $context['forum_name'], '</span>';
else
echo '
<img src="', $settings['header_logo_url'], '" style="margin: 4px;" alt="', $context['forum_name'], '" />';

echo '
</td>
<td align="right" class="catbg">
<img src="', $settings['images_url'], '/smflogo.gif" style="margin: 2px;" alt="" />
</td>
</tr>
</table>';
Alttaki Kod İle Değiştirin

<td class="catbg" height="32"><center>';

if (empty($settings['header_logo_url']))
echo '
<span style="font-family: Verdana, sans-serif; font-size: 140%; ">', $context['forum_name'], '</span>';
else
echo '
<img src="', $settings['header_logo_url'], '" style="margin: 4px;" alt="', $context['forum_name'], '" />';

echo '
</td>

</tr>
</table></center>';

Duyurular Kısmı



Burda Duyurular Yazısını Ortalamak İçin

Boardindex.template.php Dosyasını Açın

Alttaki Kodu Bulun

<td class="catbg"> &nbsp;', $txt[102], '</td>
değiştirin

<td align="center" class="catbg"> &nbsp;', $txt[102], '</td>
-------------------------------------------------------------------------------------------------
Duyurular Yerine İstediğinizi Yazmak İçin

Alttakini Bul

<td class="catbg"> &nbsp;', $txt[102], '</td>
<td class="catbg">İstediğini Yaz</td>

------------------------------------------------------------------------------------------------

Duyurular Yazan Bölümü Kopmle Kaldırıp Slickpro Gibi Yapmak İçin
Alttaki Kodu Bulun Ve Silin


<tr>
<td align="center" class="catbg"> &nbsp;', $txt[102], '</td>
</tr>
Böylece Alttaki Resim Gibi Bi Duyuru Bölümü Sahibi Oluoruz



-------------------------------------------------------------------------------------------------------

Alt Blümleri Düzenleyelim

Boardindex.template.php yi açın

Alttaki Kodu Bulun
* Each child in each board's children has:
id, name, description, new (is it new?), topics (#), posts (#), href, link, and last_post. */
foreach ($board['children'] as $child)
{
$child['link'] = '<a href="' . $child['href'] . '" title="' . ($child['new'] ? $txt[333] : $txt[334]) . ' (' . $txt[330] . ': ' . $child['topics'] . ', ' . $txt[21] . ': ' . $child['posts'] . ')">' . $child['name'] . '</a>';
$children[] = $child['new'] ? '<b>' . $child['link'] . '</b>' : $child['link'];
}

echo '
<tr>
<td colspan="3" class="windowbg', !empty($settings['seperate_sticky_lock']) ? '3' : '', '">
<span class="smalltext"><b>', $txt['parent_boards'], '</b>: ', implode(', ', $children), '</span>
</td>
</tr>';
}
}
echo '
</table>';
}
echo '
</div>';
}

if ($context['user']['is_logged'])
{
echo '
<table border="0" width="100%" cellspacing="0" cellpadding="5">
<tr>
<td align="', !$context['right_to_left'] ? 'left' : 'right', '" class="smalltext">
<img src="' . $settings['images_url'] . '/new_some.gif" alt="" align="middle" /> ', $txt[333], '
<img src="' . $settings['images_url'] . '/new_none.gif" alt="" align="middle" style="margin-left: 4ex;" /> ', $txt[334], '
</td>
<td align="', !$context['right_to_left'] ? 'right' : 'left', '">';
Alttalki ile değiştirin
/* Each child in each board's children has:
id, name, description, new (is it new?), topics (#), posts (#), href, link, and last_post. */
$sayac=0;
foreach ($board['children'] as $child)
{
  $child['link'] = '<img src="BURAYA BİR RESİM LİNKİ EKLEYİN" /> <a href="' . $child['href'] . '" title="' . ($child['new'] ? $txt[333] : $txt[334]) . ' (' . $txt[330] . ': ' . $child['topics'] . ', ' . $txt[21] . ': ' . $child['posts'] . ')">' . $child['name'] . '</a>';
$children[] = $child['new'] ? '<b>' . $child['link'] . '</b>' : $child['link'];
$sayac++;
}

echo '
<tr>
<td colspan="7" class="windowbg', !empty($settings['seperate_sticky_lock']) ? '3' : '', '">
<table><tr><td valign="top">
<span class="smalltext"><b>', $txt['parent_boards'], '</b><br/>';
for($sayac2 = 0 ; $sayac2 < ceil($sayac/2);$sayac2++)
echo $children[$sayac2], '<br/>';
echo '
</span></td><td width="30"><span class="smalltext"></td><td valign="top"><span class="smalltext"><br/>';
for(; $sayac2 < $sayac ; $sayac2++)
echo $children[$sayac2], '<br/>';
echo '
</span>
</td></tr></table>
</td>
</tr>';
}
}
echo '
</table>';
}
echo '
</div>';
}

if ($context['user']['is_logged'])
{
echo '
<table border="0" width="100%" cellspacing="0" cellpadding="5">
<tr>
<td align="', !$context['right_to_left'] ? 'left' : 'right', '" class="smalltext">
<img src="' . $settings['images_url'] . '/new_some.gif" alt="" align="middle" /> ', $txt[333], '
<img src="' . $settings['images_url'] . '/new_none.gif" alt="" align="middle" style="margin-left: 4ex;" /> ', $txt[334], '
</td>
<td align="', !$context['right_to_left'] ? 'right' : 'left', '">';

BURAYA BİR RESİM LİNKİ EKLEYİN Yazan yere ufak bi resim linki ekleyin

Alttaki resimde gördüğünüz gibi alt bölümler daha düzenli oldu

Forum İstatistiklerinede El Atalım Ama Değilmi ?



Yukardaki gibi bi istatistik isterseniz

Boardindex.template.php yi açın ( Ki bunların hepsini yapıosanız hiç kapanmamıştır  )

// Show YaBB SP1 style information...
Hemen Altında ki Su Kodları Bulun

<td class="windowbg2" width="100%">
<span class="middletext">
', $context['common_stats']['total_posts'], ' ', $txt[95], ' ', $txt['smf88'], ' ', $context['common_stats']['total_topics'], ' ', $txt[64], ' ', $txt[525], ' ', $context['common_stats']['total_members'], ' ', $txt[19], '. ', $txt[656], ': <b> ', $context['common_stats']['latest_member']['link'], '</b>
<br /> ' . $txt[659] . ': <b>&quot;' . $context['latest_post']['link'] . '&quot;</b>  ( ' . $context['latest_post']['time'] . ' )<br />
<a href="', $scripturl, '?action=recent">', $txt[234], '</a>', $context['show_stats'] ? '<br />
<a href="' . $scripturl . '?action=stats">' . $txt['smf223'] . '</a>' : '', '
</span>
</td>
değiştirin

<td class="windowbg2" width="100%">
<span class="middletext"><center>
Toplam Atılan Mesaj Sayısı: <b>', $context['common_stats']['total_posts'], '</b> ', $txt[95], '<br> Toplam Açılan Konu Sayısı: <b>', $context['common_stats']['total_topics'], '</b> ', $txt[64], ' <br>Toplam Uye Sayısı: <b>', $context['common_stats']['total_members'], '</b> ', $txt[19], '.<br>Aramıza Katılan ', $txt[656], ': <b>', $context['common_stats']['latest_member']['link'], '</b>
<br />Sitemize Atılan ' . $txt[659] . ': <b>&quot;' . $context['latest_post']['link'] . '&quot;</b>  ( ' . $context['latest_post']['time'] . ' )<br />
<a href="', $scripturl, '?action=recent"><b>', $txt[234], '</b></a>', $context['show_stats'] ? '<br />
<a href="' . $scripturl . '?action=stats"><b>' . $txt['smf223'] . '</b></a>' : '', '
</center></span>
</td>

Bu Kodlarda

', $context['common_stats']['total_posts'], ' = Toplam mesajı Belirtir

', $context['common_stats']['total_topics'], ' = Toplam Konuyu Belirtir

', $context['common_stats']['total_members'], ' = Toplam Üye sayısını belirtir

', $context['common_stats']['latest_member']['link'], ' = Son Üyeyi Belirtir

Benim verdiğim bir örnekti sizde kendi kafanıza göre edit yapabilirsiniz

Forum İstatistikleri Yazısını Ortalamak İçin

Yine Aynı Yerde Alttaki kodu bulun

<td class="titlebg" colspan="2">', $txt[645], '</td>
değiştirin

<td align="center" class="titlebg" colspan="2">', $txt[645], '</td>
align="center" yazan yeri istediğiniz gibi değişip sağa veya sola dayalıda yapabilirsiniz

Çerceve İçinde

Arkadaşlar bunların hepsini veya teker teker <fieldset></fieldset> kodlarıyla cerceveleyince güzel görüntüler elde edebilirsiniz

Arkadaşlar Bu Sihirli Kodlar Slickprodaki gibi Online Üye Gruplarını Belirtir



Kullandığınız Temanın Boardindex.template Dosyasını Açın Eğer Yoksa Defaulttan Alın

Bu Kodu Bulun

// "Users online" - in order of activity.
echo '
<tr>
<td class="titlebg" colspan="2">', $txt[158], '</td>
</tr><tr>
<td rowspan="2" class="windowbg" width="20" valign="middle" align="center">
', $context['show_who'] ? '<a href="' . $scripturl . '?action=who">' : '', '<img src="', $settings['images_url'], '/icons/online.gif" alt="', $txt[158], '" />', $context['show_who'] ? '</a>' : '', '
</td>
<td class="windowbg2" width="100%">';

echo '
', $context['show_who'] ? '<a href="' . $scripturl . '?action=who">' : '', $context['num_guests'], ' ', $context['num_guests'] == 1 ? $txt['guest'] : $txt['guests'], ', ' . $context['num_users_online'], ' ', $context['num_users_online'] == 1 ? $txt['user'] : $txt['users'];

// Handle hidden users and buddies.
if (!empty($context['num_users_hidden']) || ($context['show_buddies'] && !empty($context['show_buddies'])))
{
echo ' (';

// Show the number of buddies online?
if ($context['show_buddies'])
echo $context['num_buddies'], ' ', $context['num_buddies'] == 1 ? $txt['buddy'] : $txt['buddies'];

// How about hidden users?
if (!empty($context['num_users_hidden']))
echo $context['show_buddies'] ? ', ' : '', $context['num_users_hidden'] . ' ' . $txt['hidden'];

echo ')';
}

echo $context['show_who'] ? '</a>' : '', '
<div class="smalltext">';

// Assuming there ARE users online... each user in users_online has an id, username, name, group, href, and link.
if (!empty($context['users_online']))
echo '
', $txt[140], ':<br />', implode(', ', $context['list_users_online']);

echo '
<br />
', $context['show_stats'] && !$settings['show_sp1_info'] ? '<a href="' . $scripturl . '?action=stats">' . $txt['smf223'] . '</a>' : '', '
</div>
</td>
</tr>
<tr>
<td class="windowbg2" width="100%">
<span class="middletext">
', $txt['most_online_today'], ': <b>', $modSettings['mostOnlineToday'], '</b>.
', $txt['most_online_ever'], ': ', $modSettings['mostOnline'], ' (' , timeformat($modSettings['mostDate']), ')
</span>
</td>
</tr>';
değiştirin

// "Users online" - in order of activity.
echo '
<tr>
<td class="titlebg" colspan="2">', $txt[158], '</td>
</tr><tr>
<td rowspan="3" class="windowbg" width="20" valign="middle" align="center">
', $context['show_who'] ? '<a href="' . $scripturl . '?action=who">' : '', '<img src="', $settings['images_url'], '/icons/online.gif" alt="', $txt[158], '" />', $context['show_who'] ? '</a>' : '', '
</td>
<td class="windowbg2" width="100%">';

echo '
', $context['show_who'] ? '<a href="' . $scripturl . '?action=who">' : '', $context['num_guests'], ' ', $context['num_guests'] == 1 ? $txt['guest'] : $txt['guests'], ', ' . $context['num_users_online'], ' ', $context['num_users_online'] == 1 ? $txt['user'] : $txt['users'];

// Handle hidden users and buddies.
if (!empty($context['num_users_hidden']) || ($context['show_buddies'] && !empty($context['show_buddies'])))
{
echo ' (';

// Show the number of buddies online?
if ($context['show_buddies'])
echo $context['num_buddies'], ' ', $context['num_buddies'] == 1 ? $txt['buddy'] : $txt['buddies'];

// How about hidden users?
if (!empty($context['num_users_hidden']))
echo $context['show_buddies'] ? ', ' : '', $context['num_users_hidden'] . ' ' . $txt['hidden'];

echo ')';
}

echo $context['show_who'] ? '</a>' : '', '
<div class="smalltext">';

// Assuming there ARE users online... each user in users_online has an id, username, name, group, href, and link.
if (!empty($context['users_online']))
echo '
', $txt[140], ':<br />', implode(', ', $context['list_users_online']);

echo '
<br />
', $context['show_stats'] && !$settings['show_sp1_info'] ? '<a href="' . $scripturl . '?action=stats">' . $txt['smf223'] . '</a>' : '', '
</div>
</td>
</tr>';

// MCL
if(!empty($context['online_groups']))
{
echo '
<tr>
<td class="windowbg2" width="100%">
<span class="middletext">';
foreach($context['online_groups'] as $group)
{
  if(!empty($group['color']) && $group['color'] != '')
echo '[<span style="color:' . $group['color'] . '">' . $group['name'] . '</span>] ';
}
echo '</span>
</td>
</tr>';
}
echo '
<tr>
<td class="windowbg2" width="100%">
<span class="middletext">
', $txt['most_online_today'], ': <b>', $modSettings['mostOnlineToday'], '</b>.
', $txt['most_online_ever'], ': ', $modSettings['mostOnline'], ' (' , timeformat($modSettings['mostDate']), ')
</span>
</td>
</tr>';

Sıra Geldi En Alta m3talc0re Tarzı



böyle bişey yapmak için

index.template.php yi açın

// Show the load time? buranın hemen üstünde

alttaki kodu bulun

<table cellspacing="0" cellpadding="3" border="0" align="center" width="100%">
<tr>
<td width="28%" valign="middle" align="', !$context['right_to_left'] ? 'right' : 'left', '">
<a href="http://www.mysql.com/" target="_blank"><img id="powered-mysql" src="', $settings['images_url'], '/powered-mysql.gif" alt="', $txt['powered_by_mysql'], '" width="54" height="20" style="margin: 5px 16px;" onmouseover="smfFooterHighlight(this, true);" onmouseout="smfFooterHighlight(this, false);" /></a>
<a href="http://www.php.net/" target="_blank"><img id="powered-php" src="', $settings['images_url'], '/powered-php.gif" alt="', $txt['powered_by_php'], '" width="54" height="20" style="margin: 5px 16px;" onmouseover="smfFooterHighlight(this, true);" onmouseout="smfFooterHighlight(this, false);" /></a>
</td>
<td valign="middle" align="center" style="white-space: nowrap;">
', theme_copyright(), '
</td>
<td width="28%" valign="middle" align="', !$context['right_to_left'] ? 'left' : 'right', '">
<a href="http://validator.w3.org/check/referer" target="_blank"><img id="valid-xhtml10" src="', $settings['images_url'], '/valid-xhtml10.gif" alt="', $txt['valid_xhtml'], '" width="54" height="20" style="margin: 5px 16px;" onmouseover="smfFooterHighlight(this, true);" onmouseout="smfFooterHighlight(this, false);" /></a>
<a href="http://jigsaw.w3.org/css-validator/check/referer" target="_blank"><img id="valid-css" src="', $settings['images_url'], '/valid-css.gif" alt="', $txt['valid_css'], '" width="54" height="20" style="margin: 5px 16px;" onmouseover="smfFooterHighlight(this, true);" onmouseout="smfFooterHighlight(this, false);" /></a>
</td>
</tr>
</table>';

Alttaki ile değiştirin

<table cellspacing="0" cellpadding="3" border="0" align="center" width="100%">
<tr>
<td width="28%" valign="middle" align="left" class="copyright-links">
Theme by <a href="http://www.forumklas.org/" target="_blank"><b><i>S e r s e r i</i></b></a>.
</td>
<td valign="middle" align="center" style="white-space: nowrap;" class="copyright-links">
', theme_copyright(), '
</td>
<td width="28%" valign="middle" align="right" class="copyright-links">
<a href="http://www.mysql.com/" target="_blank" style="font-size:10px;">MySQL</a>&nbsp;|&nbsp;<a href="http://www.php.net/" target="_blank" style="font-size:10px;">PHP</a>&nbsp;|&nbsp;<a href="http://validator.w3.org/check/referer" target="_blank" style="font-size:10px;">XHTML</a>&nbsp;|&nbsp;<a href="http://jigsaw.w3.org/css-validator/check/referer" target="_blank" style="font-size:10px;">CSS</a>
</td>
</tr>
</table>';

S e r s e r i yazan yeri kendinize göre düzenleyin

--------------------------------------------------------------------------------



Böyle bişey yapmak için ise yine aynı işlemleri yapın

Eklediğiniz Kodda

alttakini bul

<table cellspacing="0" cellpadding="3" border="0" align="center" width="100%">
değiştirin

<table class="catbg" cellspacing="0" cellpadding="3" border="0" align="center" width="100%">
<table class="catbg" Bu Koddaki catbg'yi Titlebg Olarak Değişebilirsiniz

Mesaj Simgelerini açık gösterelim



Post.template.php yi açın ve  bulun

<select name="icon" id="icon" onchange="showimage()">';

// Loop through each message icon allowed, adding it to the drop down list.
foreach ($context['icons'] as $icon)
echo '
<option value="', $icon['value'], '"', $icon['value'] == $context['icon'] ? ' selected="selected"' : '', '>', $icon['name'], '</option>';

echo '
</select>
<img src="', $context['icon_url'], '" name="icons" hspace="15" alt="" />
</td>
</tr>';

değiştirin

';

// Loop through each message icon allowed, adding it to the drop down list.
foreach ($context['icons'] as $icon)
echo '
<INPUT type="radio" name="icon" value="', $icon['value'], '"', $icon['value'] == $context['icon'] ? ' checked="checked"' : '', '> <img src="', $icon['url'], '" name="icons" alt="" />';

echo '
</td>
</tr>';


qüzeL payLaşımdı saoL

tema editlemeye ilk bu konuyu okuyarak başlamıştın teşekkürler Serseri teşekkürler Alee