IT-Clever.com » Web Programming http://www.it-clever.com ความรู้ไอที ตั้งแต่ระดับเริ่มต้น จนถึงขั้นเทพ หาได้ที่นี่!! Thu, 17 Nov 2011 09:31:18 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 ใช้ Java Script ควบคุมไม่ให้คลิกขวา http://www.it-clever.com/%e0%b9%83%e0%b8%8a%e0%b9%89-java-script-%e0%b8%84%e0%b8%a7%e0%b8%9a%e0%b8%84%e0%b8%b8%e0%b8%a1%e0%b9%84%e0%b8%a1%e0%b9%88%e0%b9%83%e0%b8%ab%e0%b9%89%e0%b8%84%e0%b8%a5%e0%b8%b4%e0%b8%81%e0%b8%82/?utm_source=rss&utm_medium=rss&utm_campaign=%25e0%25b9%2583%25e0%25b8%258a%25e0%25b9%2589-java-script-%25e0%25b8%2584%25e0%25b8%25a7%25e0%25b8%259a%25e0%25b8%2584%25e0%25b8%25b8%25e0%25b8%25a1%25e0%25b9%2584%25e0%25b8%25a1%25e0%25b9%2588%25e0%25b9%2583%25e0%25b8%25ab%25e0%25b9%2589%25e0%25b8%2584%25e0%25b8%25a5%25e0%25b8%25b4%25e0%25b8%2581%25e0%25b8%2582 http://www.it-clever.com/%e0%b9%83%e0%b8%8a%e0%b9%89-java-script-%e0%b8%84%e0%b8%a7%e0%b8%9a%e0%b8%84%e0%b8%b8%e0%b8%a1%e0%b9%84%e0%b8%a1%e0%b9%88%e0%b9%83%e0%b8%ab%e0%b9%89%e0%b8%84%e0%b8%a5%e0%b8%b4%e0%b8%81%e0%b8%82/#comments Fri, 05 Nov 2010 06:01:18 +0000 BukHUM http://www.it-clever.com/?p=1000 Read more » Related posts:
  1. ทำขอบโค้งมนด้วย jQuery Corner plugin
]]> สำหรับบางเว็บที่ไม่อยากให้ผู้ใช้งาน คลิกขวาเพื่อเซฟรูปของเราไป สามารถสั่งห้ามไม่ให้มีการคลิกขวาได้ โดยใช้ JavaScript


นำ Script ไปแทรกไว้ระหว่าง

<HEAD>……</HEAD>

<SCRIPT language=JavaScript>
var message=”ห้ามคลิกขวานะครับ”;// ข้อความที่ให้แสดงเมื่อคลิกขวา
// Don’t edit below!
function click(e) {
if (document.all) {
if (event.button == 2) {
alert(message);return false;}}
if (document.layers) {
if (e.which == 3) {
alert(message);return false;
}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);
}document.onmousedown=click;
// –>
</SCRIPT>

Related posts:

  1. ทำขอบโค้งมนด้วย jQuery Corner plugin

]]> http://www.it-clever.com/%e0%b9%83%e0%b8%8a%e0%b9%89-java-script-%e0%b8%84%e0%b8%a7%e0%b8%9a%e0%b8%84%e0%b8%b8%e0%b8%a1%e0%b9%84%e0%b8%a1%e0%b9%88%e0%b9%83%e0%b8%ab%e0%b9%89%e0%b8%84%e0%b8%a5%e0%b8%b4%e0%b8%81%e0%b8%82/feed/ 0 โครงสร้างของภาษา PHP http://www.it-clever.com/%e0%b9%82%e0%b8%84%e0%b8%a3%e0%b8%87%e0%b8%aa%e0%b8%a3%e0%b9%89%e0%b8%b2%e0%b8%87%e0%b8%82%e0%b8%ad%e0%b8%87%e0%b8%a0%e0%b8%b2%e0%b8%a9%e0%b8%b2-php/?utm_source=rss&utm_medium=rss&utm_campaign=%25e0%25b9%2582%25e0%25b8%2584%25e0%25b8%25a3%25e0%25b8%2587%25e0%25b8%25aa%25e0%25b8%25a3%25e0%25b9%2589%25e0%25b8%25b2%25e0%25b8%2587%25e0%25b8%2582%25e0%25b8%25ad%25e0%25b8%2587%25e0%25b8%25a0%25e0%25b8%25b2%25e0%25b8%25a9%25e0%25b8%25b2-php http://www.it-clever.com/%e0%b9%82%e0%b8%84%e0%b8%a3%e0%b8%87%e0%b8%aa%e0%b8%a3%e0%b9%89%e0%b8%b2%e0%b8%87%e0%b8%82%e0%b8%ad%e0%b8%87%e0%b8%a0%e0%b8%b2%e0%b8%a9%e0%b8%b2-php/#comments Fri, 05 Nov 2010 05:54:39 +0000 BukHUM http://www.it-clever.com/?p=995 Read more » No related posts.]]> รูปแบบในการใช้งานภาษา PHP แบบง่าย ๆ ครับ สามารถเอาไปใช้งานร่วมกับ HTML ได้เลย แต่ว่าเวลาเซฟนั้น ให้นามสกุลของไฟล์เป็น  PHP เท่านั้นเอง

