ยินดีต้อนรับ กรุณา สมัครสมาชิก หรือเข้าสู่ระบบ

Home » webboard » SMF
เข้าชม : 2075

การสร้างธีมสำหรับ SMF 2.0 เบื้องต้น

โพสต์เมื่อ: วันพฤหัสบดี 20 มกราคม 2554  01:04 น.

คู่มือนี้มีวัตถุประสงค์สำหรับผู้ที่มีความรู้ใน CSS / HTML หรือ PHP แต่อย่างใด แต่ในคู่มือเราสมมติว่าคุณทราบวิธีการใช้โปรแกรม FTP, แก้ไขข้อความหรือบางซอฟต์แวร์การจัดการภาพเช่น Adobe Photoshop ถ้าคุณต้องการปรับเปลี่ยนภาพที่มาพร้อมกับ SMF นี้ ในคู่มือนี้เราจะแสดงให้เห็นถึงวิธีการสร้างชุดรูปแบบตามขั้นตอนที่เส้นโค้งโดยขั้นตอนและในที่สุดการสร้างชุดรูปแบบกับข้อมูลที่ระบุไว้ในคู่มือนี้

สารบัญ :

I. การสร้างชุดรูปแบบที่เกิดขึ้นจริงตามเส้นโค้ง

แทนการปรับเปลี่ยนชุดรูปแบบเริ่มต้นปัจจุบันอยู่เสมอดีกว่าที่จะสร้างชุดรูปแบบตามนั้น SMF โดยธรรมชาติถูกสร้างขึ้นในทางดังนั้นเมื่อแฟ้มแม่แบบไม่รวมอยู่ในชุดรูปแบบก็ตกกลับไปยังแม่แบบเริ่มต้นของไฟล์จึงทำให้การอัพเกรดง่ายและไม่เจ็บปวด ถ้าคุณปรับเปลี่ยนชุดรูปแบบเริ่มต้นแทนการสร้างหนึ่งที่อยู่บนพื้นฐานของมันในการอัพเกรดที่คุณจะสูญเสียการเปลี่ยนแปลงทั้งหมดที่คุณต้องทำ นอกจากนี้โปรดทราบว่าดีกว่าเสมอในการดำเนินการดำเนินการนี้ในการติดตั้งสะอาดของ SMF หรือติดตั้ง SMF mods ที่ไม่ได้รับการติดตั้ง เนื่องจากแฟ้มจะถูกคัดลอกจากชุดรูปแบบเส้นโค้งในกรณีที่มีการ mod, ชุดรูปแบบที่คัดลอกมีโค้ดบาง mod ในนั้นที่จะให้ข้อผิดพลาดถ้าติดตั้งอยู่ในฟอรั่มได้โดยไม่ต้อง mod ที่

กระบวนการนี้เป็นเรื่องง่ายและตรงไปข้างหน้าหนึ่ง ต่อไปนี้เป็นขั้นตอนเพื่อสร้างชุดรูปแบบขึ้นอยู่กับเส้นโค้ง :

  • ของคุณไปที่"ศูนย์อำนวยการบริหาร"
  • คลิกที่"Configuration -- ธีม> และรูปแบบ --> จัดการและติดตั้ง"
  • ภายใต้"ติดตั้ง Theme ใหม่"พิมพ์ส่วนของชื่อของชุดรูปแบบใน"สร้างสำเนาของการเริ่มต้นที่ชื่อ"เขตข้อมูลและคลิก"ติดตั้ง" ตามที่คุณเห็นด้านล่างในกรณีที่เรากำลังสร้างชุดรูปแบบที่เรียกว่า"ชัดเจน"นี้

ขณะนี้เรามีชุดรูปแบบของเราเราต้องเปิดใช้งานในคำสั่งเพื่อให้สามารถใช้งานได้ ทำมันเป็นเรื่องง่ายจริงๆ :

  • ไปที่หน้าจอก่อนหน้านี้ที่คุณได้สร้างชุดรูปแบบ
  • ภายใต้"ชุดรูปแบบและรูปแบบการตั้งค่า"ชุดรูปแบบส่วนให้แน่ใจว่าคุณได้สร้างถูกเลือกในกล่องเลือก
  • คลิก"บันทึก"เพื่อเปิดใช้งานชุดรูปแบบใหม่สำหรับผู้ใช้ทุกคนในฟอรั่ม

