สอนทำสกิน hi5

   

วันนี้ ดรีมเอาวิธีการทำสกิน…มาบอกเพื่อน ๆ ตามสัญญาแล้วจ้า

ว่าแต่พร้อมกันรึยังเอ่ย …….

ถ้าพร้อมแล้ว เราก็เริ่มกันได้เลย  ลุย ~ ~ ~ .

อ่อ !!! ดรีมได้ทำภาพประกอบมาให้ดูด้วยนะจ๊ะ
เพื่อน ๆ จะได้ ทำความเข้าใจกันได้ง่ายขึ้น (คลิกรูปเพื่อดูรูปใหญ่)

 

ขั้นตอนแรก เราต้องลงชื่อเข้าใช้ให้เรียบร้อยก่อน

 

ขั้นตอนที่ 2 คลิกที่ "เปลี่ยนสกินของฉัน" (Change my skin)

 

 

ขั้นตอนที่ 3 คลิกที่ "สร้างสกินสำหรับโปรไฟล์" (Make a Profile skin)

 

เราก็จะเจอหน้าจอสร้างสกินแบบด้านล่าง

 

– เริ่มแรกเราก็ใส่ชื่อสกินของเราก่อนเลย ประมาณว่า ชื่อนี้ข้าขอจอง คิคิ

 

– ต่อจากนั้น ด้านล่างถัดไป เราก็จะเห็นว่ามันมีทั้งหมด 3 คอลัมน์

 

ทีนี้เรามาไล่ดูทีละหัวข้อกันดีกว่าเน๊อะ

 

 

 

•–หน้าทั่วไป (Page Global)–•

๐• ภาพพื้นหลัง (page background) ๐•

ส่วนนี้จะเป็นพื้นหลังทั้งหมดของ hi5
ตรงนี้เพื่อนๆ ก็ใส่รูปที่ต้องการที่มีอยุ่ในคอมพ์เราได้เลย

คลิกที่ปุ่ม browse เมื่อเลือกภาพได้แล้ว

ก็คลิกปุ่ม อัพโหลด 

แต่ขนาดต้องไม่เกิน 1600x900px นะจ๊ะ

 

 

 

๐• สีพื้นหลัง (Background Color) ๐• 

ตรงนี้ถ้าเพื่อน  ๆ ไม่ต้องการใช้ภาพพื้นหลังเราก็ใส่โค๊ดสีลงไปเลยจ้า

อยากรู้โค๊ดสีคลิกที่ลิ้งค์ข้างล่างนี้ได้เลยจ้า

 

 

 

๐• ตำแหน่ง (Position)  ๐•

ให้เราเลือกว่าต้องการให้ภาพพื้นหลังอยู่ตรงส่วนไหน

 

 

๐• ไฟล์แนบ (Attachment) ๐•

อันนี้คือให้เราเลือกว่าเวลาที่เราเลื่อนสกอร์บาร์

เราต้องการให้ภาพอยู่กับที่หรือไม่

ถ้าต้องการให้เลือก ยึดกับที่ (Fixed)
หรือถ้าไม่ต้องการก็ให้เลือก เลื่อน(Scroll)

 

 

๐• ทำซ้ำ (Repeat) ๐•

เลือกรูปแบบของภาพพื้นหลัง

ว่าต้องการให้ไล่จากบนลงล่างหรือไม่

ถ้าต้องการให้ซ้ำเต็มทั้งหน้า

ก็คลิกถูกทั้งสองหัวข้อเลยจ้า

 

 

๐• ข้อความส่วนหัว (Text Headers) ๐•

ตรงนี้ก็เป็นการจัดแบบ และสีของตัวอักษรในส่วนของโปรไฟล์

ตรงพวกเพศ อายุ การศึกษาประมาณนั้นจ้า

 

 

๐• สีของหน้าเว๊บ (Page Color) ๐•

อันนี้ก็ใช้ตั้งค่าแบบ และสีตัวอักษรของหน้าเว๊บทั้งหมด 

