TEMA İLE İLGİLİ BİLMENİZ GEREKEN HER SEY

[Abdullah]

Edit: Arkadaşlar ba sıkıcı siz taktikler bölmünden başlayın zaten anlatımımda kötü orası işinizi görebilir ben zaman zaman güncellemede yaparım bu arada resimler küçük çıktığı için sağ tıkla özelliklerden Url Sine girip büyük olarak görebilirsiniz

Önemli Not: Hepsi tarafımdan "Sıfır" Bir Forum Localhostta denenmiştir

Yapılan Bi Kaç Alıntıda Gerekli İzinler Alınmıştır


Arkadaşlar Size Tam Olarak Anlatamasamda Tema Editlemenin Mantığını Kavramak İçin Ufak Bi Çalışma Hazırladım

Şimdi Arkadaşlar SMF'ye Her Yeni Başlayanlar Bu Süreden Geçmiştir. Sadece Resimleri Değişir Ve Tema Editledim Diye Atlar Ortaya Bende Zamanında Çok Atladım Her Neyse Şimdi Bu Olayı Anlatalım

Nasıl Değişir Bu Resimler



Resmi büyük görmek için

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

Style.css İle İlgili Detaylı Bilgi Burada

Style.css den kendimce en önemli yerler

Kod: [Seç]

/* 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

Kod: [Seç]

/* 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

Kod: [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


Ufak taktiklerr

Arkadaşlar Smf'ye Yeni Başlayanların Sürekli Sorduğu Mrak Ettiği Bi Soruya Burda Ufakta Olsa Bi Yanıt Vereyim Dedim.Şimdi Hep Birlikte Default Temayı Editleyelim Birazcık En Azından Mantıgını Kavrayalım

Forumun En Üst Tarafından Başlıyoruz


Birinci Ders

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



Resmi büyük görmek için

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

Kod: [Seç]

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



Resmi büyük görmek için

***************************

Resmi büyük görmek için

Üstteki Resimdeki Gibi En Üste İstatistikler

İndex.template.phpyi açın

Alttaki Kodu Bulun

Kod: (bul) [Seç]

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ştir

Kod: (değiştir) [Seç]

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>]



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

Şekil 1-A



Canlı Örnek: www.forumklas.org

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

Bu Kodu Bunun

Kod: [Seç]

// "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>';
Alttaki İle Değiştirin

Kod: [Seç]

// "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ı



Resmi büyük görmek için

böyle bişi yapmak için

index.template.php yi açın

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

alttaki kodu bulun

Kod: (bul) [Seç]

<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ştir

Kod: (değiştir) [Seç]

<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




Resmi büyük görmek için

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

Eklediğiniz Kodda

alttakini bul

Kod: (bul) [Seç]

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

Kod: (değiş) [Seç]

<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

[Abdullah]

ALINTIDIR HAZIRLAYAN ARKADASA HELAL OLSUN HERSEYİ ANLATMIS. HERKES TEMA EDİTLEYECEK ARTIK.

SORULARINIZ VARSA YAZIN YARDIMCI OLALIM

[Hamza]

Gerçekten Super bir Döküman hazırlamiş arkadaş.paylaştiğin için sağol

[Abdullah]

eyw

[Hamza]

Konuyu Sabitliyorum

[Sinoplu57]

GÜZEL Bİ PAYLAŞIM YAPMIŞIN NE KADAR ALINTI OLSADA YARA SAĞlAR

[m3t3d1nh0]

saolasın aga

[Saw]

SağoL