รูปแบบโค้ด

<? <– เป็น tag เปิดการใช้งาน php–>
……….. <– code php–>
?> <– เป็น tag ปิดใช้งาน php–>

เขียนในรูปแบบอื่น

<?php <– เป็น tag เปิดการใช้งาน php (คำสั่งเหมือนกันกับแบบแรก เพิ่มคำว่า php มาเท่านั้น–>
…….. <– code php–>
?> <– เป็น tag ปิดใช้งาน php–>

No related posts.

]]> http://www.it-clever.com/%e0%b9%82%e0%b8%84%e0%b8%a3%e0%b8%87%e0%b8%aa%e0%b8%a3%e0%b9%89%e0%b8%b2%e0%b8%87%e0%b8%82%e0%b8%ad%e0%b8%87%e0%b8%a0%e0%b8%b2%e0%b8%a9%e0%b8%b2-php/feed/ 0 RSS Feed คืออะไร ? http://www.it-clever.com/rss-feed-%e0%b8%84%e0%b8%b7%e0%b8%ad%e0%b8%ad%e0%b8%b0%e0%b9%84%e0%b8%a3/?utm_source=rss&utm_medium=rss&utm_campaign=rss-feed-%25e0%25b8%2584%25e0%25b8%25b7%25e0%25b8%25ad%25e0%25b8%25ad%25e0%25b8%25b0%25e0%25b9%2584%25e0%25b8%25a3 http://www.it-clever.com/rss-feed-%e0%b8%84%e0%b8%b7%e0%b8%ad%e0%b8%ad%e0%b8%b0%e0%b9%84%e0%b8%a3/#comments Fri, 25 Jun 2010 09:55:33 +0000 BukHUM http://www.it-clever.com/?p=768 Read more » Related posts:
  1. Foursquare คืออะไร?
  2. Cloud Computing คืออะไร
]]> RSS ย่อมาจาก Really Simple Syndication คือ บริการที่อยู่บนระบบ อินเตอร์เน็ท จัดทำข้อมูลข่าวสารให้อยู่ในรูปแบบ XML เพื่ออำนวยความสะดวกให้ กับผู้ใช้ โดยส่งข่าวหรือข้อมูลใหม่ๆ ให้ถึงเครื่องตลอดเวลาที่มีการ Updateไม่ต้อง เสียเวลาเปิดเว็บไซต์เข้ามาค้นหา สำหรับเว็บไหนที่มี Rss ให้ใช้งานเราก็จะสังเกตุได้จากสัญลักษณ์ที่มีเครื่องหมาย RSS Feed icon หรือ 

ตัวอย่างเอกสาร XML

<?xml version=”1.0″ encoding=”UTF-8″?>
<rss version=”2.0″>
<channel>

<title>RSS Title</title>
<description>RSS Description</description>
<link>RSS Link</link>
<pubDate>Time</pubDate>

<item>
<title>RSS Title</title>
<description>RSS Detail</description>
<link>RSS Link</link>
<pubDate>Time</pubDate>
</item>

