ฺBG HI5

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

จาก Code hi5

<style type='text/css'>.

bg_content{background-image: url(http://i294.photobucket.com/albums/mm115/watcharar/5192.jpg);}.bg_content{background-repeat:repeat;}</style><p align=centre><a href="http://hi5.background-desktop.com"><font color="#0000FF">Click Here</font></a> to get a Free <a href="http://hi5.background-desktop.com"><font color="#0000FF">Hi5 Background</font></a> </p>

ท้องฟ้าสดใสดูสบายดาดีครับ

<style type='text/css'>.

bg_content{background-image: url(http://i87.photobucket.com/albums/k139/hi5love/backgrounds/x3.gif);}.bg_content{background-repeat:repeat;}</style><p align=centre><a href="http://hi5.background-desktop.com"><font color="#0000FF">Click Here</font></a> to get a Free <a href="http://hi5.background-desktop.com"><font color="#0000FF">Hi5 Background</font></a> </p>

..................................


...
ภาพนี้เป็นตัวหนังสือที่เลื่อนลงเหมือน หนังเรื่องแมททริก

<style type='text/css'>.bg_content{background-image: url(http://i87.photobucket.com/albums/k139/hi5love/backgrounds/backgrounds-myspace86.gif);}.bg_content{background-repeat:repeat;}</style><p align=centre><a href="http://hi5.background-desktop.com"><font color="#0000FF">Click Here</font></a> to get a Free <a href="http://hi5.background-desktop.com"><font color="#0000FF">Hi5 Background</font></a> </p>

ส่วนนี่เป็นรวมแบล็กกราวครับ ลองคลิกเข้าไปดูกันเลยครับมีให้เลือกมากมายหลายภาพ

Wallpaper

ทำกรอบ Friends ให้ใสจนเห็นแบล็คกราวน์

การแต่งส่วนของเพื่อน (Friends) ให้มีลูกเล่นแบบภาพใสๆ เพื่ออยากจะโชว์ฺแบล็คกราวน์ (BG) ที่เราอุตสาห์ทำเสียสวยแต่บางทีก็มีภาพต่างๆ มาบดบัง แต่จะชัดขึ้นก็เมื่อนำเมาส์ไปชี้ที่ภาพนั้น สมารถแต่งโดยใช้โค้ดได้ 2 แบบดังนี้
1. คลิกที่ My Profile
2. คลิก Edit My Basic info
3. คลิก Interests
4. กรอกโค้ดด้านล่างในช่องใดช่องหนึ่ง

ทำให้กรอบ Friends ให้ใสจนเห็นแบ็คกราวน์ ทำได้ 2 แบบ

-เมื่อนำเมาส์ไปวางแล้วรูปจะชัดขึ้น

<style type="text/css">

.friend-picture {border:none; margin-left: 0px;background:url( );}

.friend-picture a img {width:100px; height:100px !important; }

.friend-picture {height:100px !important;width:100px!important}

.friend-picture img {filter:alpha(opacity=30)}

.friend-picture a:hover img { filter: none;}

.friend-name {display:none}

</style>

-เมื่อนำเมาส์ไปวางแล้วรูปจะชัดขึ้น แล้วมีชื่อเพื่อนแสดงด้วย

<style type="text/css">

.friend-picture {border:none; margin-left: 0px;background:url( );}

.friend-picture a img {width:100px; height:100px !important; }

.friend-picture {height:100px !important;width:100px!important}

.friend-picture img {filter:alpha(opacity=30)}

.friend-picture a:hover img { filter: none;}

</style>

ใส่รูป Display ขนาดใหญ่ ใน hi5

ภาพก่อนใส่รูปดิสเพลย์

ภาพหลังจากใส่โค้ดแล้ว

ใส่รูป Display ขนาดใหญ่

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

1. คลิก My Profiles

2. คลิก Edit My Basic Info

3. คลิก Interest

4. กรอกโค้ดด้านล่างลงในช่องใดช่องหนึ่ง

<style type="text/css">

#user-picture img {height: ความสูงของรูปpx !important;
width: ความกว้างของรูปpx;visibility: hidden;}
#about-left {background:url(ใส่ URL รูป) no-repeat 50% 0%;} }
</style>

5. ก็อปปี้ URL รูปมาวางในตำแหน่งที่ระบุในตัวหนังสือสีแดง

6. ใส่ความสูงและความกว้างของรูป

7. คลิกปุ่ม Save Profile บันทึกการเปลี่ยนแปลง

8. จะแสดงข้อความ Success ว่าอัพเกรดการแก้ไขแล้ว

9. คลิกที่ My profile

10. จะแสดงรูป Display ที่กำหนดแทนที่รูปเดิมของเราในขนาดที่ใหญ่กว่าปกติตามตัวอย่างภาพ

การนำรูปที่อัพโหลดแล้วไปใช้ใน hi5

นำรูปที่อัพโหลดแล้วไปใช้
เมื่ออัพโหลดรูปขึ้นไปบนอินเทอร์เน็ตแล้ว เราก็สมารถนำไปตกแต่งใน hi5 ของคุณได้ทันที ซึ่งที่ photobucket นี้จะมีให้เลือกก็อปปี้ตามลักษณะการใช้งานดังนี้
1. ชี้เม้าส์บนรูปที่ต้องการนำไปใช้
2. สำหรับการนำไปใช้ใน hi5 ให้คลิกที่ลิงก์ในช่อง direct link ก็จะก็อปปี้ลิงก์ไว้ในคลิปบอร์ดอัตโนมัติ(จะมีกรอบ Coppied แสดงว่าก๊อปปี้แล้ว)
3. สามารถนำใช้ไปใน hi5 ได้เลย โดยดูรายละเอียดการใส่โค้ดแตละแบบได้ในหัวข้อถัดๆ ไป

วิธีใช้รูปที่มีอยู่แล้วบนอินเทอร์เน็ต
นอกจากการอัพโหลดรูปที่มีในเครื่องไปบนอินเทอร์เน็ตแล้ว ก็ยังสามารถนำรูปจากอินเทอร์เน็ตมาใช้ได้เลย โดยคลิกดูจาก Properties ของรูปภาพ แต่วิธีนี้หากรูปในเว็บนั้นถูกลบออกไป URL ที่ได้มาก็จะไม่แสดงรูปครับ โดยวิธีการก็อปปี้ที่ Properties จะทำได้ดังนี้
1. เปิดหน้าเว็บที่มีรูปที่ต้องการ
2. คลิกขวาบนรูปเลือก Properties
3. คลิกลากให้คลุม URL ของรูป แล้วสั่งก๊อปปี้ Ctrl+C
4. นำไปใช้โดยกดคีย์ Ctrl+V เพื่อวาง URL

ตำแหน่งวางโค้ด

วางได้ 3 ตำแหน่งดังนี้ครับ

ตำแหน่งที่ 1 : วางโค้ดใน About Me

ตำแหน่งที่ 2 : วางโค้ดใน Interest

ตำแหน่งที่ 3 : วางโค้ดที่ Customer Profile

การฝากรูปไว้บนเว็บ

ฝากรูปไว้บนเว็บ

การตกแต่งในหน้าไฮไฟว์ นั้นคงไม่พ้นการตกแต่งด้วยการนำรูปต่างๆ มาเสริมเติมแต่งให้สวยยิ่งขึ้น ซึ่งจะใช้ประกรอบกับโค้ด CSS เพื่อใด้ดึงขึ้นไปแสดงในหน้า hi5 โดยรูปที่แสดงนั้นจะต้องเป็นรูปที่อยู่บนอินเตอร์เน็ต คือสามารถเรียกดู URL ที่ Address bar ของเบราเซอร์ได้ สำหรับสถานที่ฝากไฟล์ต่างๆ นั้นมีหลายเว็บด้วยกันซึ่งก็เป็นบริการที่เปิดให้ฟรี

เว็บฝากรูปที่มีโค้ดให้
www.photobucket.com
www.blingee.com
www.magmypic.com
www.rockyou.com
www.picturetrail.com
http://flixya.com
www.imageshack.us
โดยในที่นี้จะยกตัวอย่างที่ เว็บ photobucket

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

1. คลิกเลือก my computer เพื่ออัพโหลดไฟล์จากในเครื่อง

2. คลิกปุ่ม Choose files แล้วเลือกไฟล์รูป

3. จะแสดงรายชื่อไฟล์และความคืบหน้าในการอัพโหลด

4. จะแสดงข้อความว่าอัพโหลดเสร็จแล้ว
5. คลิกใส่รายละเอียดแล้วคลิกปุ่ม click to add tags
6. จะแสดงรูปที่อัพโหลดแล้ว

นำรูปที่อัพโหลดแล้วไปใช้

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

1. นำเมาส์มาชี้บนรูปที่ต้องนำไปใช้

2. สำหรับการในไปใช้ใน hi5 ให้คลิกที่ลิงค์ในช่อง Direct link ก็จะก๊อปปี้ลิงก์ไว้ในคลิปบอร์ดอัตโนมัติ(จะมีกรอบ copied) แสดงว่าก็อปปี้เล้ว

3. สามารถนำไปใช้ใน hi5 ได้เลย โดยนำไปวางในช่อง URL ในตำแหน่งที่กำหนด

รวมเว็บสำหรับชาว hi5

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

เว็บฝากรูปที่มีโค้ดให้

www.photobucket.com
www.blingee.com
www.magmypic.com
www.rockyou.com
www.picturetrail.com
http://flixya.com
www.imageshack.us

เว็บเพลงและวิดีโอ

www.youtube.com
www.imeem.com
www.youdumv.com
http://play.kapook.com/vdo
http://zoomdoo.com

เว็บรวมของตกแต่งจิปาถะ

http://hi5.banphan.com
http://hi5.kapook.com
www.123cursors.com
www.hi5thai.com
www.crazyprofile.com
www.dressupmyspace.com
www.freeglitters.com
www.htmate.com
www.ilovecomment.com
www.hi5club.in.th

เว็บ Comment และ Glitter น่ารักๆ

www.life.thaihi5.com
www.siamcomment.com
http://valentine.sanook.com
http://graphics-comment.blogspot.com
http://commentthai.blogspot.com
www.commentsheaven.com
www.glitteryourway.com
http://glitter.kapook.com
www.glitterfy.com
www.glitter-graphics.com
www.glitterlive.com
www.myspaceglitter.com
http://glitter.gmember.com
http://glitter.zuzaaclub.com
http://campus.sanook.com/teen_zone
http://glitter.postjung.com

โค้ดใส่รูปเป็นหัวเปิดหน้าเว็บ

ใส่รูปเป็นหัวเปิดหน้าเว็บ hi5

<style type="text/css">

#profile-name {background-image:url(ใส่ URL รูป);

width:ขนาดpx;

height:ขนาดpx}

</style>

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

1. อัพโหลดรูปที่ต้องการใช้ขึ้นไปบนอินเตอร์เน็ตหรือก็อปปี้ URL มาใช้

2. ไปที่หน้าเว็บ hi5 คลิก My profile หรือภาษาไทยก็ แก้ไขข้อมูลพื้นฐานของฉัน

3. คลิก Edit my basic info

4. คลิก Interests

5. กรอกใส่โค้ดด้านล่างในช่องหนึ่ง ในที่เลอกช่อง Interests

6. วางลิงค์ที่ก็อปปี้มาตรงตำแหน่งดังรูป(ในที่นี้ใช้รูปที่อัพโหลดไว้ในเว็บ Photobucket)

7. ระบุความกว้าง(width) และความสูง(height) ของรูปที่ใช้มีหน่วยเป็น พิกเซล

8. คลิกปุ่ม บันทึกการเปลี่ยนแปลง

9. จะแสดงข้อความ Success ว่าได้อัพเดทการแก้ไขแล้ว

10. คลิก My Profile เพื่อไปดูผลลัพธ์