นานาของแต่งเว็บน่ารักๆ.: 2017

วันจันทร์ที่ 24 เมษายน พ.ศ. 2560

ตารางสีใส่เวป

โค้ดราคาน้ำมันบางจาก

โค้ดราคาน้ำมัน PTT

<iframe frameborder=0 width='195' height='360' scrolling='no' src=http://www.pttplc.com/th/getoilprice.aspx></iframe>

อัตราดอกเบี้ยและอัตราแลกเปลี่ยน

<iframe id='ifrmBanner' scrolling='no' src='http://www.bangkokbank.com/MajorRates/MainBannerThai.htm' width='170' height='155' frameborder='0'></iframe>

โค้ดดัชนีหุ้น

<iframe src='http://www.settrade.com/banner/banner3.jsp' marginwidth='0' marginleft='0' height='210' width='200' scrolling=no frameborder=no></iframe>

โค้ดพยากรณ์อากาศ กรมอุตุนิยมวิทยา

<iframe src='http://www.tmd.go.th/daily_forecast_forweb.php' width='180' height='260' scrolling='no' frameborder=0></iframe>

โค้ดราคาทองคำ

<iframe src='http://namchiang.com/ncgp2-1.swf' width='172' height='165' frameborder='0' marginheight=0 marginwidth=0 scrolling='no'></iframe>

โค้ดตรวจสลากกินแบ่งรัฐบาล

<iframe src='http://news.sanook.com/lotto/icheck/' width='300' height='370'></iframe>

วันอาทิตย์ที่ 19 มีนาคม พ.ศ. 2560

<table border="10" width="600" cellspacing="0" cellpadding="0" height="0" style="text-align: center;">                                                                                                                                                                                                                                                                                                   
<tbody>
<tr>                                                                                          
   <td align="center" bgcolor="#ooffff">   </td>
<tr>
<tr>                                                                                                                                                                                                                                                                                                                              
 <td align="center" bgcolor="#oooooo" height="0" valign="top">                                                                                                                                                                                                                                                                                                                                                                                        
 <div>
  <div>
  <br /><br />   <span style="font-size: 15pt;"><span style="color:#FFFFFF"></span><a href="http://nidjungradio.myreadyweb.com/" target="_blank" style="color:#ffffff">หน้าหลัก</a><span style="color: rgb(254, 245, 246);"><<>></span><span style="font-size: 15px; color: #ffffff">
</span><span style="font-size: 15pt;"><span style="color:#FFFFFF"></span><a href="http://nidjungradio.myreadyweb.com/page-35171.html" target="_self" style="color:#ffffff">ฟังเพลง</a><a href="http://prnt.sc/ " target="_self" style="color: rgb(254, 245, 246);"> </a></span><span style="color: rgb(254, 245, 246);"><<>></span><span style="font-size: 15pt;">
<span style="font-size: 15pt;"><span style="color:#FFFFFF"></span><a href="http://xn--code-3jovd.plus.in.th/ " target="_blank" style="color:#ffffff">code สี</a><span style="color: rgb(254, 245, 246);"><<>></span><span style="font-size: 15px; color: #ffffff">
<br /><br />
</span><span style="font-size: 15pt;"><span style="color:#FFFFFF"></span><a href=" http://imgur.com/signin" target="_self" style="color:#ffffff">ฝากรุป imgur </a><a href="http://prnt.sc/ " target="_self" style="color: rgb(254, 245, 246);"> </a></span><span style="color: rgb(254, 245, 246);"><<>></span><span style="font-size: 15pt;">
   </span></div>
<div>
<br />      </div>
<div>
<br />  </div>
</td></tr>
</tbody> </table>

ใส่ลิงค์เปลี่ยนหน้า

<span style="font-size: 15pt;"><span style="color:#FFFFFF"></span><a href="http://nidjungradio.myreadyweb.com/" target="_blank" style="color:#ffffff">หน้าหลัก</a>

ใส่ลิงค์ดูในบอด xat

<span style="font-size: 15pt;"><span style="color:#FFFFFF"></span><a href="http://prnt.sc/ " target="_self" style="color:#ffffff">ฝากภาพ prnt.sc </a></span>

วันเสาร์ที่ 18 มีนาคม พ.ศ. 2560

ส่งลิงค์ห้องแชท

จะส่งลิงค์ที่ห้องแชท เปลียนสีตัวหนังสือและเส้นได้หมด

กรอบใส่ลิงค์ห้องแชท xat

ในการวางโค้ทส่งลิงค์ห้องแชท xat .ในรูปแบบตารางสามารถทำได้โดยใช้แบบนี้

เปลี่ยนสีกรอบขนาดได้ตามลูกศร

สำหรับส่งลิงค์ไปข้างนอกบอด xat

