ตกแต่ง Hi5 ให้เลิศหรูดูดีมีสไตล์

ตกแต่ง Hi5 ให้เลิศหรูดูดีมีสไตล์

วิธีการตกแต่ง Hi5 ของเราให้สวยงาม โดดเด่นไม่เหมือนใครนั่นก็คือ การเปลี่ยนธีม หรือรูปแบบของหน้าเว็บ Hi5 ของเรา ซึ่งทาง Hi5 ได้สร้างธีมมาให้เราเลือกใช้งานอยู่แล้ว วิธีการก็ไม่ยาก ลองทำตามกันเลยจ้า

ของดีมีให้ใช้ฟรีๆๆ

1. เริ่มแรกให้เราล็อกอินเข้า Hi5 ของเราเหมือนเดิม จากนั้นก็ให้คลิกที่ Change my skin

2. จากนั้นก็จะมีธีมต่างๆ มากมายให้เลือกใช้งาน หากต้องการพรีวิวดูว่า ธีมนั้นจะมีหน้าตาเป็นอย่างไรก็ให้คลิกที่คำว่า “Preview” ที่อยู่ใต้ธีมที่เราต้องการดู หรือมั่นใจแล้วว่า ธีมนั้นเราชอบอย่างแรง ต้องการใช้งานธีมนี้ก็ให้คลิกที่คำว่า Use Skin ใต้ธีมนั้นเช่นกัน

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

แต่งธีมของตัวเอง สไตล์ใคร สไตล์มันส์

1. ต่อเนื่องจากการเปลี่ยนธีมเมื่อสักครู่ ในหน้าจอที่เราเลือกธีมนั้น ด้านบนจะมีคำว่า Make a Profile skin

2. จากนั้นก็จะมาที่หน้าจอ เริ่มแรกให้เราใส่ชื่อของ Skin ของเราก่อน

3. ถัดมาด้านล่าง จะเห็นว่า การปรับแต่งธีมถูกแบ่งออกเป็น 3 ส่วน ดังนี้

• Page Global : เป็นการตกแต่งภาพรวมทั้งหมดของ Hi5 ไม่ว่าจะเป็นพื้นหลัง ลักษณะตัวอักษร สีของตัวอักษรโดยรวมทั้งหมด
• Main Section : สำหรับส่วนนี้จะเปลี่ยนสีตัวอักษรของชื่อ Section ต่างๆ และรายละเอียดของ Profile ของเราทางด้านบนด้วย
• Mini Section : ส่วนนี้จะควบคุมการตกแต่งรายละเอียดใน Section ต่างๆ ไม่ว่าจะเป็นพื้นหลัง ตัวอักษร เป็นต้น

4. เรามาเริ่มต้นทำความรู้จักในส่วนของ Page Global กันก่อน

• Page Background : เป็นพื้นหลังทั้งหมดของ Hi5 สามารถใส่รูปที่เราต้องการจากคอมพ์ของเราเองก็ได้ และต้องมีขนาดไม่เกิน 1600x900 พิกเซล
• Background Color : สำหรับใส่สีที่พื้นหลัง หากใครไม่ต้องการใส่รูปก็ให้มาใส่ค่าสีที่ช่องนี้ได้ โดยสามารถใส่สีเป็นคำภาษาอังกฤษได้ เช่น สีแดง = red, สีเขียว = green หรือสีชมพู = pink เป็นต้น
• Position : เราสามารถเลือกได้ว่า ให้รูปพื้นหลังของเราอยู่ในตำแหน่งไหนของหน้าเว็บ
• Attachment : ในส่วนนี้จะเป็นการตรึงพื้นหลังของเราให้หยุดอยู่กับที่หรือไม่ หากต้องการให้เวลาเลื่อนสกอลล์บาร์แล้วพื้นหลังเราหยุดอยู่กับที่ให้คลิกเลือกที่ Fixed ถ้าไม่ต้องการก็ให้คลิกเลือกที่ Scroll
• Repeat : ฟังก์ชันนี้สำหรับเลือกรูปแบบการแสดงภาพพื้นหลังว่า ต้องการให้ไล่จากบนลงล่างก็ให้เลือกที่ Down แต่ถ้าต้องการให้เป็นไปตามแนวทแยงมุมก็ให้เลือก Across
• Text Headers: เราสามารถเปลี่ยนตัวอักษร และสีได้ที่ตรงนี้ ซึ่งหากต้องการเปลี่ยนตัวอักษรก็เลือกที่ Header Font ส่วนสีของตัวอักษรก็ให้ใส่ค่าสีเหมือนกับการใส่ค่าสีในพื้นหลังด้านบน
• Page Color : สำหรับตั้งค่าสีของตัวข้อความ และสีของข้อความที่สำหรับลิงก์ไปหน้าเว็บอื่นๆ

5. ในส่วนของ Main Section เราสามารถปรับแต่งค่าต่างๆ ได้ดังนี้

• Section Headers : พื้นหลังส่วนบนขนาดต้องมีขนาด 956x36 พิกเซล หรือหากต้องการใส่แค่สีก็ให้ใส่ค่าสีที่ Background Color
• Section Navigation : พื้นหลังเมนูด้านบน ต้องมีขนาด 956x30 พิกเซล หรือหากต้องการใส่สีก็ใส่ค่าสีที่ Background Color ส่วนสีของข้อความที่ไว้สำหรับลิงก์ไปยังเว็บอื่นก็ใส่ที่ Link Color
• Section Background : พื้นหลังของส่วนรายละเอียดมีขนาดไม่เกิน 956x500 พิกเซล
• Footer Background : พื้นหลังสำหรับส่วนล่างของเว็บ ต้องมีความสูงไม่เกิน 60 พิกเซล และความกว้างต้องเท่ากับ 956 พิกเซล เท่านั้น

6. ส่วนสุดท้ายก็คือ Mini Section สำหรับตั้งค่าส่วนย่อยๆต่าง เช่น Comment เป็นต้น ซึ่งการปรับแต่งค่าต่างๆ ก็ไม่แตกต่างกันสักเท่าไร แต่จะต่างกันตรงขนาดของรูปที่ใส่ลงไป ดังนี้

• Section Header : สำหรับรูปที่จะใส่ความสูงจะอยู่ 30 – 60 พิกเซล เท่านั้น และความกว้างของรูปคือ 470 พิกเซล เท่านั้น
• Section Navigation : รูปที่จะใช้มีขนาด 470x25 พิกเซล เท่านั้น
• Section Background : รูปที่จะใช้จะมีขนาดเล็กกว่า Main Section คือ 470x350 พิกเซล
• Footer Background : ต้องมีความสูงไม่เกิน 30 พิกเซล และความกว้างของภาพต้องเป็น 470 พิกเซล เท่านั้น

7. เมื่อปรับแต่งค่าต่างๆ เรียบร้อยแล้ว หากเราต้องการพรีวิวดูก็ให้มากดปุ่มที่อยู่ทางด้านล่างของหน้าจอ หรือเมื่อทำเสร็จเรียบร้อยแล้วให้กดปุ่ม Save ธีมที่เราทำมาจะไปอยู่ในส่วนของ Skin I Made

8. สุดท้าย และท้ายสุด หากเราต้องการใช้งานธีมที่เราสร้างขึ้นมาให้คลิกไปที่ Skin I Made ทางด้านบน แล้วเลือก Use ที่ใต้ธีมนั้น ก็เป็นอันเรียบร้อย