</channel>
</rss>

รายละเอียดเอกสาร XML

encoding เป็นส่วนที่สำคัญที่จะบอกว่าเอกสารนี้ใช้ภาษาอะไร ในที่นี้ผมเลือกเป็น UTF-8

<?xml version=”1.0″ encoding=”UTF-8″?>

เอกสาร rss ในส่วนนี้คือการบอกว่า rss นี้เป็นเวอร์ชั่น 2.0 ซึ่งเป็นเวอร์ชั่นใหม่สุดตอนนี้

<rss version=”2.0″>

header จะประกอบด้วย ต้องมี Element อย่างน้อยดังนี้

<title>RSS Title</title>
<description>RSS Description</description>
<link>RSS Link</link>
<pubDate>Time</pubDate>

หัวข้อของข่าวต่างๆ ในแต่ละรายการจะถูกระบุไว้ภายใน <item>…</item>ต้องมี Element อย่างน้อยดังนี้

<item>
<title>RSS Title</title>
<description>RSS Detail</description>
<link>RSS Link</link>
<pubDate>Time</pubDate>
</item>

pubDate หรือเวลา ต้องระบุเวลาตามมาตรฐาน RFC 822

ตัวอย่าง Fri, 25 Jun 2010 11:14:13 +0700

source : thaiwebdd.com

Related posts:

  1. Foursquare คืออะไร?
  2. Cloud Computing คืออะไร

]]> http://www.it-clever.com/rss-feed-%e0%b8%84%e0%b8%b7%e0%b8%ad%e0%b8%ad%e0%b8%b0%e0%b9%84%e0%b8%a3/feed/ 0 ทำเว็บไซต์ให้รองรับมือถือด้วย WPTouch WordPress Plugin http://www.it-clever.com/%e0%b8%97%e0%b8%b3%e0%b9%80%e0%b8%a7%e0%b9%87%e0%b8%9a%e0%b9%84%e0%b8%8b%e0%b8%95%e0%b9%8c%e0%b9%83%e0%b8%ab%e0%b9%89%e0%b8%a3%e0%b8%ad%e0%b8%87%e0%b8%a3%e0%b8%b1%e0%b8%9a%e0%b8%a1%e0%b8%b7%e0%b8%ad/?utm_source=rss&utm_medium=rss&utm_campaign=%25e0%25b8%2597%25e0%25b8%25b3%25e0%25b9%2580%25e0%25b8%25a7%25e0%25b9%2587%25e0%25b8%259a%25e0%25b9%2584%25e0%25b8%258b%25e0%25b8%2595%25e0%25b9%258c%25e0%25b9%2583%25e0%25b8%25ab%25e0%25b9%2589%25e0%25b8%25a3%25e0%25b8%25ad%25e0%25b8%2587%25e0%25b8%25a3%25e0%25b8%25b1%25e0%25b8%259a%25e0%25b8%25a1%25e0%25b8%25b7%25e0%25b8%25ad http://www.it-clever.com/%e0%b8%97%e0%b8%b3%e0%b9%80%e0%b8%a7%e0%b9%87%e0%b8%9a%e0%b9%84%e0%b8%8b%e0%b8%95%e0%b9%8c%e0%b9%83%e0%b8%ab%e0%b9%89%e0%b8%a3%e0%b8%ad%e0%b8%87%e0%b8%a3%e0%b8%b1%e0%b8%9a%e0%b8%a1%e0%b8%b7%e0%b8%ad/#comments Tue, 22 Jun 2010 19:39:03 +0000 BukHUM http://www.it-clever.com/?p=741 Read more » Related posts:
  1. 10 สุดยอด Plugin ที่ขาดไม่ได้สำหรับ WordPress
  2. ขั้นตอนการติดตั้ง WordPress 3.0
  3. ติดตั้ง WordPress บน Appserv
]]> ด้วยความแรงของ Mobile Technology ในทุกวันนี้ คงต้องยอมรับว่าบรรดาเหล่า Web Programmer อย่างเรา ๆ เวลาออกแบบเว็บขึ้นมา สิ่งหนึ่งที่ต้องคำนึงถึงก็คือทำให้รองรับการใช้งานผ่านมือถือด้วย แต่ถ้าใครที่ใช้งาน WordPress อยู่แล้วก็ไม่ใช่เรื่องยากอะไรนัก..

