BlogGang.com : : Kluaytub : <<<+++โค้ดสำหรับใส่รูป+++>>>

<<<+++โค้ดสำหรับใส่รูป+++>>>

โค้ดสำหรับใส่รูป

การใส่รูป

ใส่รูปแบบธรรมดา
<img src=ใส่ URL ของรูป>
จะได้รูปออกมาตามตัวอย่าง

ถ้าจะให้รูปเรียงเป็นแถวต่อกันไปเรื่อยๆ ให้ใส่คำสั่งเรียงต่อไปเรื่อยๆตามจำนวนรูป
<img src=ใส่ URL ของรูป><img src=ใส่ URL ของรูป><img src=ใส่ URL ของรูป>
จะได้รูปออกมาตามตัวอย่าง

ใส่ให้อยู่ตรงกลางหน้า
<center><img src=ใส่ URL ของรูป></center>
จะได้รูปออกมาตามตัวอย่าง

รูปใหญ่เกินไป ให้ใส่ขนาดตัวเลขที่ต้องการลดขนาด
<center><img src=ใส่ URL ของรูป width=ใส่เลขของขนาดที่ต้องการheight=ใส่เลขของขนาดที่ต้องการ></center>
จะได้รูปออกมาตามตัวอย่าง

ใส่รูปอยู่ด้านขวาพร้อมข้อเขียนอยู่ด้านซ้ายมือของรูป
<table border="0"><tbody><tr><td valign="top"><p>เขียนข้อความที่ต้องการ </p></td><td valign="top"><img src="ใส่ URL ของรูป" border="0"></td></tr></tbody></table>
จะได้รูปออกมาตามตัวอย่าง

มธุรสวาจาไม่ต้องเสียเงินตรา แต่ผลลัพธ์ออกมามากล้น

รูปอยู่บนด้านซ้ายพร้อมข้อเขียนอยู่ด้านขวามือของรูป
<table border="0"><tbody><tr><td valign="top"><img src="urlของรูป" border="0" /></td><td valign="top"><p>ข้อความที่ต้องการใส่</p></td></tr></tbody></table>
จะได้รูปออกมาตามตัวอย่าง

มธุรสวาจาไม่ต้องเสียเงินตรา แต่ผลลัพธ์ออกมามากล้น

ทำให้รูปเลื่อนได้
<marquee><img src=urlของรูป></marquee>
จะได้รูปออกมาตามตัวอย่าง

ใส่กรอบให้รูป

ใส่กรอบทั่วไป
<table border="3" cellspacing="1" style="border: 3px solid ใส่โค้ดสี"><tbody><tr><td><img src="urlของรูป" border="0" /></td></tr></tbody></table>
จะได้รูปออกมาตามตัวอย่าง

กรอบรูปแบบเรียบง่ายแบบต่างๆ

กรอบเส้นธรรมดา

<fieldset style="border:5px solid โค้ดสี; padding:10;">
<center>ข้อความหรือรูปที่ต้องการ</center>
</fieldset>
5px=ความหนาของกรอบ เปลี่ยนที่ตัวเลข
padding10=ความสูงของกรอบจากตัวหนังสือ เปลี่ยนที่ตัวเลข

กรอบเส้นคู่

<fieldset style="border:5px double โค้ดสี; padding:10;">
<center>ข้อความหรือรูปที่ต้องการ</center>
</fieldset>

กรอบเส้นคู่ด้านบนบาง ด้านล่างหนา

<fieldset style="border:5px groove โค้ดสี; padding:10;">
<center>ข้อความหรือรูปที่ต้องการ</center>
</fieldset>

กรอบเส้นคู่ด้านบนหนา ด้านล่างบาง

<fieldset style="border:5px ridge โค้ดสี; padding:10;">
<center>ข้อความหรือรูปที่ต้องการ</center>
</fieldset>

กรอบเส้นประ

<fieldset style="border:5px dashed โค้ดสี; padding:10;">
<center>ข้อความหรือรูปที่ต้องการ</center>
</fieldset>

กรอบจุด

<fieldset style="border:5px dotted โค้ดสี; padding:10;">
<center>ข้อความหรือรูปที่ต้องการ</center>
</fieldset>

กรอบแบบ inset

<fieldset style="border:5px inset โค้ดสี; padding:10;">
<center>ข้อความหรือรูปที่ต้องการ</center>
</fieldset>

กรอบแบบoutset

<fieldset style="border:5px outset โค้ดสี; padding:10;">
<center>ข้อความหรือรูปที่ต้องการ</center>
</fieldset>

Fieldset Box
คือกรอบที่ใส่รอบรายละเอียดของข้อความที่เขียนอยู่ส่วนกลางของบล็อก

Fieldset Box

<fieldset>ใส่รายละเอียดที่นี่</fieldset>

Fieldset Box

<fieldset><center>ข้อความหรือรูปที่ต้องการ</center></fieldset>

ทำกรอบสองชั้นแบบง่าย
<table style="border: ridge 5px โค้ดสี" width=450><tbody><tr><td align="center" valign="middle" style="border: 2px ridge โค้ดสี;padding:10px">ใส่ข้อความ</td></tr></tbody></table>

ridge=ชนิดของกรอบที่สามารถเปลี่ยนได้ มี solid ,dotted ,dashed ,double เป็นต้น
5px=ขนาดของกรอบ

โค้ดกรอบที่มีรูปอยู่ในกรอบด้านบนเละมี scrollbar อยู่ด้านขวามือ
<table height=468 cellSpacing=0 cellPadding=0 width=325 background=urlของรูป border=0><tbody>
<tr><td width=90 height=85></td><td width=240 height=85></td><td width=120 height=237 rowSpan=2></td></tr>
<tr><td width=100 height=152></td><td width=230 height=152></td></tr><tr><td width=90 height=58>
<DIV style="scrollbar-face-color:โค้ดสี; left: 306px; float: right; overflow-x: hidden; overflow: scroll; width: 314px; scrollbar-3dlight-color:โค้ดสี; scrollbar-arrow-color:โค้ดสี; scrollbar-base-color:โค้ดสี;HEIGHT:130px">
พิมพ์ข้อความที่นี่ค่ะ
</DIV></td><td width=230 height=58></td><td width=120 height=58></td></tr></tbody></table>

โค้ดใส่รูปให้รูปอยู่กลางบล็อก
<style>Body {background-image:url("ใส่ URLของรูป");background-position:center;background-repeat: no-repeat;background-attachment: fixed;background-color: "โค้ดสี";}</style>

โค้ดใส่รูปให้รูปอยู่มุมซ้ายบนของบล็อก
<style>Body {background-image:url("ใส่ URLของรูป");background-position: left top;background-repeat: no-repeat;background-attachment: fixed;background-color: "โค้ดสี";}</style>

โค้ดใส่รูปให้รูปอยู่กลางบล็อกด้านซ้าย
<style>Body {background-image:url("ใส่ URLของรูป");background-position: left center;background-repeat: no-repeat;background-attachment: fixed;background-color: "โค้ดสี";}</style>

โค้ดใส่รูปให้รูปอยู่มุมซ้ายล่างของบล็อก
<style>Body {background-image:url("ใส่ URLของรูป");background-position: left bottom;background-repeat: no-repeat;background-attachment: fixed;background-color: "โค้ดสี";}</style>

โค้ดใส่รูปให้รูปอยู่มุมขวาบนของบล็อก
<style>Body {background-image:url("ใส่ URLของรูป");background-position: right top;background-repeat: no-repeat;background-attachment: fixed;background-color: "โค้ดสี";}</style>

โค้ดใส่รูปให้รูปอยู่มุมขวากลางบล็อก
<style>Body {background-image:url("ใส่ URLของรูป");background-position: right center;background-repeat: no-repeat;background-attachment: fixed;background-color: "โค้ดสี";}</style>

โค้ดใส่รูปให้รูปอยู่มุมขวาล่างของบล็อก
<style>Body {background-image:url("ใส่ URLของรูป");background-position: right bottom;background-repeat: no-repeat;background-attachment: fixed;background-color: "โค้ดสี";}</style>

โค้ดใส่รูปให้รูปอยู่เรียงแนวยาวด้านบนของบล็อก
<style>body {background-image:url("ใส่ URLของรูป") ;background-repeat : repeat-x ;background-attachment : fixed; background-color: "โค้ดสี";}</style>

ใส่รูป แบบ กำหนดความกว้าง x ความยาว
<img src="ใส่urlของรูป"border="0" width="31" height="19">

ใส่ข้อความให้กับรูป
<img src="ใส่urlของรูป"border="0" alt="เขียนข้อความที่เราต้องการ">

ทำให้รูปไม่มีกรอบกลางบล็อก
<style>img {border: none;}</style>

ใส่รูปตรง Group Blog แบบที่ใช้อยู่ที่บล็อกนี้
<img src=urlของรูปborder=0><img src=urlของรูปborder=0>

ใส่รูปตรงกลางหัวบล็อก ให้ใส่ไว้ที่ช่อง slogan
<center><img src='urlของรูป'border=0></center>

Create Date : 10 ตุลาคม 2550

Last Update : 6 มกราคม 2557 22:52:24 น. 39 comments

Counter : 32423 Pageviews.

Share
Tweet

เข้ามาจิ๊กโค้ดค่ะ ย้ำอีกครั้งว่าบล็อคน่ารัก ออกแบบจัดวางทุกอย่างลงตัวมากๆค่ะ

โดย: มาเรีย ณ ไกลบ้าน

วันที่: 23 ตุลาคม 2550 เวลา:19:26:20 น.

โดย: บล็อคน่ารักจังเลยค่ะ อ่านง่าย สบายตา ขออนุญาตนำเคล็ดลับไปใช้ที่บล็อคบ้างนะคะ (อัญชนา

) วันที่: 30 ตุลาคม 2550 เวลา:5:31:32 น.

เพิ่งหัดทำบล๊อคค่ะ ถ้าไงแนะนำหน่อยนะค่ะ เพราะทำไม่ค่อยได้นะค่ะ ไม่ค่อยเข้าใจ บล๊อคน่ารักนะค่ะ

โดย: แมงโกชิดเด

วันที่: 1 พฤศจิกายน 2550 เวลา:17:30:55 น.

ขอบคุณน๊ะค่ะ

มาโขมยโค้ดไปใช้มั่งค่ะ

อิอิ น่ารักจัง

ผู้แบ่งบัน

โดย: GuGuS IP: 117.47.137.24 วันที่: 8 มีนาคม 2551 เวลา:15:56:24 น.

ทำบล็อคสวยกันจัง

โดย: Sweet_Naree

วันที่: 7 กันยายน 2551 เวลา:10:27:31 น.

มาขอโค๊ดไปปรับปรุงเว็บนะคะ
ขอบคุณค่ะ

โดย: bow_relax

วันที่: 17 พฤศจิกายน 2551 เวลา:16:46:53 น.

merry christmas

มีความสุขมาก ๆนะคะ

ปีใหม่นี้หวังสิ่งใดให้สมหวังในทุกอย่างนะคะ

โดย: bow_relax

วันที่: 28 ธันวาคม 2551 เวลา:18:48:13 น.

ขอบคุนมาก กก ..ก คับ ! :)
*ผมว่าบล๊อคน่ารั๊กดีคับ

โดย: โบซัง ♥ IP: 119.31.86.224 วันที่: 9 มกราคม 2552 เวลา:21:01:32 น.

สวยมากกกก ขอบคุณมากกครับบ

โดย: เกม IP: 124.121.215.221 วันที่: 17 มกราคม 2552 เวลา:9:36:41 น.

ขอบคุนค๊ะ !

โดย: กอกิ้ฟ* IP: 58.9.191.148 วันที่: 31 มกราคม 2552 เวลา:13:39:16 น.

Get your own at Gizmoz.com

แวะมาทักทายค่ะ

บายๆๆๆๆๆๆ

โดย: bow_relax

วันที่: 2 กุมภาพันธ์ 2552 เวลา:12:15:23 น.

บางโค้ดใช้มั่ยดั้ย แต่ก้ขอบคุนค่ะ

โดย: บู๊มบูม IP: 125.26.228.191 วันที่: 21 กุมภาพันธ์ 2552 เวลา:17:20:57 น.

ขอบคุณนะคะนู๋บู๊มบูมที่เข้ามาบอกป้ากล้วย
โค้ดนี่บางอันป้ากล้วยก้ยังไม่เคยใช้เหมือนกันค่ะ
แต่ไปเจอมาและคิดว่าบางทีอาจจะได้ใช้
อันไหนใช้ไม่ได้รบกวนบอกด้วยนะคะ
จะได้ลบทิ้งไปน่ะค่ะ

โดย: Kluaytub

วันที่: 22 กุมภาพันธ์ 2552 เวลา:0:01:39 น.

ป้ากล้วยค่ะ อ้อกลับมาอีกรอบนึกมาบอกว่าแอบเอาโค้ดกับภาพไปด้วยค่ะ อ้อหาโค้ดและวิธีวางภาพมานานและในที่สุดก็มาได้ที่บล็อคป้าอ่ะค่ะ ขอบคุณอีกครั้งนึงนะคะ

โดย: ต้นอ้อท้าลม

วันที่: 27 กุมภาพันธ์ 2552 เวลา:13:27:49 น.

เอาโค้ดไปทำแล้วงง

โดย: .... IP: 58.9.186.35 วันที่: 7 มีนาคม 2552 เวลา:18:24:15 น.

ไม่รู้ว่า คุณ .... IP งงตรงไหนน่ะค่ะ
ถ้าเข้ามาอีก ช่วยทิ้งคำถามไว้นะคะ

โดย: Kluaytub

วันที่: 10 มีนาคม 2552 เวลา:14:26:36 น.

เอาโค้ดไปแล้วช่วยบอกวิธีหน่อยค่ะ

เราเห็นดอกจัน ต่างๆเต็มไปหมดไม่ทราบว่าจะก๊อปลงไปด้วยหรือเอาออกค่ะ ? งง จิงๆ

โดย: เติ้ล IP: 124.122.232.44 วันที่: 1 เมษายน 2552 เวลา:13:50:40 น.

ขอโทษด้วยนะคคะที่มาตอบช้าค่ะคุณเติ้ล
โค้ดเวลาก้อปไปใช้ให้เอาเครื่องหมาย * (ดอกจัน)ออกให้หมดค่ะ

โดย: Kluaytub

วันที่: 10 เมษายน 2552 เวลา:14:34:44 น.

ขอบคุณมาก ๆค่ะ

โดย: miki IP: 117.47.237.19 วันที่: 18 เมษายน 2552 เวลา:9:25:55 น.

บล็อคน่ารักมั๊กมากกกกกกกกกเลยค่ะ

แบบ..
เหมือนที่พึ่งทางใจเลย
เข้ามาแล้วรู้สึก
.สบายใจ
.สบายตา
สบายไปหมดอ่ะค่ะ

ชอบมากเลย^^

โดย: slanz IP: 124.121.231.20 วันที่: 20 เมษายน 2552 เวลา:18:06:55 น.

ชอบบล็อคจังเรยกั๊บบบ

น่าร้ากกกก

((เหมือนเจ้าของ))

จิกโค้ดนิดหน่อย อิอิ

บ๊ายบาย

นะกั๊บ

โดย: E-ric IP: 113.53.167.220 วันที่: 25 เมษายน 2552 เวลา:23:17:32 น.

ขอบคุนน๊า

โดย: อะแตม IP: 125.27.11.54 วันที่: 5 พฤษภาคม 2552 เวลา:19:39:14 น.

THANK
ชอบบ

โดย: สุดสวย IP: 58.147.85.2 วันที่: 3 กรกฎาคม 2552 เวลา:22:11:07 น.

ดีใจจังที่ทำบล็อคนี้ขึ้นมา

เข้าใจง่ายดี

โดย: ฟางคับ IP: 222.123.238.87 วันที่: 14 กรกฎาคม 2552 เวลา:19:36:37 น.

ขอบคุณสำหรับโค้ดมาก ๆ
ชอบบล๊อกนี้มากเลยอะ สวยสวย !!

โดย: อรอินทร์ IP: 125.27.111.242 วันที่: 24 กันยายน 2552 เวลา:11:18:15 น.

ขอบคุนมากมาย

โดย: ต๋อง IP: 125.25.210.158 วันที่: 18 ตุลาคม 2552 เวลา:14:18:55 น.

Thank you - -*
บล๊อกน่ารักสุดสุดค่ะ

โดย: Wretch IP: 118.172.124.64 วันที่: 2 พฤศจิกายน 2552 เวลา:14:03:50 น.

ขอบคุณค่ะ สำหรับโค้ดดีๆ

โดย: Small town girl

วันที่: 16 มกราคม 2553 เวลา:18:19:49 น.

ขอบคุณมากๆๆนะคะ

โดย: glucokinase

วันที่: 23 มกราคม 2553 เวลา:20:56:09 น.

โดย: Jaekan

วันที่: 14 กุมภาพันธ์ 2553 เวลา:14:44:09 น.

ขอบคุณมากมายสำหรับโค้ดนะคะ

โดย: cakemotec

วันที่: 25 มิถุนายน 2553 เวลา:16:31:03 น.

แวะมาขอโค้ดบ่อย ๆ
ขอบคุณนะค่ะ

โดย: destiny_ying

วันที่: 8 กรกฎาคม 2553 เวลา:2:52:13 น.

แอบมาจิ๊กโค้ดค่ะ

ขอบคุณมากนะคร๊า

โดย: nak (YaaZaa....EiEi

) วันที่: 13 พฤศจิกายน 2553 เวลา:23:47:45 น.

ขอบคุณมากค่ะ ^^ แวะมาดูดโค๊ดค่ะ

โดย: clemson IP: 212.76.92.34 วันที่: 13 ธันวาคม 2553 เวลา:1:35:58 น.

ชอบมากๆๆๆๆๆๆๆๆๆๆๆๆๆค่ะ

โดย: pop IP: 1.46.156.151 วันที่: 2 เมษายน 2554 เวลา:12:25:51 น.

blog สวยจังเลยค่ะ เพิ่งหัดทำ ขอบคุณที่แบ่งปันค่ะ

โดย: nokbrownie

วันที่: 8 กรกฎาคม 2554 เวลา:17:11:14 น.

ขอบคุณนะคะ

โดย: แม่น้องลูกแก้ว (skyandsky

) วันที่: 26 มกราคม 2555 เวลา:12:25:51 น.

น่ารักจุงเบย**

โดย: love love IP: 101.108.81.45 วันที่: 29 มีนาคม 2556 เวลา:16:33:31 น.

ขอแบ่งไปใช้บ้าง ขอบคุณมากนะคะ ^^

โดย: ค คน สร้างบ้าน

วันที่: 23 กันยายน 2556 เวลา:21:13:53 น.

Kluaytub

Location :
กรุงเทพฯ Thailand

[ดู Profile ทั้งหมด]

ฝากข้อความหลังไมค์

Rss Feed

Smember

ผู้ติดตามบล็อก : 29 คน [?]

4 สิ่งในโลกที่เงินซื้อไม่ได้
ความรัก
เวลา
ชีวิต
มิตรแท้

วันเวลาในโลกนี้
มีอยู่แค่ 3 วัน
เมื่อวาน :
ซึ่งเราได้ใช้มันแล้ว
และไม่มีวันหวนกลับมา
วันนี้ :
เรากำลังใช้มันอยู่
และใช้ได้แค่ครั้งเดียว
พรุ่งนี้ :
ยังไม่รู้เลยว่า
จะได้ใช้หรือเปล่า?

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

คนเราเปลี่ยน.....
ด้วยเหตุผลสองประการ
เปลี่ยนเพราะได้เรียนรู้มามากแล้ว
เปลี่ยนเพราะเคยเจ็บปวดมามากแล้ว

ชีวิต
ก็เหมือนการขี่จักรยาน
คุณต้องปั่นไปข้างหน้าเท่านั้น
ถึงจะประคองตัวเอาไว้ได้

ความซื่อสัตย์สุจริต
เป็นของขวัญล้ำค่า
อย่าไปคาดหวัง
ว่าจะได้มาจากคนไร้ค่า

คุณสามารถปิดตา
เวลาที่เจอสิ่งที่ไม่อยากเห็น
แต่คุณไม่สามารถปิดใจ
ในเวลาที่ไม่อยากรู้สึก

ถ้าตอนนี้ "หดหู่"
แสดงว่าอยู่กับอดึต
ถ้าตอนนี้ "กังวล"
แสดงว่าอยู่กับอนาคต
ความสุขคือ...
การอยู่กับปัจจุบัน
และทำมันให้ดีที่สุด

การรู้จักชื่นชมสิ่งต่างๆที่มีอยู่
จะทำให้เราตระหนักว่า
ทุกวันนี้...
เรามีความสุขมากมายอยู่แล้ว

#855FA8	#8B7D7B
#8B658B	#5D478B
#9AC0CD	#CD9B9B	#CDAA7D

คนที่กำลังดูบล็อก

Friends' blogs

[Add Kluaytub's blog to your web]

Links

BlogGang.com