หน้า: [1] 2 3 4   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: ...การสร้างสกินโปรไฟล์ด้วยตนเอง + ทำรูปให้ใสเห็นพื้นหลัง (แจกรูปใส 14 โทนสี)...  (อ่าน 348663 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
taonoi
~เต่าน้อย~
Staff
Hi5 ราชันย์ผู้สูงส่ง
*****

Popular 222
ออฟไลน์ ออฟไลน์

เพศ: หญิง
กระทู้: 2,166


« Unloveable ».. ♫


เว็บไซต์
« เมื่อ: กุมภาพันธ์ 25, 2010, 01:27:21 am »

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



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

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

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

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

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

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

(เข้ามาแล้วอย่าลืมแอ้ดเป็นเพื่อนกันนะคะ ^^)











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

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

 



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. ก็จะขึ้นลิ้ง  แก้ไข / ลบ / ดูตัวอย่าง / ใช้สกิน    ก็เลือกได้เลยค่ะ













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





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





-*- Taonoi -*-



Add Hi5  >> คลิกๆ <<


« แก้ไขครั้งสุดท้าย: มิถุนายน 21, 2010, 01:27:03 pm โดย taonoi » บันทึกการเข้า



taonoi
~เต่าน้อย~
Staff
Hi5 ราชันย์ผู้สูงส่ง
*****

Popular 222
ออฟไลน์ ออฟไลน์

เพศ: หญิง
กระทู้: 2,166


« Unloveable ».. ♫


เว็บไซต์
« ตอบ #1 เมื่อ: กุมภาพันธ์ 25, 2010, 01:27:59 am »

การทำรูปให้ใสเห็นพื้นหลัง

(Internet Explorer 6  จะมองไม่เห็นพื้นหลังใส)


ในส่วนของรูปภาพ  รูปต้องมีขนาดไม่เกิน  250 KB  และถ้าต้องการให้รูปใสเห็นพื้นหลัง  ให้เซฟรูปเป็นไฟล์  .png  ค่ะ 



วิธีทำภาพให้ใส 

เครดิต   >>  + วิธีทำพื้นหลังใส แบบ Transparent +
http://www.thaihi5.com/board/index.php/topic,88788.0.html


1 . ตั้งค่าหน้าดาษใหม่ ตามต้องการ
(File - new or ctrl + n)
กำหนด ขนาด + ตามรูปจ้า ส่วนของ Backgroun Contents ปรับเป็น Transparent






2 . เทสีลงไป ปรับ Opacity ตรง Layres
( ยิ่งค่าน้อย ยิ่งจางลงจ้า )






3 . จะเสร็จแล้วว เข้าไปที่ File - Save for web
แล้วเลือกเป็นไฟล์ Png - 24 อย่าลืมติ๊ก Transparency นะคะ








 แจกรูปใส 14 โทนสี



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



-  เฮดเดอร์ของส่วน
ขาวใส

ครีม

เทา

ชมพู

ม่วง

ส้ม

เขียว

ฟ้า

แดง

เหลือง

น้ำเงิน

น้ำตาล

ดำ

แดงอ่อน



-  ตัวเนื้อหาของส่วน

 















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


   















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



-  เฮดเดอร์ของส่วน  
 
 















-  ส่วนการนำทาง

















-  ตัวเนื้อหาของส่วน

   















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

 
















« แก้ไขครั้งสุดท้าย: ตุลาคม 13, 2010, 08:17:11 pm โดย taonoi » บันทึกการเข้า

★The'ZUGUSZ..™
Hi5 ราชันย์ผู้สูงส่ง
*****

Popular 44
ออฟไลน์ ออฟไลน์

เพศ: หญิง
กระทู้: 665


เบื่อพวกสมองตัน«


« ตอบ #2 เมื่อ: กุมภาพันธ์ 25, 2010, 01:46:08 am »

โอ้โห ..
หามานานมากๆๆ ขอบคุณอย่างสูงเรยนะคะพี่เต่าน้อย {;
กระทู้ดีๆๆแบบนี้ หายากมากๆๆเรยค่ะ ~!!
^^
บันทึกการเข้า


คลิ๊กๆๆ มาเป็นเพื่อนกันนะ
ซูกัสยินดีที่ได้รู้จักเพื่อนใหม่ทุกๆๆคนค่ะ ;)
quixotic
Hi5 ผู้เริ่มต้น
*

Popular 0
ออฟไลน์ ออฟไลน์

กระทู้: 1


« ตอบ #3 เมื่อ: กุมภาพันธ์ 25, 2010, 09:28:16 am »


ขอบคุณมากค่ะ : )
บันทึกการเข้า
♥ ~Aqussi*
Hi5 ราชันย์ผู้สูงส่ง
*****

Popular 388
ออฟไลน์ ออฟไลน์

เพศ: หญิง
กระทู้: 852


♥ FREEDOM


« ตอบ #4 เมื่อ: กุมภาพันธ์ 25, 2010, 10:01:27 am »

ขอบคุณนะคะ
บางคนก็ยั่งไม่รู้เลย
บันทึกการเข้า