เพราะ WordPress นั้นมี Plugin ที่ชื่อว่า WpTouch iPhone Theme ให้เราใช้งานอยู่แล้ว แถมฟรีอีกต่างหาก!! เท่าที่ทดสอบการใช้งานมาเมื่อเปิดเว็บไซต์ ด้วยมือถือระบบต่าง ๆ เช่น i-Phone, Blackberry, Android, Windows Mobile, Symbian นั้นสามารถรองรับการใช้งานได้อย่างไม่มีปัญหา (เท่าที่ยกตัวอย่างไป ก็แทบจะครอบคลุมทุกระบบของโทรศัพท์มือถือแล้ว -..-)

ขั้นตอนการติดตั้ง WPTouch WordPress Plugin

1.เข้าหลังบ้าน WordPress แล้วไปที่หัวข้อ Plugin + Add New

ขั้นตอนการติดตั้ง WPTouch WordPress Plugin

2. Search หา Plugin ชื่อว่า Wptouch เสร็จแล้วกดที่ install now

ขั้นตอนการติดตั้ง WPTouch WordPress Plugin

3. กดยืนยันติดตั้ง WPTouch Plugin อีกรอบ

ขั้นตอนการติดตั้ง WPTouch WordPress Plugin

4. ลงเสร็จแล้วกด Activate Plugin ก็ใช้งานได้แล้วครับ

ขั้นตอนการติดตั้ง WPTouch WordPress Plugin

ไว้โอกาสหน้าจะมาเขียนการปรับแต่ง WPTouch Plugin กันแบบละเอียดยิบให้ครับ

Mobile theme plugin for wordpress

WPTouch Mobile Theme For WordPress

WPTouch Mobile Theme For WordPress

Related posts:

  1. 10 สุดยอด Plugin ที่ขาดไม่ได้สำหรับ WordPress
  2. ขั้นตอนการติดตั้ง WordPress 3.0
  3. ติดตั้ง WordPress บน Appserv

]]> http://www.it-clever.com/%e0%b8%97%e0%b8%b3%e0%b9%80%e0%b8%a7%e0%b9%87%e0%b8%9a%e0%b9%84%e0%b8%8b%e0%b8%95%e0%b9%8c%e0%b9%83%e0%b8%ab%e0%b9%89%e0%b8%a3%e0%b8%ad%e0%b8%87%e0%b8%a3%e0%b8%b1%e0%b8%9a%e0%b8%a1%e0%b8%b7%e0%b8%ad/feed/ 4 สร้าง Widget ใน WordPress ใช้เอง http://www.it-clever.com/%e0%b8%aa%e0%b8%a3%e0%b9%89%e0%b8%b2%e0%b8%87-widget-%e0%b9%83%e0%b8%99-wordpress-%e0%b9%83%e0%b8%8a%e0%b9%89%e0%b9%80%e0%b8%ad%e0%b8%87/?utm_source=rss&utm_medium=rss&utm_campaign=%25e0%25b8%25aa%25e0%25b8%25a3%25e0%25b9%2589%25e0%25b8%25b2%25e0%25b8%2587-widget-%25e0%25b9%2583%25e0%25b8%2599-wordpress-%25e0%25b9%2583%25e0%25b8%258a%25e0%25b9%2589%25e0%25b9%2580%25e0%25b8%25ad%25e0%25b8%2587 http://www.it-clever.com/%e0%b8%aa%e0%b8%a3%e0%b9%89%e0%b8%b2%e0%b8%87-widget-%e0%b9%83%e0%b8%99-wordpress-%e0%b9%83%e0%b8%8a%e0%b9%89%e0%b9%80%e0%b8%ad%e0%b8%87/#comments Mon, 21 Jun 2010 19:22:38 +0000 BukHUM http://www.it-clever.com/?p=729 Read more » Related posts:
  1. ทำเว็บไซต์ให้รองรับมือถือด้วย WPTouch WordPress Plugin
  2. Step เทพในการอัพเกรดไปเป็น WordPress 3.0 แบบ Manual
  3. มาแล้ววว… WordPress 3.0
]]> Widget ใน WordPress หากว่าที่มีมาไม่เพียงพอต่อการใช้งาน หรือไม่ถูกใจ เราไปดูวิธีสร้างมาใช้เองกันบ้างดีกว่าครับ

