แก้ไขส่วนหัว [header] ของ SMF ให้ดูโล่ง ๆ

ชื่อ: Header Rotator
ผู้เขียน: UnclEo
นำเสนอโดย: DexMoreGroup
ประเภท: Theme Enhancements
รองรับ: SMF 1.1.xx
ปรับปรุงล่าสุด: 20 มิถุนายน 2553

รายละเอียด
บางครั้งเราจำเจกับรูปแบบเดิมๆ ของ SMF นะครับ หากต้องการแสดงเป็นเอกลักษณ์เฉพาะของเราเอง ก็ต้องมีการการปรับแต่ง-แก้ไขรูปแบบจากเดิมๆ ทำให้ดูแปลกตาขึ้น การแก้ไขส่วนหัวก็เป็นวิธีหนึ่งที่ทำให้บอร์ดของเราดูสะดุดตาน่าสนใจก็รูปแบบทั่วไป

ตัวอย่าง
ก่อนแก้ไข

หลังแก้ไข

เมื่อทำร่วมกับ Menu Text แก้ไขเมนูให้เหลือเฉพาะข้อความ ไม่มีพื้นหลัง จะได้แบบนี้

แก้ไขไฟล์:

file index.template.php

ค้นหา -->>

โค๊ด: [Select]

แก้เป็น -->>

โค๊ด: [Select]

<div ', $context['browser']['needs_size_fix'] && !$context['browser']['is_ie6'] ? ' style="width: 100%;"' : '', '>';

ค้นหา -->>

โค๊ด: [Select]

<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>';

แก้เป็น -->>
ขออภัย! ท่านไม่สามารถเข้าถึงข้อมูลส่วนนี้ได้ กรุณาอ่าน เงื่อนไขการใช้งาน DexMore.Com

ค้นหา -->>

โค๊ด: [Select]

แก้เป็น -->>

โค๊ด: [Select]

ค้นหา -->>

โค๊ด: [Select]

แก้เป็น -->>

โค๊ด: [Select]

ค้นหา -->>

โค๊ด: [Select]

// this is the upshrink button for the user info section
echo '
<a href="#" onclick="shrinkHeader(!current_header); return false;"><img id="upshrink" src="', $settings['images_url'], '/', empty($options['collapse_header']) ? 'upshrink.gif' : 'upshrink2.gif', '" alt="*" title="', $txt['upshrink_description'], '" align="bottom" style="margin: 0 1ex;" /></a>
</td>
</tr>
<tr id="upshrinkHeader"', empty($options['collapse_header']) ? '' : ' style="display: none;"', '>

โค๊ด: [Select]

แก้เป็น -->>

โค๊ด: [Select]

ค้นหา -->>

โค๊ด: [Select]

<td class="windowbg" valign="middle">', $context['user']['avatar']['image'], '</td>';

แก้เป็น -->>

โค๊ด: [Select]

<td valign="middle">', $context['user']['avatar']['image'], '</td>';

ค้นหา -->>

โค๊ด: [Select]

<td colspan="2" width="100%" valign="top" class="windowbg2"><span class="middletext">';