จะทำห้วเวปอะครับทำยังไงอะ

[kit88_EVOIII]

ช่วยบอกหน่อยนะครับ พี่เทพๆ ทั้งหลายคือว่าทำเวปมือใหม่อะครับ ไม่มีความรู้เลยครับ
newbielink:http://www.fungzaanracingclub.com [nonactive]

[เซียวเหล่งนึ่งฯ]

ตอบไม่ถูก คำถามกว้างไป

[ไทยคาร์นิวส์]

ถามละเอียดกว่านี้หน่อยนะครับ ผมจะได้ตอบถูก

[kit88_EVOIII]

คือว่าต้องการที่จะทำโลโก้ที่เป็นหัวเวปอะครับ คล้ายกับเวปนี้อะครับhttp://www.club4g.com/ ขอบคุณครับ พี่เทพๆๆๆ

[เซียวเหล่งนึ่งฯ]

ขอดูเว็บของท่านก่อนได้ไหม
http://www.justusers.net/forum/index.php?topic=4555.0

[kit88_EVOIII]

ยินดีครับ newbielink:http://www.fungzaanracingclub.com [nonactive]

[UnclEo]

file index.template.php

หา-->>

โค๊ด: [Select]

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>';
แก้เป็น-->>

โค๊ด: [Select]

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" class="header">
<tr>
<td align="center">
<img src="', $settings['images_url'], '/smflogo.gif" />
</td>
</tr>
</table>';
file style.css

หา-->>

โค๊ด: [Select]

/* The main body of the entire forum. */
body
{
background-color: #E5E5E8;
margin: 0px;
padding: 12px 30px 4px 30px;
}
เพิ่มไว้หลัง-->>

โค๊ด: [Select]

.header
{
background: #6C7F93 url(images/topbar.gif) repeat-x;
}
รูปที่ใช้ทำ
1.
2.

ได้เป็น

[เซียวเหล่งนึ่งฯ]

แจ่มๆ 

[ekkasit_st]

ถ้าเป็น version 2.0rc3 ได้ไหมครับ ผมหาแล้วไม่มีใกล้เคียงเลยครับ

เห็นแล้วน่าจะออกมาสวยงามเหมือนกันครับ ขอบคุณครับ

[UnclEo]

2.0 แกที่

file index.template.php

โค๊ด: [Select]

<div id="top_section">
            <h1 class="forumtitle">
                <a href="', $scripturl, '">', empty($context['header_logo_url_html_safe']) ? $context['forum_name'] : '<img src="' . $context['header_logo_url_html_safe'] . '" alt="' . $context['forum_name'] . '" />', '</a>
            </h1>';

    // the upshrink image, right-floated
    echo '
            <img id="upshrink" src="', $settings['images_url'], '/upshrink.png" alt="*" title="', $txt['upshrink_description'], '" style="display: none;" />';
    echo '
            ', empty($settings['site_slogan']) ? '<img id="smflogo" src="' . $settings['images_url'] . '/smflogo.png" alt="Simple Machines Forum" title="Simple Machines Forum" />' : '<div id="siteslogan" class="align_right">' . $settings['site_slogan'] . '</div>', '
        </div>
file css/index.css

โค๊ด: [Select]

/* clearing the floats */
#top_section
{
    min-height: 65px;
    overflow: hidden;
    margin-bottom: 3px;
}
แก้เอาเลยครับ ถ้าระดับเล่น 2.0 นี่เรื่องแก้หัวบอร์ดเรื่องจิ๊บๆ ครับ

[ekkasit_st]

ว้าวๆ ขอบคุณ คุณ ulserll มากครับ ได้แนวทางละคับ
เดี๋ยวผมจะลองแก้ๆตามที่แนะนำมานี้นะครับ ได้อย่างไรเดี๋ยวเอามาโชว์ครับ 

[kaijae2004]

แล้วจะทำยังไงให้มันเข้ากับหน้าจอครับ เพราะถ้าเปลี่ยน จาก 640*480 มันจะหดครับ จะแก้ยังไง

[ขุนสุรา]

ขอขอบคุณข้อมูลจากท่านพี่ ulserll ครับผม
ผมได้ทำการใส่เรียบร้อยแล้วครับแ่ต่ก็มีปัญหานิดนึง คือตอนแรกภาพผมเล็ก อยู่ที่ 300*100 ใส่เข้าไปแล้วมันเรียงต่อกัน
ก็เลยทำการเพิ่มคำสั่ง  no repeat-x; เข้าไป แล้วภาพจะมาอยู่ที่ เซนเตอร์พอดี
แล้วแก้ไขภาพให้เท่ากับความกว้างของหน้าเพจ ก็เรียบร้อยแล้วครับ ส่วนสูงก็แล้วแต่ครับ

.header
{
   background: #6C7F93 url(images/topbar.gif) no repeat-x;
}


(หวังว่าคงจะเป็นประโยชน์สำหรับท่านที่ยังไม่รู้เด้อครับ    )

[NoName]

ไม่มี no repeat-x นะครับ

คุณสมบัติที่ใช้ได้

repeat-x = ทำซ้ำในแกน x
repeat-y = ทำซ้ำในแกน y
repeat = ทำซ้ำในแกน x+y
no-repeat = ไม่มีการทำซ้ำ

[ขุนสุรา]

ไม่มี no repeat-x นะครับ

คุณสมบัติที่ใช้ได้

repeat-x = ทำซ้ำในแกน x
repeat-y = ทำซ้ำในแกน y
repeat = ทำซ้ำในแกน x+y
no-repeat = ไม่มีการทำซ้ำ

ขอบคุณครับผม
ความรู้ใหม่ผมอีกแล้ว ขอเก็บเลยครับข้อมูลนี้