หน้า: [1] 2 3   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: Top Friends หลาย Links ในรูปเดียว (PSD or others, Dreamweaver, Host ฝากรูป)  (อ่าน 13823 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
::: Commonality :::
Hi5 ผู้เฉลียวฉลาด
**

Popular 88
ออฟไลน์ ออฟไลน์

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


กรุณาอ่านคำแนะนำก่อนนำสกินไปใช้


เว็บไซต์
« เมื่อ: กันยายน 15, 2008, 10:54:28 pm »

ทำภาพขึ้นมาก่อน จะใส่รูปกี่รูปก็แล้วแต่ แล้วเซฟเป็น .jpeg หรือ .gif หรือ .png ก็ได้แล้วแต่คุณลักษณะของรูป  หรือจะใส่รูปเพื่อนแบบกระจายกันออกไปไม่ต้องเรียงก็ได้ เช่นถ้าเป็นภาพเคลื่อนไหวก็ต้องเซฟเป็น .gif ถ้าเป็นภาพโปร่งใส ก็ควรจะเซฟเป็น .png (แล้วแต่ความครีเอทนะคะ ทำเป็นดอกไม้ ต้นไม้ ก็ว่ากันไป) photoscape ก็ได้นะคะ เอาภาพมารวมกันหลาย ๆ ภาพ


ปล. ควรจะหารูปเพื่อน กับลิ้งค์ไว้ก่อนนะคะ จะได้ไม่ต้องคอยไปเปิดหาเวลาทำ มันไม่ค่อยสะดวกเท่าไหร่ เอาชื่อกับลิ้งค์มาเก็บไว้ใน note pad ก็ได้ เวลาทำจะได้ ก๊อบ ๆ มาใส่เลย




พอได้รูปแล้วก็เอารูปไปฝากที่เว็บฝากรูปก็จะได้ url มา เอาเก็บไว้ก่อน

ตัวอย่าง


โค๊ด:
http://i49.photobucket.com/albums/f298/deedydeedydeedy/hi5/fl.gif

ต่อไปก็ไปที่โปรแกรม Deamweaver (เป็นโปรแกรมสร้างเว็บไซต์โปรแกรมหนึ่ง)

เลือกเป็น HTML ตามภาพ




แล้วไปที่เมนู insert >> image เลือกรูปที่เราทำไว้ แล้ว ok >> ok >> ok >> ออกมาจนถึงหน้าปกติได้เลย



ก็จะได้ตามภาพ



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



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



พอเลือกว่าจะเอารูปแบบไหนแล้วก็ลากลงไปที่รูปเพื่อนทีละคนได้เลย และกำหนดค่าต่าง ๆ ด้านล่างดังนี้




link : ลิ้งค์ของเพื่อน เช่น http://abcdefg.......hi5.com
target : กำหนดว่าเวลาคลิกแล้วจะให้เปิดหน้าใหม่หรือแสดงในหน้าเดิม (ส่วนนี้ไม่ใส่ก็ได้)
alt : ใส่ชื่อของแต่ละคน เวลาเม้าส์ชี้ มันจะแสดงขึ้น (ไม่ใส่ก็ได้แล้วแต่)



(ตัวอย่าง สมมติ ว่ากำหนดลิ้งค์ครบแล้ว)

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

 :P

แล้วก็ไปคลิกตรงคำว่า code แล้วก็ก๊อปเอาโค้ดมาใส่ใน about me หรือ interests ได้เลยค่ะ

 (ตรงที่เป็น url  รูป (img src=) อย่าลืม เอา url รูปที่เราไปฝากโฮสไว้มาใส่แทนด้วยนะคะ เดี๋ยวภาพไม่ขึ้นนะ - -")

เวลาจะเช็คว่าลิ้งค์เพื่อนถูกต้องมั๊ย ก็เช็คในนี้ได้เหมือนกัน แล้วก็ควรจะเซฟไว้ด้วยนะคะ เผื่อเพิ่มหรือลดเพื่อน จะได้เอามาแก้ไขใหม่ได้ แล้วถ้าจะกลับไปหน้าที่มีรูปก็คลิกที่ design อยู่ใกล้ ๆ กันกับ code เมื่อกี๊อ่ะค่ะ



วิธีเซฟ

ไปที่ file >> save as แล้วก็เลือกโฟลเดอร์ที่เราเก็บโค้ดกับพวกกราฟฟิกของแต่ละสกินไว้ก็ได้ จะได้หาได้ง่าย ๆ  :)  (เซฟเป็น .html นะคะ มันจะขึ้นให้อัตโนมัติอยู่แล้วล่ะ)

เช่น



ทีนี้ก็ไม่ต้องคอยใส่ทีละคนแล้ว ใส่เป็นร้อยเลยก็ได้ ถ้าไม่ขี้เกียจทำ  :D

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

ถ้าเคยมีกระทู้แบบนี้แล้ว ก็โทษด้วยนะคะ พอดีเข้ามา  
« แก้ไขครั้งสุดท้าย: กันยายน 16, 2008, 02:21:56 am โดย DEEDY_UNFAMILIAR » บันทึกการเข้า



 


MUTHAF★CKIN ゙
go on baby if ya can do
Hi5 ราชันย์ผู้สูงส่ง
*****

Popular 654
ออฟไลน์ ออฟไลน์

กระทู้: 1,309


you better back yr shit up :)


