มี 726 บุคคลทั่วไป ออนไลน์

phpBB3
ปรับแต่ง phpBB3 ให้สวยงามและเข้ากับ joomla PDF พิมพ์ อีเมล
( 0 Votes )
เขียนโดย Administrator   
วันอังคารที่ 26 พฤษภาคม 2009 เวลา 22:38 น.

หลังจากได้ทำการติดตั้ง jfusion พร้อมปรับแต่งกันให้วุ่ยวายใหญ่โต แล้ว ก็มาถึงขั้นตอนการทำให้สวยงาม เนื่องจาก เรานำ่ joomla และ phpBB3 มารวมกัน ซึ่งทั้งสองตัวก็เป็น opensource ที่มีการปรับแต่งที่แตกต่างกันมาก เมื่อนำมารวมกันแล้วก็ต้องตัดส่วนหนึ่งออก เพื่อทำให้เว็บไซต์ของเราออกมาดูดี มีราคาขึ้นมา ส่วนที่จะตัดออกคือในส่วนหัวของ phpBB3 ในส่วนนี้จะมีโลโก้ ของ phpBB3 และ ช่องให้ค้นหาข้อมูลหากเพื่อน ๆ ท่านใด ยังไม่ได้อ่านบทความก่อนหน้านี้ ก็หาอ่านได้จากที่นี่ ซึ่งเป็นบทความต่อเนื่องกัน ติดตั้งและปรับแต่ง jfusion, การใช้งาน jfusion login module

 

 

phpbblogo

ในเมื่อทั้ง 2 มาร่วมกันแล้ว แต่ยังไม่ดีพอ ยังมีส่วนหัวของ forum อยู่ซึ่งเราไม่ต้องการ เพราะมีส่วนหัวของ joomla อยู่แล้ว ต้องการจะตัดออก ก็ไม่ยากเย็นเท่าไหร่

 

ส่วนที่จะนำออก ไม่ให้แสดงผลบนหน้าเว็บ

 

 

เปิดไฟล์ /styles/prosilver/template/overall_header.html ของ phpBB3 ด้วยโปรแกรม text editor เช่น edit plus

ประมาณบรรทัดที่ 100 ถึง 119 ลบ โค๊ดทั้งหมดด้านล่างทิ้ง

<div class="inner"><span class="corners-top"><span></span></span>


<div id="site-description">
<a href="/joomla/{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
<h1>{SITENAME}</h1>
<p>{SITE_DESCRIPTION}</p>
<p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
</div>

<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
<div id="search-box">
<form action="{U_SEARCH}" method="post" id="search">
<fieldset>
<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}
<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
<input class="button2" value="{L_SEARCH}" type="submit" /><br />
<a href="/joomla/{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
</fieldset>


</form>
</div>
<!-- ENDIF -->
<span class="corners-bottom"><span></span></span></div>

 

ก็จะได้ หน้าตาดังรูป

 

แก้ไขล่าสุด ใน วันเสาร์ที่ 08 พฤษภาคม 2010 เวลา 22:10 น.
 

คุณไม่มีสิทธิที่จะโพสต์ข้อคิดเห็น กรุณาล็อคอินหรือลงทะเบียน

RSS 2.0 Joomla Articles
twitter
Creative Commons License