แต่งรูปสวยผ่านเว็บ

มีรูปแล้วอยากแต่งให้สวยๆ แต่ไม่มีโปรแกรม อยากเอารูปลง HI5 หรือว่าเอารูปลง Facebook ต้องนี่เลยครับแต่งรูปเก๋ๆ เท่ห์ ผ่านเว็บไซต์  http://www.loonapix.com/ มีให้แต่งหลายฟังก์ชั่นมากเลย ก่อนอื่นเลยครับเตรียมรูปเดี่ยวๆ ชัดๆ ที่สวยแอ๊บแบ๊ว เท่ห์ที่สุดเซฟไว้ในเครื่องก่อนสักรูปสองรูปครับแล้วแต่งรูปจากฟังก์ชั่นตามนี้เลยครับ

LoonaPic Effect  สร้างรูปสนุกๆ ใส่เอฟเฟ็กแปลกๆ ให้กับรูปตัวเองเลย


Photo Frames  ใส่กรอบรูปสวยหรูสไตล์แปลกๆ ให้กับรูปได้ครับ ลองดู

Face Effect  เอาหน้าเราไปใส่กับรูป หรือกรอบที่ได้ บางรูปอย่างฮาครับ


Calendar Wallpaper นี่เลยครับ เอารูปเรามาทำปฏิทินซะเลย เสร็จแล้วก็เอามาทำเป็นวอลเปเปอร์หรือจะพิมพ์มาเก็บไว้เป็นปฏิทินจริงๆ เลยก็ได้ครับไม่เหมือนใครดี เพราะมันเป็นรูปเราเอง


Create GIF สุดท้ายก็นี่เลยครับ รูปในแบบที่เคลื่อนไหวขยับได้


 

โปรแกรมโฟโต้สแครป

อยากแต่งภาพสวยๆ ลงHI5 .ใช้โปรแกรมง่ายๆ ถูกลิขสิทธิ์ ต้องโปรแกรมนี้เลยครับ โปรแกรม Photoscape
โปรแกรม Photoscape 3.5
สำหรับนักตกแต่งภาพที่ไม่ต้องการโปรแกรมละเมิดลิขสิทธิ์และการใช้งานยากๆ อย่าง PhotoShop สามารถดาวโหลด โปรแกรมฟรีโฟโต้่สแครปไปใช้ได้ฟรีครับ เวอร์ชั่นล่าสุด 3.5 ใช้งานง่ายคลิกดาวน์โหลดได้จากลิงก์ด้านล่างนี้เลยครับ

วิธีเซฟรูปจากไฮไฟว์

วิธีบันทึกรูปจาก hi5

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

ซึ่งความจริงแล้วรูปภาพที่ปรากฏนั้น ทางเว็บไซต์ได้นำภาพวางซ้อนเอาไว้บนภาพจริงอีกชั้นหนึ่ง เมื่อคุณสั่งบันทึกภาพผ่านบราวน์เซอร์ด้วยวิธีปกติ มันก็จะเก็บภาพขนาดเล็กที่มีชื่อว่า 1x1_trans.gif ทำให้เมื่อกลับมาดูภายหลังก็จะไม่พบภาพที่เราต้องการ

สำหรับวีกรนั้นทำได้หลายวิธี แต่เอาแบบวิธีง่ายๆ กว่านั่นคือการพิมพ์โค้ดต่อไปนี้ลงใน Address Bar

หากใช้ IE, Opera, Chrome พิมพ์ดังนี้

javascript:void(picture.style.display=”none”);

หากใช้ Firefox พิมพ์ดังนี้.

javascript:void(document.picture.style.display=”none”);

จากนั้นก็กด Enter เบาๆ หนึ่งครั้ง ดูเหมือนกับว่าไม่มีอะไรเกิดขึ้น แต่ลองคลิกขวาที่ภาพแล้วสั่งบันทึกรูปอีกครั้ง ก็จะเห็นเป็นชื่อไฟล์ที่ไม่มีความหมาย เช่น Phkjhywsj234-01.jpg นั่นแหละครับ ดีใจได้เป็นไฟล์รูปตัวจริงที่เราสามารถเซฟกันได้จริงๆ เย๊..

แต่ถ้าไม่ชอบก็อปปี้โค้ดไปวางบ่อยๆ ก็สามารถใช้บริการดึงรูปจากเว็บไซต์อย่าง Lullar Photo (http://photo.lullar.com/) เพียงพิมพ์ URL ของโปรไฟล์บุคคลที่ต้องการก็เสร็จเรียบร้อย ซึ่งจะสามารถเห็นได้ทั้งอัลบัม แม้กระทั่งคนที่เราไม่ได้เป็นเพื่อนด้วย แต่จะเห็นเฉพาะคนที่เปิดสิทธิ์ให้เราดูอัลบัมได้เท่านั้นครับ แต่ถ้าจำกัดสิทธิ์ล่ะก็เห็นดูได้เฉพาะรูปโปรไฟล์ของเขาเท่านั้นครับ

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

ทำ Comment ของเราให้ตัวหนังสือห่างๆ

ทำตัวหนังสือใน Comment ของเราให้ห่างๆ


<style type="text/css">.comment-text { letter-spacing: 3px }

</stlye>


**หากต้องการให้ระยะห่างเพิ่มชึ้น ให้แก้ตัวเลขในส่วนของ Spacing นะครับ**

ใส่โค้ด เฮดไฮไฟว์


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

<style type="text/css">

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

width:
ขนาดpx;

height:
ขนาดpx}

</style>


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

วิธีการใส่โค้ด
1.อัพโหลดรูปที่ต้องการใช้ขึ้นไปบนอินเตอร์เน็ตหรือก็อปปี้URL มาใส่ในช่องสีแดง
2.ไปที่หน้าโปรไฟล์ของเราที่ต้องการจะใส่โค้ด
3.คลิกแก้ไขข้อมูลพื้นฐานของฉัน(Edit My Profile)
4.คลิก ความสนใจพิเศษ (Interests)
5.กรอกโค้ดด้านบนในช่องใดช่องหนึ่ง
6.วางลิ้งก์แทนในส่วนของ ใส่ URL รูป
7.อย่าลืมระบุความกว้าง(width)และความสูง(height)
8.คลิกปุ่มบันทึกโปรไฟล์ (Save profile)
9.จะแสดงข้อความ

เรียบร้อย !

อัพเดตโปรไฟล์ของคุณเรียบร้อยแล้ว

หรือข้อความภาษาอังกฤษ ว่า SUCCESS!
10.คลิกที่ โปรไฟล์ (My Profile) เพื่อไปดูผลลัพธ์

ฺ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 ในตำแหน่งที่กำหนด