CBRSCLUB.COM

CBRs FORUM => CBR : CAFE => ข้อความที่เริ่มโดย: Cowboy VI ที่ 06, กุมภาพันธ์ 2012, 07:23:53 AM



หัวข้อ: ** Trick ง่ายๆ สำหรับการแทรกลิงค์ซ่อนภายในรูป **
เริ่มหัวข้อโดย: Cowboy VI ที่ 06, กุมภาพันธ์ 2012, 07:23:53 AM
วันก่อนผมเพิ่มเติมในส่วนของการอัพรูปไปแล้ว ( ลิงค์ด้านล่าง )    :D :D

http://www.cbr150club.com/board/index.php?topic=36162.0 (http://www.cbr150club.com/board/index.php?topic=36162.0)

วันนี้จะขอแทรก Trick เล็กๆ น้อยๆ สำหรับการ " การแทรกลิงค์ซ่อนภายในรูป "

ฟังดูอาจจะงงๆ แต่จริงๆ คือ การแปลงลิงค์ ที่ปรกติจะแสดงเฉพาะแอดเดรส ให้สามารถซ่อนอยู่ภายในรูป

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

ยกตัวอย่าง..... แอดเดรสของเว็บ cbr150clubs คือ - - - -> http://www.cbr150club.com/main.php ตัวนี้

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

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


ขั้นตอนการทำ มีดังนี้......    !give

** หมายเหตุ **

- ขออนุญาตใช้วงเล็บปีกกา ( < , > ) แทนวงเล็บใหญ่ ( [ , ] ) นะครับ มิฉะนั้นจะไม่สามารถอธิบายได้ **

- และ ตัวที่ขีดเส้นใต้เอาไว้ คือ ตัวที่เราต้องเติมลงไป



ขั้นตอนที่ 1 - ฝากรูปในเว็บฝากรูปทั่วไป แล้วนำมาวางในพื้นที่กระทู้

(http://upic.me/i/zv/7np71.jpg)

ซึ่งโค้ดของรูป จะมี <img>...............</img> ปิดหน้าและหลังของลิงค์ที่เราฝากรูปเอาไว้


ขั้นตอนที่ 2 - การซ่อนลิงค์ไว้ภายในรูปสามารถทำได้โดยพิมพ์โค้ด <url= ตัวนี้ไว้หน้าสุด

(http://upic.me/i/mq/fjdc2.jpg)


ขั้นตอนที่ 3 - ภายในเส้นประ ให้เติมแอดเดรสที่เราต้องการ ใส่ลงไป และให้ปิดท้ายลิงค์ดังกล่าวด้วยวงเล็บใหญ่ ( ] )

(http://upic.me/i/td/hr5r3.jpg)


ขั้นตอนที่ 4 - หลังจากนั้น ให้ใส่ลิงค์จากเว็บฝากรูป ที่เราฝากไฟล์รูปเอาไว้

(http://upic.me/i/iz/v48f4.jpg)


ขั้นตอนที่ 5 - และให้พิมพ์โค้ด </url> ตัวนี้ ปิดไว้้ท้ายสุด

(http://upic.me/i/y2/ww5c5.jpg)


ขั้นตอนที่ 6 - กดปุ่ม " ตั้งกระทู้ " หรือ " แสดงตัวอย่าง " ก็จะปรากฎรูปตามด้านล่าง แต่คราวนี้เราจะสามารถคลิกรูป เพื่อเชื่อมต่อไปยังแอดเดรสเป้าหมาย

(http://upic.me/i/vh/mkzc6.jpg)

เมื่อคลิกที่รูป จะพ่วงมาที่หน้าเว็บหลักที่เราต้องการ........

(http://upic.me/i/sk/siyb7.jpg)

เป็นอันว่าเรียบร้อย~  !>>)

การอธิบายอาจฟังดูยากๆ แต่แท้ที่จริงนั้นง่ายกว่าที่คิดครับ

เพียงแค่เราแทรกโค้ดและลิงค์เว็บฝากรูป เข้าไปในลิงค์หลักก็เท่านั้นเอง



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


(http://upic.me/i/zv/7np71.jpg) (http://www.cbr150club.com/main.php)


หัวข้อ: Re: ** Trick ง่ายๆ สำหรับการแทรกลิงค์ซ่อนภายในรูป **
เริ่มหัวข้อโดย: OhmPHK ที่ 06, กุมภาพันธ์ 2012, 08:19:40 AM
 !goodjob


หัวข้อ: Re: ** Trick ง่ายๆ สำหรับการแทรกลิงค์ซ่อนภายในรูป **
เริ่มหัวข้อโดย: RachaBagam ที่ 06, กุมภาพันธ์ 2012, 11:20:44 PM
 !hoehoeเค้าทำกันอย่างนี้นี่เอง  เคยสงสัยมานานแล้ว ได้รู้ซะที


หัวข้อ: Re: ** Trick ง่ายๆ สำหรับการแทรกลิงค์ซ่อนภายในรูป **
เริ่มหัวข้อโดย: kgpg00 ที่ 07, กุมภาพันธ์ 2012, 03:37:50 AM
 !goodjob ;)


หัวข้อ: Re: ** Trick ง่ายๆ สำหรับการแทรกลิงค์ซ่อนภายในรูป **
เริ่มหัวข้อโดย: เข้มโค้งS ที่ 11, กุมภาพันธ์ 2012, 04:58:46 AM
 ;) l13


หัวข้อ: Re: ** Trick ง่ายๆ สำหรับการแทรกลิงค์ซ่อนภายในรูป **
เริ่มหัวข้อโดย: cbr-150shooter ที่ 20, กุมภาพันธ์ 2012, 02:57:21 PM
 ;) ;) !goodjob


หัวข้อ: Re: ** Trick ง่ายๆ สำหรับการแทรกลิงค์ซ่อนภายในรูป **
เริ่มหัวข้อโดย: Gu_tono ที่ 20, กุมภาพันธ์ 2012, 03:51:11 PM
 l13 l13 l13 l13 l13
แหล่มครับ


หัวข้อ: Re: ** Trick ง่ายๆ สำหรับการแทรกลิงค์ซ่อนภายในรูป **
เริ่มหัวข้อโดย: porama01 ที่ 20, พฤศจิกายน 2013, 08:45:28 PM
ขอบคุณครับ  >coooool >coooool >coooool


หัวข้อ: Re: ** Trick ง่ายๆ สำหรับการแทรกลิงค์ซ่อนภายในรูป **
เริ่มหัวข้อโดย: Chinnachot ที่ 04, สิงหาคม 2014, 11:19:32 PM
ขอบคุณมากๆครับ  >coooool