เริ่มต้นด้วยการเพิ่มโค้ดที่ไฟล์ function.php ซึ่งไฟล์นี้จะอยู่ในโฟลเดอร์ Theme WordPress ที่เราใช้งาน ถ้า Theme WordPress อันไหนที่ใช้ไม่มีก็สร้างขึ้นมาได้เลย

<?php
 if ( function_exists('register_sidebar') ) {
   register_sidebar(array(
   'name' => 'it-clever',
   'before_widget' => '',
   'after_widget' => '',
   'before_title' => '<h2>',
   'after_title' => '</h2>',
 ));
?>
}

จากตัวอย่างด้านบน ผมตั้งชื่อให้ Widget Sidebar ตัวนี้ว่า “it-clever” และเซ็ต tag ของ title เป็น h2

หลังจากเพิ่มไปเรียบร้อยแล้วก็ต้องนำโค้ดนี้ไปวางใน file index.php หรือ sidebar.php ตามที่เราอยากให้ sidebar แสดง

<?php
  if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar("it-clever") ) :
  endif; ?>

สำหรับใครที่เปลี่ยนชื่อ sidebar อย่าลืมเปลี่ยนชื่อเป็นชื่อ sidebar เหมือนที่เราใช้ไปใน function นะครับ

Related posts:

  1. ทำเว็บไซต์ให้รองรับมือถือด้วย WPTouch WordPress Plugin
  2. Step เทพในการอัพเกรดไปเป็น WordPress 3.0 แบบ Manual
  3. มาแล้ววว… WordPress 3.0

]]> http://www.it-clever.com/%e0%b8%aa%e0%b8%a3%e0%b9%89%e0%b8%b2%e0%b8%87-widget-%e0%b9%83%e0%b8%99-wordpress-%e0%b9%83%e0%b8%8a%e0%b9%89%e0%b9%80%e0%b8%ad%e0%b8%87/feed/ 0 การแก้ปัญหา Run ภาษาไทย TIS-620 บน UTF-8 ไม่ได้ http://www.it-clever.com/%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b9%81%e0%b8%81%e0%b9%89%e0%b8%9b%e0%b8%b1%e0%b8%8d%e0%b8%ab%e0%b8%b2-run-%e0%b8%a0%e0%b8%b2%e0%b8%a9%e0%b8%b2%e0%b9%84%e0%b8%97%e0%b8%a2-tis-620-%e0%b8%9a%e0%b8%99-utf-8/?utm_source=rss&utm_medium=rss&utm_campaign=%25e0%25b8%2581%25e0%25b8%25b2%25e0%25b8%25a3%25e0%25b9%2581%25e0%25b8%2581%25e0%25b9%2589%25e0%25b8%259b%25e0%25b8%25b1%25e0%25b8%258d%25e0%25b8%25ab%25e0%25b8%25b2-run-%25e0%25b8%25a0%25e0%25b8%25b2%25e0%25b8%25a9%25e0%25b8%25b2%25e0%25b9%2584%25e0%25b8%2597%25e0%25b8%25a2-tis-620-%25e0%25b8%259a%25e0%25b8%2599-utf-8 http://www.it-clever.com/%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b9%81%e0%b8%81%e0%b9%89%e0%b8%9b%e0%b8%b1%e0%b8%8d%e0%b8%ab%e0%b8%b2-run-%e0%b8%a0%e0%b8%b2%e0%b8%a9%e0%b8%b2%e0%b9%84%e0%b8%97%e0%b8%a2-tis-620-%e0%b8%9a%e0%b8%99-utf-8/#comments Sun, 20 Jun 2010 16:11:03 +0000 BukHUM http://www.it-clever.com/?p=701 Read more » No related posts.]]> ผมเคยเจอปัญหาเอา Database ที่เข้ารหัสด้วย Tis-620 มารันบน Host ที่เป็น UTF-8 ไม่ได้บ่อยครั้งมาก ยิ่งตอนเล่น phpMyadmin ใหม่ ๆ ยิ่งไม่รู้ ลงใหม่อยู่นั่นแหละ คราวนี้จะมาบอกเพื่อน ๆ ถึงวิธีแก้ไขแบบลูกทุ่งของผมกันครับ