ขณะนี้มีชุดรูปแบบเราสามารถทำงานในขณะนี้โดยไม่ต้องทำลายลงฟอรั่มของเรา ในส่วนถัดไปของคำแนะนำเราจะบอกคุณเกี่ยวกับการแก้ไขเบื้องต้นเกี่ยวกับรูปลักษณ์และความรู้สึกของฟอรั่มของคุณ


II การปรับแต่งการออกแบบ

อย่างดีจากการปรับแต่งการออกแบบผมหมายถึงการเปลี่ยนรูปลักษณ์, ไม่มีการเพิ่มหรือลดเนื้อหาลงในชุดรูปแบบซึ่งหมายความว่าเราจะได้รับการแก้ไขไฟล์ CSS ในขณะนี้ ก่อนอื่นให้เริ่มจากการอธิบายสิ่งที่แต่ละไฟล์ไม่ CSS และสถานที่ที่พวกเขาอยู่ :

สถานที่ : ทุกไฟล์ CSS ของคุณอยู่ใน" Themes / {ชุดรูปแบบของคุณ} / CSS "โฟลเดอร์ โปรดทราบว่ามีเพียงสองไฟล์อาจมีในขณะนี้ index.css ซึ่งเป็นสไตล์หลักของเราและ rtl.css


stylesheets A.

1 index.css

นี้เป็นสไตล์หลักของเราที่เราสามารถใช้เพื่อสร้างรูปลักษณ์ใหม่อย่างสมบูรณ์สำหรับการสนทนาของเรา เพื่อให้ได้สิ่งที่ฉันหมายถึงเพียงแค่เปลี่ยนชื่อไฟล์และ Ctrl + F5 เพื่อดูว่ามาร์กอัปการออกแบบทั้งหมดจะถูกลบออกและฟอรั่มของเราได้กลายเป็นธรรมดา

2 rtl.css

ใช้สำหรับการกำหนดวิธีการดูฟอรั่มหากผู้ใช้สามารถใช้ภาษาจากขวาไปซ้าย เท่าที่ผมรู้ว่ามีใช้กันอย่างแพร่หลายทั้งสองภาษาดังกล่าวซึ่งเป็นภาษาอาหรับและฮิบรูเป็น หากเราเพิ่มชั้นเรียนของตัวเองหรือ id ของเราที่จะ stylesheets เราจะไม่ถูกต้องในการกำหนดพวกเขา


B. งานทั่วไป

ต่อไปนี้เราจะอธิบายวิธีการเปลี่ยนรูปลักษณ์ของฟอรั่มของคุณด้วยการปรับแต่งไฟล์ index.css :

1 การเปลี่ยนพื้นหลัง body background


ไปที่ :

Code : [Select]
/* Set a fontsize that will look the same in all browsers. */
body
{
background: #E9EEF2 url(../images/theme/backdrop.png) repeat-x;
font: 78%/130% verdana, Helvetica, sans-serif;
margin: 0 auto;
padding: 15px 5%;
}

คุณสมบัติต่อไปนี้พื้นหลังจะใช้ในการปรับเปลี่ยนภาพพื้นหลัง รหัสแรก E9EEF2 # เป็นสีพื้นหลังที่ใช้หลังภาพพื้นหลังมีซ้ำในแนวนอน ทำซ้ำ - x หมายถึงรูปควรให้ทำซ้ำตามแนวนอนให้ทำซ้ำ Y - จะซ้ำอีกครั้งในแนวตั้งไม่ซ้ำอย่างเดียวจะแสดงภาพหนึ่งภาพขนาดใหญ่และการลบในแนวตั้งว่าข้อความจะภาพทำซ้ำทั้งแนวนอนและ เรื่องต่อไปนี้เป็นข้อมูลเพิ่มเติมเมื่อ : http://www.w3schools.com/css/css_background.asp

2 การเปลี่ยนรูปลักษณ์โดยรวมของฟอรั่มของคุณ