● ゙ iBM Enz™
Hi5 น้องใหม่
*

Popular 1
ออฟไลน์ ออฟไลน์

เพศ: ชาย
กระทู้: 45


● ゙ iBM Enz™


เว็บไซต์
« ตอบ #5 เมื่อ: กุมภาพันธ์ 25, 2010, 02:00:53 pm »

อยากได้เป็นแบบตัวเอง ใส่ตัวอักษรไปประมาณ

ต้องเซฟเป็นไฟล์ พีเอ็นจี ใช่มะ
บันทึกการเข้า

taonoi
~เต่าน้อย~
Staff
Hi5 ราชันย์ผู้สูงส่ง
*****

Popular 222
ออฟไลน์ ออฟไลน์

เพศ: หญิง
กระทู้: 2,166


« Unloveable ».. ♫


เว็บไซต์
« ตอบ #6 เมื่อ: กุมภาพันธ์ 25, 2010, 10:59:29 pm »

อยากได้เป็นแบบตัวเอง ใส่ตัวอักษรไปประมาณ

ต้องเซฟเป็นไฟล์ พีเอ็นจี ใช่มะ

ค่ะ ^^
บันทึกการเข้า

**NooNaN**
Hi5 เด็กไฟแรง
**

Popular 0
ออฟไลน์ ออฟไลน์

กระทู้: 95



« ตอบ #7 เมื่อ: กุมภาพันธ์ 26, 2010, 08:51:44 pm »

ขอบคุณค่ะ     
บันทึกการเข้า

bennS
BENNMING :')
Hi5 บัณฑิตใหม่
**

Popular 7
ออฟไลน์ ออฟไลน์

เพศ: หญิง
กระทู้: 193


bennS bennS ^^'


เว็บไซต์
« ตอบ #8 เมื่อ: กุมภาพันธ์ 26, 2010, 09:39:46 pm »

ขอบคุนมากค๊าาา เอามาอีกนะ อิอิ :))
บันทึกการเข้า

smilekim
Hi5 ผู้เริ่มต้น
*

Popular 0
ออฟไลน์ ออฟไลน์

กระทู้: 9



เว็บไซต์
« ตอบ #9 เมื่อ: กุมภาพันธ์ 28, 2010, 02:25:43 pm »

ขอบคุนจ้ะ :)
บันทึกการเข้า