เว็บไซต์
« ตอบ #1 เมื่อ: กันยายน 15, 2008, 11:05:13 pm »

ขอบคุณสำหรับความรุ้ใหม่ๆค่ะ
จะลองทำดูนะคะพี่ดี้น่ารักจัง
 
บันทึกการเข้า

KaWaii_GiRL™
Hi5 นักปราชญ์
***

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

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


ลั๊ลลา~*


เว็บไซต์
« ตอบ #2 เมื่อ: กันยายน 15, 2008, 11:42:22 pm »

สาระความรู้ทั้งนั้นเลย

เดี๋ยวจะลองเอากลับไปทำดู

ขอบคุณ จขกท. ที่เอาความรู้มาแบ่งปันค่ะ
บันทึกการเข้า




PD -♥ คุ ง นู๋ ตู เ ช่♥-
Hi5 นักปราชญ์
***

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

กระทู้: 270



เว็บไซต์
« ตอบ #3 เมื่อ: กันยายน 22, 2008, 06:43:56 am »

ว๊าวววววววววววววววววว
เดจัยย
จัง
ชอบมากกกกกกกกกกกกกกกกกกก
บันทึกการเข้า

http://tanyanarakyoyo.hi5.com


ฝากด้วยน่าจ้า
❤ⓟⓓ►o(≧o≦)o◄ⓙ@ⓙ@ⓡ❤
Hi5 ราชันย์ผู้สูงส่ง
*****

Popular 160
ออฟไลน์ ออฟไลน์

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


*~• ป้าจ๋า 30 ยังแจ๋ว•~*


เว็บไซต์
« ตอบ #4 เมื่อ: กันยายน 22, 2008, 08:37:27 am »

ขอบคุณ จขกท. ที่เอาความรู้มาแบ่งปันค่ะ
บันทึกการเข้า

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

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

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



เว็บไซต์
« ตอบ #5 เมื่อ: กันยายน 22, 2008, 10:24:29 am »

อ่านตอนแลกก็งง

และแล้วมันก็คือ

image map นั่นเอง อิอิ

ดีคับ ไคจะเอาไปดัดแปลงเป็นลิงค์ก็ได้ ยืดหยุ่นดีออก

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

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

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

กระทู้: 3



« ตอบ #6 เมื่อ: กันยายน 22, 2008, 11:21:50 am »

โปรแกรม Deamweaver นี่หาโหลดจากไหนหรอค้ะ ?[/b][/u]
บันทึกการเข้า
iamjoker
Hi5 เด็กไฟแรง
**

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

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