ใน SMF 2.0 เส้นโค้งหนึ่งภาพจะใช้ในการควบคุมลักษณะทางฟอรั่มของคุณและจะเรียกว่า"main_block.png"ซึ่งสามารถพบได้ที่" Themes / {ชุดรูปแบบของคุณ} cssimages / ธีม / / "โฟลเดอร์ คุณสามารถปรับเปลี่ยนไปเปลี่ยนพื้นหลังและภาพโดยรวมของฟอรั่มของคุณ คุณจะเห็นสิ่งที่ฉันหมายความว่าเมื่อคุณเปิดภาพที่มี ediyor ภาพเช่น Adobe Photoshop หรือโอเพนซอร์สทางเลือก Gimp . การทดสอบกับภาพเพื่อให้ได้ใช้วิธีการควบคุมการดูภาพของ SMF

3 เปลี่ยนขนาดตัวอักษร

ไปที่ :

Code : [Select]
/* Set a fontsize that will look the same in all browsers. */
body
{
background: #E9EEF2 url(../images/theme/backdrop.png) repeat-x;
font: 78%/130% verdana, Helvetica, sans-serif;
margin: 0 auto;
padding: 15px 5%;
}

คุณสมบัติต่อไปนี้จะปรับเปลี่ยนแบบอักษรข้อความขนาดโดยรวมของฟอรั่ม ร้อยละแรกคือ font - size ในขณะที่คนที่สองเป็นระยะห่างบรรทัด, บรรทัดระยะห่างกำหนดช่องว่างระหว่างแต่ละบรรทัด เล่นกับมันเพื่อให้ได้ตัวอักษรขนาดของความชื่นชอบของคุณ เรื่องต่อไปนี้เป็นข้อมูลเพิ่มเติมเมื่อ : http://www.w3schools.com/css/css_font.asp

4 การเปลี่ยนสีตัวอักษร

ไปที่ :

Code : [Select]
/* use dark grey for the text, leaving black for headers etc */
body, td, th, tr
{
color: #444444;
}

ต่อไปนี้โดยการเปลี่ยนพารามิเตอร์สีที่คุณสามารถเปลี่ยนสีของตัวอักษรหลัก แม้ว่าจะเปลี่ยนสีของตัวอักษรอื่น ๆ ที่คุณสามารถค้นหาไฟล์ index.css สำหรับ"สี"และแทนที่รหัสสีที่ชื่นชอบของคุณ

5 การขอโลโก้ของคุณในส่วนหัวของฟอรั่ม

ขอเป็นตรงไปตรงมาทำงาน SMF เปลี่ยนโลโก้ในศูนย์การปกครองเท่านั้นจะเอาชื่อฟอรั่มและแทนที่ด้วยของคุณเอง มันทำให้ไม่มีการควบคุมเหนือหัวจริง นี่ฉันจะอธิบายวิธีการเปลี่ยนชุดรูปแบบและแทรกภาพของคุณเองลงในส่วนหัว :

วิธีแรกแก้ไขไฟล์"main_block.png"ที่จะมีการอธิบายในจุดที่สองในส่วนนี้ บล็อกขนาดใหญ่อยู่ด้านล่างสามารถแก้ไขได้ที่จะให้มันหัวมองที่คุณต้องการ แล้วคุณจะต้องตรวจสอบให้แน่ใจว่าคุณไม่ได้แสดงโลโก้ SMF, ข้อความชื่อฟอรั่มและทำให้แน่ใจว่ามีช่องว่างภายในเพิ่มเติม :

ไปที่ :

Code : [Select]
/* the main title, always stay at 45 pixels in height! */
h1.forumtitle
{
line-height: 45px;
font-size: 1.8em;
font-family: Geneva, verdana, sans-serif;
margin: 0;
padding: 0;
float: left;
}
/* float these items to the right */
#siteslogan, img#smflogo
{
margin: 0;
padding: 0;
float: right;
line-height: 3em;
}
และแทนที่เช่นนี้"display : none;"การเพิ่มคุณสมบัติเพื่อประชาชนและชั้นเรียนเพื่อให้พวกเขาจะไม่ปรากฏอีกต่อไปแล้ว :