สำหรับส่งลิงค์ในบอด xat

วันอังคารที่ 10 มกราคม พ.ศ. 2560

เกมติดเวป

<embed width="540" height="480" src="http://i110.photobucket.com/albums/n96/naji7000/Flash Game/BubbleShooter.swf"></embed />

เครื่องคิดเลข

ทดสอบ code

คำสั่งพื้นฐาน html

สรุปคำสัง HTML คำสั่งพื้นฐาน

<*br> คำสั่งขึ้นบรรทัดใหม่ <*p> ข้อความ
<*/p> คำสั่งย่อหน้าใหม่
<*IMG SRC = "PHOTO.GIF"> คำสั่งแสดงรูปภาพชื่อ Photo.gif
<*CENTER> ข้อความ
<*/CENTER> คำสั่งจัดให้ข้อความอยู่กึ่งกลาง
<*HTML> <*/HTML> คำสั่ง<*HTML> คือคำสั่งเริ่มต้นในการเขียนโปรแกรม HTML และมีคำสั่ง <*/HTML> เพื่อบอกจุดสิ้นสุดโปรแกรม

*&nbsp;   การเว้นวรรค

<*HEAD> <*/HEAD> คำสั่ง <*HEAD> คือคำสั่งบอกส่วนที่เป็นชื่อเรื่อง โดยมีคำสั่งย่อยภายใน

รูปแบบตัวอักษร
<*font size = "3"> ข้อความ ขนาดตัวอักษร
<*font color = "red"> ข้อความ สีตัวอักษร
<*font face = "Arial"> ข้อความ รูปแบบตัวอักษร
<*b> ข้อความ
<*/b> ตัวอักษรหนา
<*i> ข้อความ
<*/i> ตัวอักษรเอน
<*u> ข้อความ
<*/u> ขีดเส้นใต้ตัวอักษร

เช่น <*font size='10'>ข้อความ<*/font> : ขนาดข้อความ
<*font color='#000000'>ข้อความ<*/font> : สีข้อความ
<*font color='#000000' size='10'>ข้อความ<*/font> : ขนาดและสี

ใส่ Code รูปภาพธรรรมดาอย่างเดียว

โดยไม่มีการเชื่อมโยงไปยังเว็บไซด์อื่น <*img src=”urlของรูปภาพ”>

แบบกำหนดขนาดของรูปภาพ <*img src=”urlของรูปภาพ” width=”50px” height=”50px”>
เพิ่มอธิบายรูปภาพของเราเกี่ยวกับอะไร alt=”” <*img src=”urlของรูปภาพ” alt=”ใส่ข้อความเกี่ยวกับรูปภาพหรืออื่นๆ”>
width="เลข" คือความกว้างของรูป วัดเป็นพิกเซล เช่น
<*img src="dog.jpg" width="100">
height="เลข" คือความสูงของรูป วัดเป็นพิกเชล เช่น
<*img src="dog.jpg" height="100">
ถ้าต้องการจัดรูปให้อยู่ตรงไหนก็สามารถใส่ได้ตามต้องการ เช่น ตรงกลาง ด้านซ้าน หรือ ด้านขวา
<*center> <*img src=”urlของรูปภาพ”> <*/center>
<*left><*img src=”urlของรูปภาพ”><*/left>
<*right><*img src=”urlของรูปภาพ”>*/right>

code ราคานำมัน พยากรณ์อากาศ แลกเปลี่ยนเงิน ตรวจสลากกินแบ่ง

โค้ดราคาน้ำมันบางจาก

โค้ดราคาน้ำมัน PTT

<iframe frameborder=0 width='195' height='360' scrolling='no' src=http://www.pttplc.com/th/getoilprice.aspx></iframe>

โค้ดดัชนีหุ้น

<iframe src='http://www.settrade.com/banner/banner3.jsp' marginwidth='0' marginleft='0' height='210' width='200' scrolling=no frameborder=no></iframe>

โค้ดราคาทองคำ

<iframe src='http://namchiang.com/ncgp2-1.swf' width='172' height='165' frameborder='0' marginheight=0 marginwidth=0 scrolling='no'></iframe>

โค้ดตรวจสลากกินแบ่งรัฐบาล

<iframe src='http://news.sanook.com/lotto/icheck/' width='300' height='370'></iframe>

code อักษรวิ่ง

Code ข้อความวิ่ง รูปภาพเลื่อน
< marquee คือ ตัวหนังสือวิ่ง
< font size=ตัวเลข คือ เพิ่มขนาดของตัวหนังสือ
< font color=โค๊ดสี คือ เปลี่ยนสีตัวหนังสือ
< b คือ เปลี่ยนตัวหนังสือเปนตััวหนา
< u คือ ขีดเส้นใต้ข้อความ < s คือ ขีดเส้นคาดข้อความ
< I คือ ตัวหนังสือเอียง
< sup คือ ข้อความสุดท้ายจะยกสูงขึ้น ข้อความเลื่อนจากขวามาซ้าย