เว็บไซต์
« ตอบ #7 เมื่อ: กันยายน 22, 2008, 11:50:44 am »

http://www.yasoza.com/bb/viewthread.php?tid=2658

นี่คับมี 2part นะดูดีๆละ

credit by nic123sos
บันทึกการเข้า



vuมคsก •”
Hi5 ราชันย์ผู้สูงส่ง
*****

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

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



เว็บไซต์
« ตอบ #8 เมื่อ: กันยายน 22, 2008, 05:34:47 pm »

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

http://kitiya-lookmee.hi5.com งิงิ hi5ลดโลกร้อนค่า 1234.... คลิ๊ก แห้ๆ 

 
โป๊งเหน่ง
Hi5 ผู้แสวงหาความรู้
***

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

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



« ตอบ #9 เมื่อ: กันยายน 24, 2008, 04:38:53 pm »

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

pra_l
Hi5 น้องใหม่
*

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

กระทู้: 37


« ตอบ #10 เมื่อ: กันยายน 27, 2008, 09:52:20 pm »

....................ไมรูปมันขึ้น  แต่ลิ้งค์ไม่ได้อ่า............

.....................ทำถูกขั้นตอนแล้วนะค่ะ...............

...........ช่วยบอกทีค่ะ................
บันทึกการเข้า


อัศวิน สุวรรณ์
Hi5 ผู้แสวงหาความรู้
***

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

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


ROCK N ROLL


เว็บไซต์
« ตอบ #11 เมื่อ: กันยายน 27, 2008, 10:07:07 pm »

ลิ้งค์ต้องใส่ตั้งแต่http://ไปเลยนะครับ

 

ฝากธีมใหม่ด้วยครับ

http://utswin.hi5.com

« แก้ไขครั้งสุดท้าย: กันยายน 27, 2008, 10:09:02 pm โดย Pro 5 » บันทึกการเข้า

KamO~yaRisM€
Hi5 ผู้แสวงหาความรู้
***

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

กระทู้: 211


Eye on M€ สิ่งที่ฉันเห็นนั้นคือความจริง !!!


« ตอบ #12 เมื่อ: กันยายน 28, 2008, 07:29:44 am »

http://www.yasoza.com/bb/viewthread.php?tid=2658

นี่คับมี 2part นะดูดีๆละ

credit by nic123sos

เข้าเว็ปไม่ได้ครับ
ช่วยหา ลิ้งใหม่ให้ด้วยน่าครับ อยากทำมากมาย ^ ^
บันทึกการเข้า

แวะเข้ามาชมกันได้ นะครับ Add เพื่อนด้วยหละ
little_Sweety
Hi5 ราชันย์ผู้สูงส่ง
*****

Popular 27
ออฟไลน์ ออฟไลน์

กระทู้: 1,573



« ตอบ #13 เมื่อ: กันยายน 28, 2008, 08:01:48 am »

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


"If you wanna know about me click on the picture na ka"
E│A│R│N│K
เบื่ อชี วิตท าง สั งค ม
Hi5 ผู้รักความก้าวหน้า
****

Popular 42
ออฟไลน์ ออฟไลน์

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


ช๊ ะเอิ งค์ >.<"


เว็บไซต์
« ตอบ #14 เมื่อ: กันยายน 28, 2008, 10:13:06 am »

เก่งมากเลรค่ะ ขอบคุนนะค้ะ หามานานแร๊วเนี่ย
บันทึกการเข้า

รับแอดทุกคนhttp://earnkzii.hi5.com



the's FZNS
Hi5 มืออาชีพอย่างถ่องแท้
****

Popular 23
ออฟไลน์ ออฟไลน์

กระทู้: 491


HI5'SEO 55+


« ตอบ #15 เมื่อ: กันยายน 28, 2008, 03:58:40 pm »

WOW!!   Deamweaver  งูๆปลาๆอยู่เลยโปรแกรมเนี๊ย


จะลองครับ
บันทึกการเข้า

-------------------------------------------------------------------
[GURU] topzajr
Hi5 ราชันย์ผู้สูงส่ง
*****