รวมไปถึงลิงค์ต่างๆ ด้วย

 

 

 

 

 

•–หัวข้อหลัก (Main Section)–•

 

๐• เฮดเดอร์ของส่วน (Section Headers ) ๐•

ต้องเป็นภาพขนาด 956×35 px. เท่านั้นนะคะ
จะเป็นภาพที่โชว์อยุ่ตรงโปรไฟล์ของฉัน ….

จำนวนครั้งที่เขัาดูนั่นแระจ้า และก็ให้เลือกสีข้อความด้วย

 

 

๐• ส่วนการนำทาง (Section Navigation) ๐•

ขนาด 956×30 px. เท่านั้น
ตรงนี้เป็นภาพพื้นหลังของเมนูด้านบน

พวกโปรไฟล์ รูปภาพ วีดีโอ สมุดฝากข้อความ ฯลฯ

 

 

๐• ตัวเนื้อหาของส่วน (Section Background) ๐•

ขนาดของภาพ ก็ตั้งแต่ 1×1 px. ถึง 956×500 px.
เท่าที่ลองมันกำหนดขนาดไฟล์ของภาพด้วยนะจ๊ะ

ได้สูงสุดไม่เกิน 250 mb.
ตรงส่วนนี้เพื่อน ๆ ก็สามารถจัดรูปแบบของภาพได้ด้วย

ยังไงลองกดดูตัวอย่างนะจ๊ะ อธิบายมะถูกแว้ว เหอๆ

 

 

๐• พื้นหลังของส่วนท้าย ๐•

ขนาดภาพ 956×1 px.ถึง  956×60 px.

เป็นภาพตรงส่วนล่างสุดของส่วนที่แสดงโปรไฟล์ด้านบนจ้า

 

 

 

 

•–หัวข้อย่อย (Mini Section)–•

๐• เฮดเดอร์ของส่วน (Section Headers) ๐•

 ภาพขนาด 470×60 px.
ตรงนี้เป็นภาพตรงพวกหัวข้อย่อย

ไลฟ์สไตล์ ประวัติ อัลบั้มรูป ประมาณนี้จ้า

 

 

๐• ส่วนการนำทาง (Section Navigation) ๐•

 ภาพต้องมีขนาด 470×25 px. เท่านั้นนะจ๊ะ
ตรงนี้ภาพพื้นหลังของลิงค์ในหัวข้อย่อยทั้งหมดจ้า

 

 

๐• ตัวเนี้อหาของส่วน (Section Background) ๐•

ภาพมีขนาด 1×1 px. ถึง 470x350px.
ตรงนี้จะเป็นภาพพื้นหลังในส่วนที่เป็นเนื้อหาต่าง ๆ ของหัวข้อย่อย

สามารถจัดรูปแบบได้เหมือนกัน ลองทำกันดูนะคะ

 

 

๐• พื้นหลังของส่วนท้าย (Footer Background) ๐•

 ภาพต้องสูงไม่เกิน 30px.

แต่ความกว้างต้องเป็น 470px.เท่านั้น

 

 

 

 

เมื่อเราจัดการตกแต่ง ส่วนต่าง ๆ เรียบร้อยแล้ว

เราก็สามารถดูตัวอย่างของสกินที่เราสร้างได้

โดยคลิกที่ปุ่ม " ดูตัวอย่าง "

มันจะอยู่ล่างสุดของหน้าแต่งสกิน

 

หลังจากที่เราตกแต่งจนเป็นที่พอใจแล้ว

ก็จัดการบันทึกซะเยย

แล้วมันก็จะบอกเราว่าเสร็จเรียบร้อย ตามภาพ

คลิก สกินที่ฉันสร้าง ตัวสีน้ำเงิน ในแถบสีเขียว

จากนั้นเลือก ใช้สกิน ก็เป็นอันเสร็จสิ้นแว้วจ้า

 

   

 

2008

02/27

CATEGORY

ไม่มีหมวดหมู่

Write comment