ข้อคว่ามเลื่อน

ยินดีต้อนรับ

ข้อความเลื่อนจากซ้ายไป-ขวา

ยินดีต้อนรับ

<marquee direction='right'><font COLOR='#990033' size='6'><strong>ข้อความ</strong></font></marquee>

ตัวหนังสือวิ่งขึ้นลงเฉียงๆ

welcome

ข้อความเลื่อนจากบนลงล่าง

ยินดีต้อนรับ

ตัวหนังสือวิ่งไปกลับ

ยินดีต้อนรับ

<marquee behavior='alternate'>ใส่ข้อความ</marquee>

ข้อความเลื่อนจากล่าง ขึ้นบน

ยินดีต้อนรับ

<marquee direction='down'><font COLOR='#990033' size='6'> <strong>ข้อความ</strong></font></marquee>

ตัวหนังสือวิ่งขึ้น 2 บรรทัด

ยินดีต้อนรับ
นิดจังเรดิโอ

<marquee behavior=alternate direction=up scrollamount=2 scrolldelay=65 height=80 style='Text-align;filter:wave(add=0,phase=1, freq=1,strength=15,color=.FFFFFF)'><center> ข้อความ<br>ข้อความ</center> </marquee>

3| | |welcome| | |4

<marquee behavior=alternate direction=left scrollAmount=3 width='4%'><font face=Webdings>3</font></MARQUEE><marquee scrollAmount=1 direction=left width='2%'>| | |</MARQUEE>ข้อความ<marquee scrollAmount=1 direction=right width='2%'>| | |</MARQUEE><marquee behavior=alternate direction=right scrollAmount=3 width='4%'><font face=Webdings>4</font></MARQUEE>/

ตัวหนังสือวิ่งขึ้นลงเฉียงๆ

welcome

<marquee behavior='alternate' direction='up' width='80%'> <marquee direction='right'>ใส่ข้อความ</marquee> </marquee>

ตัวหนังสือเด้งกลับไปมา

welcome

<marquee behavior='alternate' direction='up' width='80%'> <marquee direction='right' behavior='alternate'>ใส่ข้อความ</marquee> </marquee>

ลูกศรเด้งไปมาหน้าหลัง

>> welcome < <

<marquee behavior='alternate' width='10%'> >> </marquee>ใส่ข้อความ<marquee behavior='alternate' width='10%'> < < </marquee>

ลูกศรชี้ออก

< < < < welcome>>>>

<marquee scrollAmount=3 width='10%'> < < < < </MARQUEE>ใส่ข้อความ<marquee scrollAmount=3 direction=right width='10%'>>>>> </MARQUEE>

ลูกศรกะเล้นตรงชี้เข้า

<<< | | | welcome | | | >>>

<marquee behavior=alternate direction=left scrollAmount=3 width='4%'> <font face=Webdings> <<< </font> </MARQUEE> <marquee scrollAmount=1 direction=left width='2%'> | | | </MARQUEE>ใส่ข้อความ<marquee scrollAmount=1 direction=right width='2%'> | | | </MARQUEE> <marquee behavior=alternate direction=right scrollAmount=3 width='4%'> <font face=Webdings> >>> </font> </MARQUEE>

ข้อความแบบกำหนดความเร็วและใส่รูปด้วย

welcome

<marquee scrollamount='3' ><img src='url รูป'><font COLOR='#990033' size='6'><strong>ข้อความ<img src='url รูป'></strong></font></marquee>

ข้อความเลื่อนจากบนลงล่างมีรูปภาพด้วย

welcome

marquee direction='down'><img src='url รูป'><font COLOR='#990033' size='6'><strong>ข้อตวาม</strong></font></marquee>

ข้อความเลื่อน แบบ กำหนดความกว้าง สีพื้นหลัง และ ไป-กลับ

welcome

<marquee behavior='alternate' bgcolor='#ffccff' width='500px' height='50px'><font COLOR='#990033' size='6'><strong>ข้อความ</strong></font></marquee>

ข้อความในกรอบทึบ

welcome

<font color='#FFFFFF'><marquee direction='left' style='background:BLUE'>TEXT</marquee></font>

ข้อความในกรอบ

welcome

<marquee style='border:BLUE 2px SOLID'>TEXT</marquee>

ข้อความวิ่งในกรอบทึบ

ข้อความที่ต้องการ

<font color='#FFFFFF'><marquee direction='left' style='background:#FF0000'>ข้อความที่ต้องการ</marquee></font>