วิธีการก็คือในกรณีนี้ ให้ทำการ เปลี่ยนค่า mysql กันเลย

1. ทำการ Export Database ออก มาก่อน
การแก้ไขปัญหา MySQL ภาษาไทย จาก TIS-620 ไปเป็น UTF-8

>>>

การแก้ไขปัญหา MySQL ภาษาไทย จาก TIS-620 ไปเป็น UTF-8

>>>

จากนั้นเมื่อได้ database และเปิดมาจะเห็นว่าบรรทัดสุดท้าย ของแต่ละตารางจะเป็นแบบนี้นะครับ

การแก้ไขปัญหา MySQL ภาษาไทย จาก TIS-620 ไปเป็น UTF-8

นี่ก็จะมี 2 วิธีนะครับ

ถ้าเป็น Linux Hosting ให้ตัดบรรทัดนี้ทิ้งได้เลย

ถ้าเป็น Windows Hosting ตัดบรรทัดนี้ทิ้งและ เพิ่มคำสั่งนี้ เข้ามาแทน ( Linux Hosting อยากทำแบบนี้ก็ได้นะครับ)

ENGINE = MYISAM DEFAULT CHARSET = utf8 ;

แค่นี้ tis620 ของคุณก็สามารถที่จะ run ภาษาไทย บน hosting ที่เป็น utf-8 ได้แล้วครับ

ปรับปรุงจากต้นฉบับของ webthaidd

No related posts.

]]> http://www.it-clever.com/%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b9%81%e0%b8%81%e0%b9%89%e0%b8%9b%e0%b8%b1%e0%b8%8d%e0%b8%ab%e0%b8%b2-run-%e0%b8%a0%e0%b8%b2%e0%b8%a9%e0%b8%b2%e0%b9%84%e0%b8%97%e0%b8%a2-tis-620-%e0%b8%9a%e0%b8%99-utf-8/feed/ 0 ทำขอบโค้งมนด้วย jQuery Corner plugin http://www.it-clever.com/%e0%b8%97%e0%b8%b3%e0%b8%82%e0%b8%ad%e0%b8%9a%e0%b9%82%e0%b8%84%e0%b9%89%e0%b8%87%e0%b8%a1%e0%b8%99%e0%b8%94%e0%b9%89%e0%b8%a7%e0%b8%a2-jquery-corner-plugin/?utm_source=rss&utm_medium=rss&utm_campaign=%25e0%25b8%2597%25e0%25b8%25b3%25e0%25b8%2582%25e0%25b8%25ad%25e0%25b8%259a%25e0%25b9%2582%25e0%25b8%2584%25e0%25b9%2589%25e0%25b8%2587%25e0%25b8%25a1%25e0%25b8%2599%25e0%25b8%2594%25e0%25b9%2589%25e0%25b8%25a7%25e0%25b8%25a2-jquery-corner-plugin http://www.it-clever.com/%e0%b8%97%e0%b8%b3%e0%b8%82%e0%b8%ad%e0%b8%9a%e0%b9%82%e0%b8%84%e0%b9%89%e0%b8%87%e0%b8%a1%e0%b8%99%e0%b8%94%e0%b9%89%e0%b8%a7%e0%b8%a2-jquery-corner-plugin/#comments Thu, 17 Jun 2010 06:05:18 +0000 BukHUM http://www.it-clever.com/?p=657 Read more » Related posts:
  1. ใช้ Java Script ควบคุมไม่ให้คลิกขวา
  2. เตรียมพร้อมก่อนทำเว็บ
  3. 10 สุดยอด Plugin ที่ขาดไม่ได้สำหรับ WordPress
]]> เมื่อก่อนเวลาจะทำให้ Div เป็นขอบโค้งมน ก็จะต้องตัดรูป ด้านมุมต่างๆ ให้โค้งเว้าสวยงาม แต่ตอนนี้ เรามาใช้ Javascript ช่วยให้ง่ายขึ้น อันนี้เลย jQuery Corner เป็น plugin ของ jQuery ใช้งานง่าย สามารถปรับแต่งได้ว่า จะเอา โค้งมาก โค้งน้อย มุมไหนโค้ง มุมไหนไม่โค้ง อะไรจะปานนั้น