แน่จิงกดดิ (:
ѵ`KcP <º))))><.·~
Hi5 ผู้รักความก้าวหน้า
****

Popular 2
ออฟไลน์ ออฟไลน์

กระทู้: 355



« ตอบ #10 เมื่อ: มีนาคม 02, 2010, 12:50:21 pm »

Thx มากมาย
บันทึกการเข้า

εїзAM Kieεїз
# รักแกน๊า
Hi5 น้องใหม่
*

Popular 2
ออฟไลน์ ออฟไลน์

เพศ: หญิง
กระทู้: 43


เรื่องนี้ต้องมี ,,คนแพ้


« ตอบ #11 เมื่อ: มีนาคม 10, 2010, 12:10:14 am »

ขอบคุณมากๆเลยค่ะ

หาวิธีทำอยู่นานมาก....


 
บันทึกการเข้า

juneney
Hi5 น้องใหม่
*

Popular 0
ออฟไลน์ ออฟไลน์

กระทู้: 26


« ตอบ #12 เมื่อ: มีนาคม 10, 2010, 09:22:36 pm »

ขอบคุณมากมากนะค๊า
http://bewiibe.hi5.com
บันทึกการเข้า
E-Freshh
Hi5 เด็กไฟแรง
**

Popular 4
ออฟไลน์ ออฟไลน์

เพศ: หญิง
กระทู้: 57



เว็บไซต์
« ตอบ #13 เมื่อ: มีนาคม 11, 2010, 07:26:49 pm »

ขอบคุณค่า ^^ 
บันทึกการเข้า
ßoozy bitch ★ ' MC
ร้อ น น นๆๆๆ >< !
Hi5 ผู้แสวงหาความรู้
***

Popular 145
ออฟไลน์ ออฟไลน์

เพศ: หญิง
กระทู้: 230



เว็บไซต์
« ตอบ #14 เมื่อ: มีนาคม 11, 2010, 08:10:18 pm »



Boards are very material. Backpacks help as encouragement help.


:)))
บันทึกการเข้า

Me ' *
Hi5 บัณฑิตใหม่
**

Popular 16
ออฟไลน์ ออฟไลน์

เพศ: หญิง
กระทู้: 191


ลั๊นลา..^^


« ตอบ #15 เมื่อ: เมษายน 01, 2010, 08:57:44 pm »

ขอบคุณค่ะ !
แล้วถ้าสร้างสกินใสแล้วจะใส่กรอบได้ไหม ?
บันทึกการเข้า

taonoi
~เต่าน้อย~
Staff
Hi5 ราชันย์ผู้สูงส่ง
*****

Popular 222
ออฟไลน์ ออฟไลน์

เพศ: หญิง
กระทู้: 2,166


« Unloveable ».. ♫


เว็บไซต์
« ตอบ #16 เมื่อ: เมษายน 02, 2010, 05:53:04 pm »

ขอบคุณค่ะ !
แล้วถ้าสร้างสกินใสแล้วจะใส่กรอบได้ไหม ?

ได้ค่ะ  ^^
บันทึกการเข้า

Me ' *
Hi5 บัณฑิตใหม่
**

Popular 16
ออฟไลน์ ออฟไลน์

เพศ: หญิง
กระทู้: 191


ลั๊นลา..^^


« ตอบ #17 เมื่อ: เมษายน 05, 2010, 01:38:51 pm »

ขอบคุณค่ะ !
แล้วถ้าสร้างสกินใสแล้วจะใส่กรอบได้ไหม ?

ได้ค่ะ  ^^

คือว่าทำปกติ ๆ หรอ ค่ะ คือเวลา SAVE เป็น PNG แ้ล้วมันไม่ขึ้นค่ะ คือใช้ STROKE ทำอ่ะค่ะ
« แก้ไขครั้งสุดท้าย: เมษายน 05, 2010, 01:42:16 pm โดย Me ' * » บันทึกการเข้า

- topkingf <3
Hi = )))) . ,,
Hi5 ผู้เริ่มต้น
*

Popular 0
ออฟไลน์ ออฟไลน์

เพศ: หญิง
กระทู้: 1


กิ๊ฟ นะคะ ;}


เว็บไซต์
« ตอบ #18 เมื่อ: เมษายน 05, 2010, 05:09:26 pm »

ขอบคุณมาก ๆ เลยค่ะ กำลังหาวิธีอยู่พอดี : )
บันทึกการเข้า
❀ αqυгıźŹ ❥ иäмωάrи
Hi5 ราชันย์ผู้สูงส่ง
*****

Popular 4
ออฟไลน์ ออฟไลน์

เพศ: หญิง
กระทู้: 671


❥ มุ่งมั่นสู่ความเป็นเลิศ '


เว็บไซต์
« ตอบ #19 เมื่อ: เมษายน 06, 2010, 12:36:22 pm »

แบบว่า ขอบคุนมาก ๆ
แต่เสียดาย เหนแค่ใน Firefox
  TT..TT
บันทึกการเข้า

คลิ๊กๆสิ่ คลิ๊กแร้วแอด จ้ะ !
taonoi
~เต่าน้อย~
Staff
Hi5 ราชันย์ผู้สูงส่ง
*****

Popular 222
ออฟไลน์ ออฟไลน์

เพศ: หญิง
กระทู้: 2,166


« Unloveable ».. ♫


เว็บไซต์
« ตอบ #20 เมื่อ: เมษายน 06, 2010, 12:49:56 pm »

แบบว่า ขอบคุนมาก ๆ
แต่เสียดาย เหนแค่ใน Firefox
  TT..TT

IE  ก็เห็นค่ะ

แต่ IE6  ไม่เห็นค่ะ

ลองโหลด  IE7  หรือ  8  มาใช้ดูค่ะ
บันทึกการเข้า

TEWz_YoonA
Hi5 ผู้เริ่มต้น
*

Popular 0
ออฟไลน์ ออฟไลน์

กระทู้: 7



« ตอบ #21 เมื่อ: เมษายน 07, 2010, 05:31:59 pm »

แตร้งกิ้วจ้าาาาาา




http://jokyuhyun.hi5.com
บันทึกการเข้า
**PD~BaiBUA~
~เหมือนจะโสด~
Hi5 ราชันย์ผู้สูงส่ง
*****

Popular 65
ออฟไลน์ ออฟไลน์

เพศ: หญิง
กระทู้: 1,477


ใบบัวบก,,*


เว็บไซต์
« ตอบ #22 เมื่อ: เมษายน 08, 2010, 12:06:22 pm »

ใจจร้าา
บันทึกการเข้า





THE PORZ
สังคมออนไลน์
Hi5 ผู้เริ่มต้น
*

Popular 3
ออฟไลน์ ออฟไลน์

เพศ: หญิง
กระทู้: 11



เว็บไซต์
« ตอบ #23 เมื่อ: เมษายน 18, 2010, 12:51:43 am »

thank a lot ka:]]
บันทึกการเข้า

click" ^^

http://porwonderful.hi5.com
Add สิจ้ะ♥ Add เลย!!
welcome to my Hi5 :))
»PČ«PoY
เปนเพื่อนกันนะ
Hi5 ราชันย์ผู้สูงส่ง
*****

Popular 109
ออฟไลน์ ออฟไลน์

เพศ: หญิง
กระทู้: 820


{PC}poy*


เว็บไซต์
« ตอบ #24 เมื่อ: เมษายน 18, 2010, 09:18:23 pm »

ดีมากเลยค่ะ .
บันทึกการเข้า




คลิ๊ก...เป็นเพื่อนกันนะ
http://poy-saisai.hi5.com
หน้า: [1] 2 3 4   ขึ้นบน
พิมพ์
กระโดดไป: