Web Development and Programming Help. » HTML http://www.memo8.com/toolkits Wep Programming-Mobile Programming-Windows Programming Wed, 01 Feb 2012 08:52:10 +0000 http://wordpress.org/?v=2.8.4 en hourly 1 รูปแบบ Cursor Styles ใน CSS2 และ CSS3 http://www.memo8.com/toolkits/archives/1177 http://www.memo8.com/toolkits/archives/1177#comments Tue, 17 Jan 2012 09:25:27 +0000 admin http://www.memo8.com/toolkits/?p=1177 ใช้ css มาก็บ่อย บางทีใช้ Cursor Styles ก็ไปค้นในเน็ตเริ่มเสียเวลาเอามาไว้ในเว็บนี้เลยแล้วกัน และด้านล่างนี้เป็นรูปแบบ CSS Cursor แบบต่างๆตั้งแต่ CSS2-CSS3 ลองเอาไปปรับใช้ให้เหมาะกับอินเตอร์เฟสในหน้าเว็บครับ

CSS2 Cursor Styles

cursor: auto
cursor: inherit
cursor: crosshair
cursor: default
cursor: help
cursor: move
cursor: pointer
cursor: progress
cursor: text
cursor: wait
cursor: e-resize
cursor: ne-resize
cursor: nw-resize
cursor: n-resize
cursor: se-resize
cursor: sw-resize
cursor: s-resize
cursor: w-resize

CSS3 Cursor Styles

cursor: none (not IE, Safari, Opera)
cursor: context-menu (not Firefox, Chrome)
cursor: cell (not Safari)
cursor: vertical-text
cursor: alias (not Safari)
cursor: copy (not Safari)
cursor: no-drop
cursor: not-allowed
cursor: ew-resize
cursor: ns-resize
cursor: nesw-resize
cursor: nwse-resize
cursor: col-resize
cursor: row-resize
cursor: all-scroll

ข้อมูลจาก : http://www.sitepoint.com/css3-cursor-styles/

]]> http://www.memo8.com/toolkits/archives/1177/feed 0 วิธีทำให้ Share ลิงค์เว็บบน Facebook ให้แสดง Preview Thumbnail http://www.memo8.com/toolkits/archives/623 http://www.memo8.com/toolkits/archives/623#comments Mon, 15 Nov 2010 06:50:21 +0000 admin http://www.memo8.com/toolkits/?p=623 ปกติ facebook ก็ค้นหารูปให้อยู่แล้ว แต่บางกรณีก็ไม่เจอ (เพราะอะไร???) เลยต้องสร้างเองเลย

วิธีการคือให้สร้างรูป Thumbnail และ upload ไว้บนเว็บ จากนั้นใส่ Tag ไว้ภายใน Tag Head

ตัวอย่าง

<html>
<head>
<link rel="image_src" href="http://www.yourdomainname.com/image.jpg" />
</head>
<body>
.
.
.
</body>
</html>
]]> http://www.memo8.com/toolkits/archives/623/feed 0 กำหนดให้ iframe พื้นหลังโปร่งใส่ http://www.memo8.com/toolkits/archives/137 http://www.memo8.com/toolkits/archives/137#comments Mon, 24 Aug 2009 16:34:11 +0000 admin http://www.memo8.com/toolkits/?p=137 ให้เพิ่ม allowtransparency=”true” ใน iframe ตามตัวอย่างด้านล่างจ้า

<iframe allowtransparency="true"  frameborder="0" src="http://example.com/iframe.php"></iframe>
]]> http://www.memo8.com/toolkits/archives/137/feed 4 Favicon Generator Online http://www.memo8.com/toolkits/archives/10 http://www.memo8.com/toolkits/archives/10#comments Thu, 06 Dec 2007 17:04:13 +0000 admin http://www.memo8.com/toolkits/?p=10 ให้บริการ create file ico
- http://www.favicongenerator.com/
- http://www.degraeve.com/favicon/
- http://www.favicon.cc/

ได้มาก็เอาไปแป่ะใช้ดังนี้

<HEAD>
<LINK REL="SHORTCUT ICON" href="http://www.domain.com/iconname.ico">
<TITLE>Page Title</TITLE>
</HEAD>
]]> http://www.memo8.com/toolkits/archives/10/feed 6