ตัวอย่าง

ดูตัวอย่าง คลิก!!

ไฟล์ที่ต้องการ

วิธีใช้

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″>
<title>GooCode.NeT Demo jQuery Corner</title>

<!– เรียกใช้งาน jquery –>
<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js”></script>

<!– เรียกใช้งาน plugin –>
<script type=”text/javascript” src=”http://github.com/malsup/corner/raw/master/jquery.corner.js?v2.09″></script>

<!– สั่งให้ Div ขอบโค้งมนนะบัดนาว –>
<script>
$(‘#div-1′).corner();
$(‘#div-2′).corner(“30px”);
$(‘#div-3′).corner(“tl br 40px”);
</script>

<style>
div{
margin:20px;
width:300px;
height:100px;
display:inline-block;
background:#0080ff;
color:#fff;
text-align:center;
padding-top:50px;
}
</style>

</head>
<body>

<div id=”div-1″>div-1<br />$(this).corner();</div>

<div id=”div-2″>div-2<br />$(this).corner(“30px”);</div>

<div id=”div-3″>div-3<br />$(this).corner(“tl br 40px”);</div>

</body>
</html>

เครดิตจาก goocode เจ้าเดิม

Related posts:

  1. ใช้ Java Script ควบคุมไม่ให้คลิกขวา
  2. เตรียมพร้อมก่อนทำเว็บ
  3. 10 สุดยอด Plugin ที่ขาดไม่ได้สำหรับ WordPress

]]> http://www.it-clever.com/%e0%b8%97%e0%b8%b3%e0%b8%82%e0%b8%ad%e0%b8%9a%e0%b9%82%e0%b8%84%e0%b9%89%e0%b8%87%e0%b8%a1%e0%b8%99%e0%b8%94%e0%b9%89%e0%b8%a7%e0%b8%a2-jquery-corner-plugin/feed/ 0 เตรียมพร้อมก่อนทำเว็บ http://www.it-clever.com/%e0%b9%80%e0%b8%95%e0%b8%a3%e0%b8%b5%e0%b8%a2%e0%b8%a1%e0%b8%9e%e0%b8%a3%e0%b9%89%e0%b8%ad%e0%b8%a1%e0%b8%81%e0%b9%88%e0%b8%ad%e0%b8%99%e0%b8%97%e0%b8%b3%e0%b9%80%e0%b8%a7%e0%b9%87%e0%b8%9a/?utm_source=rss&utm_medium=rss&utm_campaign=%25e0%25b9%2580%25e0%25b8%2595%25e0%25b8%25a3%25e0%25b8%25b5%25e0%25b8%25a2%25e0%25b8%25a1%25e0%25b8%259e%25e0%25b8%25a3%25e0%25b9%2589%25e0%25b8%25ad%25e0%25b8%25a1%25e0%25b8%2581%25e0%25b9%2588%25e0%25b8%25ad%25e0%25b8%2599%25e0%25b8%2597%25e0%25b8%25b3%25e0%25b9%2580%25e0%25b8%25a7%25e0%25b9%2587%25e0%25b8%259a http://www.it-clever.com/%e0%b9%80%e0%b8%95%e0%b8%a3%e0%b8%b5%e0%b8%a2%e0%b8%a1%e0%b8%9e%e0%b8%a3%e0%b9%89%e0%b8%ad%e0%b8%a1%e0%b8%81%e0%b9%88%e0%b8%ad%e0%b8%99%e0%b8%97%e0%b8%b3%e0%b9%80%e0%b8%a7%e0%b9%87%e0%b8%9a/#comments Wed, 16 Jun 2010 07:50:23 +0000 BukHUM http://www.it-clever.com/?p=652 Read more » Related posts:
  1. ติดตั้ง WordPress บน Appserv
  2. ทำขอบโค้งมนด้วย jQuery Corner plugin
  3. จำลองเครื่องเป็น Web Server ด้วย AppServ
]]> เริ่มกันที่การเตรียมเครื่องมือสำหรับการทำเว็บกันก่อนนะครับ เครื่องมือที่จะแนะนำต่อไปนี้ เหมาะสำหรับ Web Programmer ซะมากกว่านะครับ เช่น โปรแกรมจำลอง Web Server, PHP IDE, PHP Framework, Javascript Framework, Library, CMS, Software ที่ช่วยในการทำเว็บให้สะดวกมากขึ้นนะครับ มาเริ่มกันเล้ย

  1. โปรแกรมจำลอง Web Server ที่นิยมใช้กันก็มีอยู่ 3 เจ้านะครับ ในนี้ก็จะมี Apache, PHP, Mysql ให้มาอยู่แล้ว
  2. เครื่องมือในการเขียนเว็บไซต์ ผมแนะนำเป็น PHP IDE ที่สำคัญ ฟรี ครับ ^^
  3. PHP Library ที่ช่วยให้การพัฒนาเว็บไซต์ ง่าย และรวดเร็วขึ้น
    • ADODB ใช้สำหรับการติดต่อกับ Database
    • Digg Style Pagination ใช้สำหรับแบ่งหน้า
    • Class Upload ใช้ในการอัพโหลดไฟล์ และรูปภาพต่างๆ สามารถปรับแต่งได้เยอะมาก ทั้งย่อรูป ทำ Thumbmail ฯลฯ
  4. PHP Framework อันนี้ช่วยในการสร้างรูปแบบในการเขียนเว็บของเราให้เป็นไปในทิศทางเดียวกัน เวลากลับมาแก้ไขงานตอนหลังก็จะทำได้ง่ายขึ้น และยังมี Library ที่ช่วยให้การเขียนเว็บของเราสะดวกรวดเร็วขึ้นมากด้วย และถ้าทำกันเป็นทีมก็แนะนำเลยครับ
  5. Javascript Framework ช่วยให้การเขียน Javascript ของเราง่ายขึ้น และสั้นขึ้น
  6. CMS
    • WordPress เหมาะสำหรับการทำเว็บบล็อค
    • Joomla ทำเว็บได้หลากหลายแนวมากครับอันนี้
    • Drupal ความสามารถเยอะมาก และปรับแต่งได้ละเอียดสุดๆ แต่ก็ต้องทำความเข้าใจมากพอสมควรครับ
  7. Software
    • FileZilla โปรแกรม FTP ใช้สำหรับ Upload และ Download ไฟล์จากบน Server
    • Navicat โปรแกรมจัดการ Database ที่มีหน้าตาสวยงามหน้าใช้ มี lite version ให้ใช้งานฟรีด้วยนะครับ
    • Colorpicker เอาไว้ดูดสีจากที่ต่างๆ ได้ง่ายมากๆ

ลองเลือกใช้ให้ตรงตามความเหมาะสมของงานที่เราจะทำนะครับ โชคดี ^^

ต้นฉบับจากเว็บเพื่อนบ้าน goocode.net

Related posts:

  1. ติดตั้ง WordPress บน Appserv
  2. ทำขอบโค้งมนด้วย jQuery Corner plugin
  3. จำลองเครื่องเป็น Web Server ด้วย AppServ

]]> http://www.it-clever.com/%e0%b9%80%e0%b8%95%e0%b8%a3%e0%b8%b5%e0%b8%a2%e0%b8%a1%e0%b8%9e%e0%b8%a3%e0%b9%89%e0%b8%ad%e0%b8%a1%e0%b8%81%e0%b9%88%e0%b8%ad%e0%b8%99%e0%b8%97%e0%b8%b3%e0%b9%80%e0%b8%a7%e0%b9%87%e0%b8%9a/feed/ 2