ยินดีต้อนรับนิดจังเรดิโอ

<marquee direction='up'>ข้อความที่ต้องการ</marquee><marquee direction='down'>ข้อความที่ต้องการ</marquee>

โค๊ดให้รูปวิ่งชนกัน

คำสั่งความเร็วในการวิ่ง
<*marquee scrollamount="เลข">และตัวปิดคือ<*/marquee>ใส่ตัวเลขกำกับความเร็ว ถ้าตัวเลขมากก็ยิ่งเร็วมาก ตัวเลขน้อยก็ยิ่งช้า ตัวอย่างวิ่งช้า
ความเร็วในการวิ่ง 5 <*marquee scrollamount="5">ความเร็วในการวิ่ง 5<*/marquee>
ตัวอย่างวิ่งเร็ว ความเร็วในการวิ่ง 70
<*marquee scrollamount="70">ความเร็วในการวิ่ง 70 <*/marquee>

คำสั่งพิเศษ
<*marquee width="เลข">และตัวปิดคือ<*/marquee>ใส่ตัวเลขเป็นพิกเซลหรือเปอร์เช็นก็ได้ เพื่อกำหนดว่าจะให้วิ่งเต็มหน้ากระดาษ หรือครึ่งหน้ากระดาษ หรือเท่าไหร่ก็ใส่ตัวเลขลงไป เช่น 50% ก็วิ่งแค่ครึ่งหน้ากระดาษ ตัวอย่างวิ่งแค่ครึ่งหน้ากระดาษ
<*marquee width="50%">width="50% คือวิ่งครึ่งหน้ากระดาษ<*/marquee>

width="50% คือวิ่งครึ่งหน้ากระดาษ

ข้อความวิ่งจากซ้ายมาขวาแล้วหยุด
<*marquee behavior="slide">คือข้อความที่วิ่งมาจากมุมขวาแล้วมาหยุดที่มุมซ้าย และจะไม่ไปไหนอีก<*/marquee>

คือข้อความที่วิ่งมาจากมุมขวาแล้วมาหยุดที่มุมซ้าย และจะไม่ไปไหนอีก

ข้อความวิ่งไป วิ่งมา <*marquee behavior="alternate">และแท็กปิดคือ
<*/marquee>ข้อความที่เริ่มวิ่งจากซ้ายมาขวา พอถึงขวาก็วิ่งไปทางซ้าย วิ่งไป วิ่งมาสลับกัน ไม่มีที่สิ้นสุด

ลิ๊งค์โยงข้อความและภาพ

1.ลิงค์ข้อความ แบบคลิกแล้ว เปลี่ยนหน้าเลย

2. ลิงค์ข้อความ แบบคลิกแล้ว ขึ้นหน้าใหม่ให้อีกหน้า

<a href='ลิงค์เวปหรือลิงค์ไดอารี่' target='_blank'> พิมพ์ข้อความ </a>

3. ลิงค์รูปภาพ เมื่อคลิก จะเปลี่ยนหน้าจากภาพนี้เลย

<a href='ลิงค์เวปหรือลิงค์ไดอารี่'><img src='url ภาพ '</a>

4. ลิงค์รูปภาพ เมื่อคลิกแล้วจะขึ้นหน้าใหม่ ให้อีกหน้า

<a href='ลิงค์เวปหรือลิงค์ไดอารี่' target='_blank'><img src='url ภาพ'</a>

โค้ทนาฬิกาสวยๆ

<embed height="250" quality="high" src="http://i245.photobucket.com/albums/gg78/looma001/aloomaclock4.swf" width="150" wmode="transparent"></embed>

<embed height="180" quality="high" src="http://i245.photobucket.com/albums/gg78/looma001/aloomaclock2.swf" width="180" wmode="transparent"></embed>

<embed height="140" quality="high" src="http://i245.photobucket.com/albums/gg78/looma001/aloomaclock6.swf" width="150" wmode="transparent"></embed>

<embed height="250" quality="high" src="http://i245.photobucket.com/albums/gg78/looma001/aloomaclock5.swf" width="150" wmode="transparent"></embed>

<embed allowscriptaccess="never" height="200" src="http://i245.photobucket.com/albums/gg78/looma001/1love4.swf" type="application/x-shockwave-flash" width="150" wmode="transparent"></embed>

<embed height="220" quality="high" src="http://blog.roodo.com/looma/2bf977cd.swf" width="150" wmode="transparent"></embed>

<embed height="180" quality="high" src="http://i245.photobucket.com/albums/gg78/looma001/teartime1.swf" width="140" wmode="transparent"></embed>

<embed height="120" quality="high" src="http://i245.photobucket.com/albums/gg78/looma001/teartime2-1.swf" width="150" wmode="transparent"></embed>