Code : [Select]
/* the main title, always stay at 45 pixels in height! */
h1.forumtitle
{
line-height: 45px;
font-size: 1.8em;
font-family: Geneva, verdana, sans-serif;
margin: 0;
padding: 0;
float: left;
display: none;
}
/* float these items to the right */
#siteslogan, img#smflogo
{
margin: 0;
padding: 0;
float: right;
line-height: 3em;
display: none;
}

ตอนนี้เราจะต้องมีการเพิ่มช่องว่างด้านบนไปตามวิธีการใหญ่เป็นภาพส่วนหัวของคุณ :

ไปที่ :

Code : [Select]
#top_section
{
min-height: 65px;
overflow: hidden;
margin-bottom: 3px;
}

เปลี่ยนคุณสมบัตินาทีที่มีความสูงตามวิธีการใหญ่ส่วนหัวของคุณคือ


III การปรับแต่งแม่แบบ

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

มีสี่หลักแม่แบบใน SMF ที่ผู้ใช้ส่วนใหญ่เรียกดู มี"index.templates.php"ซึ่งเป็นเวลาในการโหลดคลิกทุกวันและโดยทั่วไปจะเป็นสิ่งที่ wraps ฟอรั่มของคุณ คนที่สองเป็นไฟล์"BoardIndex.template.php"ซึ่งเป็นดัชนีบอร์ด, FrontPage ของฟอรั่มของคุณ หนึ่งในสามคือ"MessageIndex.template.php"ซึ่งมีแผงย่อยและข้อความภายในบอร์ด เศษหนึ่งส่วนสี่และสุดท้ายคือไฟล์"Display.template.php"ซึ่งมี HTML สำหรับดูหัวข้อ

คุณสามารถเพิ่มรหัส HTML เพื่อแม่แบบเหล่านี้ได้ง่ายๆเลย หากคุณต้องการกำหนดเองหนึ่งในนั้น (ยกเว้นไฟล์ index.template.php ที่มีอยู่แล้วในรูปแบบของคุณโฟลเดอร์โดยค่าเริ่มต้น), นำทางไปยังโฟลเดอร์ธีมของคุณเริ่มต้นและการคัดลอกไฟล์ไปยังไดเรกทอรีธีมของคุณและเริ่มการแก้ไขได้ทันที

ที่พบมากที่สุดคนทำผิดพลาดเมื่อแก้ไขไฟล์เหล่านี้ก็คือพวกเขาใส่รหัส HTML โดยตรงในไฟล์ PHP เพราะ PHP เป็นภาษาโปรแกรมที่คุณควรจะบอกให้พิมพ์รหัส HTML ดังนั้นคุณควรจะใช้" ก้อง "คำสั่ง นี่คือตัวอย่าง :

ไปที่ไฟล์ index.template.php และพบกับ :

Code : [Select]
echo !empty($settings['forum_width']) ? '
<div id="wrapper" style="width: ' . $settings['forum_width'] . '">' : '', '
<div id="header"><div class="frame">
<div id="top_section">
<h1 class="forumtitle">

มีสองวิธีที่เราสามารถใส่ HTML ของเราที่กำหนดเองที่นี่มีทั้งที่เราสามารถใช้ต้นแบบ echo เพื่อพิมพ์รหัสของเราเช่นนี้

Code : [Select]
echo !empty($settings['forum_width']) ? '
My name is Eren and Im uber cool!
<div id="wrapper" style="width: ' . $settings['forum_width'] . '">' : '', '
<div id="header"><div class="frame">
<div id="top_section">
<h1 class="forumtitle">

หรือเราสามารถสร้างเสียงสะท้อนของเราเองที่จะพิมพ์ออก HTML :

Code : [Select]
echo 'My name is Eren and Im uber cool! ';
echo !empty($settings['forum_width']) ? '
<div id="wrapper" style="width: ' . $settings['forum_width'] . '">' : '', '
<div id="header"><div class="frame">
<div id="top_section">
<h1 class="forumtitle">

