Home Webboard ArticlesKnowledges  

ผู้เขียน หัวข้อ: ปรับขนาดตัวอักษร "กระทู้ล่าสุด" ด้วย style.css ก่อนนำไปโชว์หน้าแรก  (อ่าน 7117 ครั้ง)

0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้

ออฟไลน์ บ้าสามสลึง

  • Just
  • **
  • กระทู้: 68
  • เห็นด้วย&ขอบคุณ: 25
อ้างอิงจากกระทู้นี้...
http://www.justusers.net/forum/index.php?topic=14.0

ปัญหา ก็คือ โค้ดเดิมในกระทู้ที่อ้างอิง เวลานำไปแสดงที่หน้าแรกเว็บเพจตัวอักษรจะมีขนาดใหญ่เกินไป และเราไม่สามารถกำหนดสีตัวอักษร และขนาดตัวอักษรได้  ดังนั้นจึงต้องนำ style.css จาก Themes/Daefult มาประยุกต์ใช้ ซึ่งสามารถปรับเปลี่ยนได้หลากหลายตามความต้องการของแต่ละคน  ในส่วนนี้คิดว่าเหมาะสำหรับคนที่ไม่ใช้ได้ ธีมมาตรฐานนะครับ


การนำกระทู้ล่าสุดในเว็บบอร์ดไปแสดงที่หน้าแรกของเว็บไซต์ หรือหน้าไหนก็ได้ตามต้องการ  ขั้นแรกต้องมองหาไฟล์ ssi_examples.php ของเว็บบอร์ดคุณ  ตัวอย่างเช่น  http://www.yourweb.com/board/ssi_examples.php ซึ่งในหน้านี้จะแสดงรายละเอียดต่างๆ ภายในเว็บบอร์ดของเรา เช่น กระทู้ล่าสุด, โพสต์ล่าสุด, สมาชิกที่กำลังออนไลน์ ฯลฯ ซึ่งจะแสดงเป็นโค้ดต่างๆ ยกตัวอย่างเช่น

<?php ssi_recentTopics(); ?>   หมายถึง  คำสั่งแสดงหัวข้อล่าสุด (Recent Topics Function)
<?php ssi_recentPosts(); ?>    หมายถึง  คำสั่งแสดงคำตอบล่าสุด (Recent Posts Function)
<?php ssi_whosOnline(); ?>    หมายถึง คำสั่งแสดงสมาชิกที่กำลังออนไลน์ (Who's Online Function)

ยังมีอีกหลายอย่างที่เราสามารถนำมาแสดงในหน้าแรกของเว็บไซต์ตามที่เราต้องการได้  ซึ่งต้องไปลองปรับแต่งและประยุกต์ใช้กันเอง  การนำเอาคำสั่งแต่ละอย่างมาแสดงในหน้าแรกของเว็บไซต์เรา  ต้องสร้างไฟล์แต่ละคำสั่งนั้นขึ้นมา  โดยใช้โค้ดด้านล่าง  แล้วตั้งชื่อไฟล์นั้นๆ เป็นอะไรก็ได้  แต่ต้องเป็นนามสกุล .php  เช่น  shownewtopics.php หรือ showshosonline.php เป็นต้น

ตัวอย่างโค้ดสร้างไฟล์เพื่อแสดงกระทู้ล่าสุด...
โค๊ด: [Select]
<?php require("/home/mororwor/public_html/Mboard/SSI.php"); ?> --- โค้ดตรงนี้ของแต่ละเว็บจะไม่เหมือนกันนะคับ  ให้ดูที่หน้า ssi_examples.php ในเว็บคุณ

<html>

<head>
<title> << :: SMF SSI.php 1.1 :: >> </title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> --- ให้คัดลอกโค้ดจาก ssi_examples.php
<link rel="stylesheet" type="text/css" href="http://www.yourweb.com/board/Themes/default/style.css" /> --- ให้คัดลอกโค้ดจาก ssi_examples.php
<script language="JavaScript" type="text/javascript" src="http://www.yourweb.com/board/Themes/default/script.js"></script> --- ให้คัดลอกโค้ดจาก ssi_examples.php
<style type="text/css">
body
{
margin: 1ex;
}
</style>
<base target="_blank"> --- สำหรับการเปิดลิงค์แล้วขึ้นหน้าใหม่
</head>

<?php ssi_recentTopics(30); ?> --- ใส่โค้ดของส่วนที่ต้องการให้แสดง  ดูได้จากหน้า ssi_examples.php ว่าจะให้แสดงส่วนไหน (30) คือ จำนวนหัวข้อที่ต้องการแสดง

</body>

</html>


หลังจากบันทึกไฟล์ .php ชื่ออะไรก็ได้ตามที่คุณตั้ง  ให้อัพโหลดขึ้นไปเก็บไว้บนโฮสได้เลย  เช่น  www.yourdomain.com/shownewtopics.php แล้วลองคลิกเพื่อเปิดดูจะเห็นว่ามันจะโชว์ คำสั่งที่เราต้องการให้แสดง


การนำไปใช้  คัดลอกคำสั่ง iframe ตามโค้ดด้านล่าง... แล้วนำไปติดในส่วนที่ต้องการแสดงผลบนเว็บของท่าน...
โค๊ด: [Select]
<iframe name="I1" width="100%" align="center" border="0" frameborder="0" src="http://www.yourweb.com/shownewtopics.php" height="300" target="_blank">
Your browser does not support inline frames or is currently configured not to display inline frames.
</iframe>

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

การแก้ไขขนาดตัวอักษร, สีตัวอักษร, สีตาราง, เส้นขอบตาราง ฯลฯ ให้ดาวน์โหลดไฟล์ style.css จาก Themes/Daefult แล้วเปิดด้วยโปรแกรม NotePad แก้ไขในส่วนที่ต้องการได้เลย




อันนี้เป็นการปรับแต่งแก้ไขและทดลองใช้มาแล้ว...  
หากท่านรู้มากกว่า... โปรดช่วยกันเพิ่มเติมแก้ไขเพิ่มเติมส่วนที่ขาดหายไปเพื่อประโยชน์แก่ทุกคน
« แก้ไขครั้งสุดท้าย: 26, สิงหาคม 2011, 07:07:14 AM โดย บ้าสามสลึง »


"เกลียด-คน-สวย"

 

Sitemap 1 2 3 4 5 6 
Back to top