Popular 36
ออฟไลน์ ออฟไลน์

เพศ: ชาย
กระทู้: 1,112


เบื่อ hi5


เว็บไซต์
« ตอบ #16 เมื่อ: กันยายน 28, 2008, 04:20:32 pm »

โค้ด map นี่เอง

ถ้าทำตรงๆมันทำมะดาเกินไป

ต้องทำเอียงไปเอียงมา

ไหนๆก็ใช้ map แล้ว
บันทึกการเข้า


CSS คืออะไร พัฒนากันไป ได้แต่{display:none}
tamelovmu
Hi5 ผู้เฉลียวฉลาด
**

Popular 26
ออฟไลน์ ออฟไลน์

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



เว็บไซต์
« ตอบ #17 เมื่อ: กันยายน 29, 2008, 10:43:28 pm »

สุดยอดอ่ะ

ลองผิดลองถูกอยู่นานเลย

555+

ในที่สุดก็ได้
บันทึกการเข้า

http://tamelovmu.hi5.com hi5 ผมครับ

✿namfÖn✿
~ แฮปปี้ จัง ~
Hi5 ราชันย์ผู้สูงส่ง
*****

Popular 205
ออฟไลน์ ออฟไลน์

กระทู้: 653


~มันก็ท้อเหมือนกันนะ~


เว็บไซต์
« ตอบ #18 เมื่อ: กันยายน 29, 2008, 11:33:17 pm »

ขอบคุณค่ะ

ใช้เป็นเพราะตะเอง เลยนะเนี่ย

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

เบื่อ !! พวกไม่มีความคิดเป็นของตัวเอง

MY HI5 l HI5 SHARING l KIDDEE-D
Genu9.BS
IN HI5
Hi5 ผู้เริ่มต้น
*

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

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


I'M SU


เว็บไซต์
« ตอบ #19 เมื่อ: กันยายน 29, 2008, 11:33:21 pm »

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

ฝาก hi5 ด้วยนะค๊ะ
http://suku-ka.hi5.com *
PD แก้มมมใส
เจ้าแม่hi5
Hi5 ราชันย์ผู้สูงส่ง
*****

Popular 13
ออฟไลน์ ออฟไลน์

กระทู้: 1,394



« ตอบ #20 เมื่อ: กันยายน 30, 2008, 10:21:03 am »

ขอบคุณสำหรับความรู้เช่นกาลลล
บันทึกการเข้า

คลิกสิจ๊ะ แอดเลย โฉมใหม่
มีโค้ดและของแจกมากมาย
 

tb'godzilla
ก๊อต ก๊อต ก๊อต
Hi5 เด็กไฟแรง
**

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

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



เว็บไซต์
« ตอบ #21 เมื่อ: กันยายน 30, 2008, 03:24:45 pm »

ขอบ คุง น้า


จ๊วบๆๆ
บันทึกการเข้า

PD ~BooMBiiM ~
Hi5 ผู้นำยอดเยี่ยม
***

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

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



« ตอบ #22 เมื่อ: กันยายน 30, 2008, 03:41:44 pm »

แห่ะ ๆ

งง ^^'
บันทึกการเข้า

pd❤edward☆◕‿◕
Hi5 ราชันย์ผู้สูงส่ง
*****

Popular 76
ออฟไลน์ ออฟไลน์

กระทู้: 582


-*-


เว็บไซต์
« ตอบ #23 เมื่อ: กันยายน 30, 2008, 03:49:22 pm »

ขอบคุนมากๆๆเลยนะคะ
บันทึกการเข้า

http://i-creamka.hi5.com =ลายเซ็น ฮี่ๆ

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

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

กระทู้: 3



« ตอบ #24 เมื่อ: ตุลาคม 01, 2008, 09:25:03 am »

อ่า ขอยคุณมากสำหรับเว็บโหลดค่ะ
บันทึกการเข้า
หน้า: [1] 2 3   ขึ้นบน
พิมพ์
กระโดดไป: