การสร้างสกินโปรไฟล์ด้วยตนเอง

[hyunki]

หลังจากที่  Hi5  ปรับปรุงใหม่

จนใช้โค้ด  CSS  ไม่ได้...ทำให้หลายคนมีปัญหาในการใส่โค้ดสกิน

เต่าน้อยขอแนะนำการสร้างสกินสำหรับโปรไฟล์ด้วยตนเอง

บางคนอาจจะทราบแล้ว...เรื่องนี้มีมานานแต่บางคนอาจจะยังไม่ได้ลองทำ

ขั้นตอนการทำก็ไม่ยากเรามาเริ่มกันเลยค่ะ

ตัวอย่างจาก  Hi5   http://taonoimu.hi5.com 


. หลังจากเข้าหน้าโปรไฟล์ให้คลิกที่ลิ้ง...แต่งสกินให้โปรไฟล์ของฉัน 

หรือบางคนใช้สกินสำเร็จรูปของทางเวบอยู่ก็คลิกลิ้ง...เปลี่ยนสกินของฉัน

 



2. คลิกลิ้งสร้างสกินสำหรับโปรไฟล์ 

 



3. จะขึ้นช่องสำหรับสร้างส่วนต่างๆ มีทั้งหมด  3  ส่วนใหญ่ๆ  ให้เราทำการตั้งชื่อสกินที่เราต้องการก่อนค่ะ

 



4. ทีนี้มาดูรายละเอียดของแต่ละส่วน


 4.1  ส่วนที่  1   หน้าทั่วไป

 



-  พื้นหลังหน้าเวบ  ก็คือพื้นหลังสุดของสกิน   ต้องกำหนดขนาดรูปให้เท่ากับที่เค้ากำหนดเอาไว้  รูปขนาด  1x1 ถึง 1600x900 พิกเซล

-  คลิก Browse  เลือกรูปภาพจากในคอมพิวเตอร์   

-  จากนั้นคลิกปุ่ม     เพื่อ  upload  รูปภาพ

-  ถ้ารูปใช้ได้ก็จะขึ้นเครื่องหมายถูก   

-  แต่ถ้าใช้ไม่ได้ก็จะขึ้นเครื่องหมายผิด  พร้อมทั้งบอกเหตุผลว่าทำไม   

-  หรือเราสามารถกำหนดสีพื้นหลัง  (ไม่ต้องใส่รูป)  โดยใส่โค้ดสีลงในช่อง   

-  จากนั้นเลือกกำหนดค่าต่างๆ  เลือกตำแหน่ง   แบบอักษร  สีของหน้าเวบ 

 



 4.2  ส่วนที่  2  หัวข้อหลัก

 



แบ่งออกเป็น  3  ส่วนย่อย  ได้แก่

1) เฮดเดอร์ของส่วน  คือ  ส่วนชื่อโปรไฟล์  รูปขนาด  956x35  พิกเซล 

หรืออาจใส่โค้ดสีพื้นหลัง  และใส่สีข้อความ (สีชื่อโปรไฟล์)

 



2) ตัวเนื้อหาของส่วน  คือ  ส่วนข้อมูลพื้นฐานของเราทั้งหมด  รูปขนาด  956x500  พิกเซล 

หรืออาจใส่โค้ดสีพื้นหลัง    เลือกตำแหน่งและใส่สีข้อความ

 



3) พื้นหลังของส่วนท้าย  คือ  รูปล่างสุดของส่วนหัวข้อหลัก  รูปขนาด  956x1  ถึง  956x60  พิกเซล



รูปภาพอ้างอิง  :  พี่ริว  http://dragonciriw.hi5.com



 4.3  ส่วนที่  3  หัวข้อย่อย

 



แบ่งออกเป็น  4  ส่วนย่อย  ได้แก่

1) เฮดเดอร์ของส่วน  คือ  ส่วน  H1  รูปขนาด  470x60 ถึง 470x60  พิกเซล

2) ส่วนการนำทาง  คือ  ส่วน  H2  รูปขนาด  470x25  พิกเซล

3) ตัวเนื้อหาของส่วน  คือ  ส่วนพื้นหลังของแต่ละบล็อก  รูปขนาด  470x1  ถึง  470x350  พิกเซล
 





4) พื้นหลังของส่วนท้าย  คือ  รูปล่างสุดของส่วนหัวข้อย่อยในแต่ละบล็อก  รูปขนาด  470x1 ถึง   470x30  พิกเซล



รูปภาพอ้างอิง  :  พี่ริว  http://dragonciriw.hi5.com



5. คลิก  ดูตัวอย่าง หรือ  บันทึก  หลังจากนั้นคลิกคำว่า  สกินที่ฉันสร้าง





6. ก็จะขึ้นลิ้ง  แก้ไข / ลบ / ดูตัวอย่าง / ใช้สกิน    ก็เลือกได้เลยค่ะ













ตัวอย่างโค้ดสี





เท่านี้ก็สามารถสร้างสกินเป็นของตัวเองได้แล้วค่ะ ^^