ที่คุณสามารถดูเนื้อหาภายใน echo ทำงานควรจะแนบมากับ apostrophes (') และควรปิดด้วยอัฒภาค ต้องสิ่งนี้จะทำให้ปัญหาที่พบบ่อย Newbie ใด ๆ ที่เริ่มทำงานแจงข้อผิดพลาด เมื่อมีเนื้อหาภายใน echo ฟังก์ชั่นที่มี'นี้สามารถใช้จาวาสคริปต์หรือพื้นข้อความเช่น"ฉัน roxorz!" ไม่ต้องกังวลมีวิธีแก้ปัญหาเพื่อที่คุณจะหลบหนีโดยทั่วไปมีตัวละครกับ \ นี่เป็นวิธีที่ทำได้ :

Code : [Select]
echo 'My name is Eren and I\'m uber cool! ';
echo !empty($settings['forum_width']) ? '
<div id="wrapper" style="width: ' . $settings['forum_width'] . '">' : '', '
<div id="header"><div class="frame">
<div id="top_section">
<h1 class="forumtitle">

ประกาศลงนาม \ ก่อน'ใน Uber งบเย็น :)อย่างไรก็ตามถ้าคุณได้เข้าใจคู่มือนี้อย่างถูกต้องขณะนี้เรามีข้อมูลเพียงพอที่จะสร้างชุดรูปแบบของเราเอง ในส่วนต่อไปนี้เราจะสร้างชุดรูปแบบขั้นตอนโดยขั้นตอน อย่าลืมที่จะอ่านมันเป็นมันอาจจะมีเคล็ดลับและเทคนิคที่ไม่ได้อยู่ในส่วน descrptive เพิ่มเติมของคู่มือนี้


IV Let 's สร้างธีมของเราเอง!

ดังที่คุณทราบก่อนหน้านี้ผมได้ตั้งชื่อชุดรูปแบบของฉัน"Clarity"ดังนั้นในส่วนของคู่มือนี้โปรดพิจารณาการอ้างอิงทั้งหมดถึงความชัดเจนการอ้างอิงถึงธีมของคุณเอง ผมขอแนะนำให้ขอทำตามคู่มือในส่วนนี้อย่างละเอียดและสร้างชุดรูปแบบด้วยตัวคุณเอง ฉันจะให้ภาพที่ผมได้ใช้ในการสร้างชุดรูปแบบ

ก่อนอื่นผมจะเปลี่ยนเป็นที่มาของบางสิ่งบางอย่างที่มีชีวิตชีวามากขึ้นและเพื่อเพิ่มบิตของการสัมผัสกับมันฉันจะทำให้มันคงที่ ตรวจสอบส่วนที่เกี่ยวข้องในส่วนงาน"สามัญ"ของคู่มือ

เหตุผลแรกที่เราจะต้องมีไฟล์ภาพผมจะใช้ภาพที่ฉันได้สร้างขึ้นใน Photoshop นี้เพราะฉันจะทำให้มันคงที่และหนึ่งในภาพใหญ่ (ที่ไม่มีการทำซ้ำ) ผมได้ทำภาพดังนั้นจึงรองรับสูง ความละเอียดของความหมาย ภาพต่อไปนี้คือ

http://www.moobi.com.tr/smf/themeguide/clarity_bg.jpg

ให้แน่ใจว่าคุณใส่รูปภาพในไดเรกทอรีนี้ธีมของคุณในโฟลเดอร์โฟลเดอร์ภาพของความชัดเจน ตอนนี้เราจะแสดงภาพพื้นหลังนี้เช่นนี้ เปิดขึ้น index.css และไปที่ :

Code : [Select]
/* Set a fontsize that will look the same in all browsers. */
body
{
background: #E9EEF2 url(../images/theme/backdrop.png) repeat-x;
font: 78%/130% verdana, Helvetica, sans-serif;
margin: 0 auto;
padding: 15px 5%;
}


และแทนที่เช่นนี้


Code : [Select]
/* Set a fontsize that will look the same in all browsers. */
body
{
background: url(../images/theme/clarity_bg.jpg) no-repeat fixed;
font: 78%/130% verdana, Helvetica, sans-serif;
margin: 0 auto;
padding: 15px 5%;
}

ที่คุณสามารถดูเรามีพื้นหลังใหม่ในขณะนี้ :

ขณะนี้มีมากมาย glitches เราจะแก้ไขปัญหาได้ในภายหลังในคู่มือ แต่ถ้าคุณเลื่อนไปที่จุดสิ้นสุดของฟอรั่ม, คุณจะเห็นว่าลิขสิทธิ์ไม่สามารถอ่าน นั่นคือต่อ SMF ใบอนุญาตดังกล่าวเราจะทำให้มันโดดเด่นมากขึ้น ไปที่ :

Code : [Select]
#footer_section
{
text-align: center;
background: url(../images/theme/main_block.png) no-repeat 0 -820px;
padding-left: 20px;
}

และแทนที่เช่นนี้

Code : [Select]
#footer_section
{
text-align: center;
background: url(../images/theme/main_block.png) no-repeat 0 -820px;
padding-left: 20px;
}
#footer_section a
{
color: #fff;
}

เพิ่มคุณสมบัตินี้บอกเพื่อให้การเชื่อมโยงทั้งหมดในส่วนท้ายกระดาษสีขาว เป็นระยะสั้นสำหรับการเชื่อมโยงและจะแสดงเป็นในรูปแบบ HTML เช่นกัน

ขณะนี้เรามีพื้นหลัง เวลาในการแก้ไขไฟล์ main_block.png ที่เราได้พูดถึง earlies ในคู่มือในการเปลี่ยนแปลงรูปลักษณ์โดยรวมของฟอรั่ม นี่คือสิ่งที่ฉันได้ทำกับ Photoshop, คุณจะสังเกตเห็นว่าได้ปรับเปลี่ยนภาพพื้นหลังที่ผมได้ใช้มาก่อนที่จะไปกับไฟล์ main_block.png ใหม่

คุณสามารถดาวน์โหลดภาพเหล่านี้จากที่นี่ :

ใหม่มาภาพ : http://www.moobi.com.tr/smf/themeguide/clarity_bg_new.jpg
Block หลักภาพ : http://www.moobi.com.tr/smf/themeguide/main_block.png

ผมประเภทไม่ชอบโลโก้ SMF ที่นั่นเพื่อช่วยให้ลบออกด้วยการไปที่ :

Code : [Select]
/* float these items to the right */
#siteslogan, img#smflogo
{
margin: 0;
padding: 0;
float: right;
line-height: 3em;
}

และแทนที่เช่นนี้การเพิ่มการแสดงผล : none; คุณสมบัติที่อธิบายไว้ก่อนหน้านี้ในคำแนะนำ :

Code : [Select]
/* float these items to the right */
#siteslogan, img#smflogo
{
display: none;
}

นอกจากนี้ชื่อฟอรั่มดูไม่ดีจะช่วยให้เปลี่ยนแบบอักษรขนาดและสีเพื่อให้มันดู neater ให้ไปที่ :

Code : [Select]
/* the main title, always stay at 45 pixels in height! */
h1.forumtitle
{
line-height: 45px;
font-size: 1.8em;
font-family: Geneva, verdana, sans-serif;
margin: 0;
padding: 0;
float: left;
}

และแทนที่เช่นนี้

Code : [Select]
/* the main title, always stay at 45 pixels in height! */
h1.forumtitle
{
line-height: 45px;
font-size: 2.2em;
font-family: Tahoma, verdana, sans-serif;
margin: 0;
padding: 0;
float: left;
font-weight: 100;
}
h1.forumtitle a
{
color: #fff;
}

ชุดรูปแบบนี้เป็นวิธีที่ดีของเราดูก็ทราบว่าเพียงเอาครึ่งชั่วโมงในการสร้างมัน :

ที่คุณสามารถดูชุดรูปแบบของเราเสร็จสิ้น คุณสามารถปรับเปลี่ยนภาพในโฟลเดอร์ภาพที่ชื่นชอบภาพถ่ายของคุณซอฟต์แวร์แก้ไขและปรับแต่งธีมของคุณมากยิ่งขึ้น ชุดรูปแบบที่เราเพิ่งสร้างขึ้นเป็นเอกสารที่แนบมาใด ๆ ของคุณที่ต้องการทดสอบ

ทำธีม smf 2.0
[ ความเห็นที่ 1]
RE : การสร้างธีมสำหรับ SMF 2.0 เบื้องต้น
โพสต์เมื่อ: วันอาทิตย์ 30 มกราคม 2554  12:45 น.
ธีม smf


คุณต้องสมัครสมาชิก ถึงจะโพสกระทู้ได้




คำยอดฮิต :- 0