Top Friends หลาย Links ในรูปเดียว (PSD or others, Dreamweaver, Host ฝากรูป)

ทำภาพขึ้นมาก่อน จะใส่รูปกี่รูปก็แล้วแต่ แล้วเซฟเป็น .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

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

ถ้าเคยมีกระทู้แบบนี้แล้ว ก็โทษด้วยนะคะ พอดีเข้ามา

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