ติดต่อทีมงาน หรือช่องทางไลน์ @siamfocus.com

ทำ bg image ของเว็บไม่ให้เลื่อนตาม scroll bar

วันนี้ขอเสนอการทำ รูปภาพ Backgrond ของเว็บเรานะครับ   ไม่ให้เลื่อนตาม scroll bar เวลา page ยาว ๆ นะครับ   คือการใช้ css มาจัดการตรงส่วนของ body นะครับ     body{  background-attachment:fixed;  /*กำหนดให้ไม่เลื่อน*/  background-image [...]

css คืออะไร

CSS ย่อมาจาก Cascading Style Sheets ใช้ในการควบคุมเอกสาร หากเปรียบหน้าตาของหญิงสาว ก็คงเป็นแป้ง เป็นลิป ที่ขีดเขียนบนใบหน้า   [...]

ออกแบบเว็บไซต์

พอได้ยินคำว่า ออกแบบเว็บไซต์ หลายๆ คน อาจเข้าใจว่า ก็คือ การทำเว็บไซต์ ขึ้นมานี้แหล่ะ... แต่สำหรับผม เมื่อไหร่ก็ตามที่ลูกค้า ถามว่า รับออกแบบเว็บไซต์ ใช่ไหมครับ???  สิ่งที่ผมคิด คือคุณต้องการ Web Design ใช่หรือไม่ ??? ที่ต้องตีไปแบบนี้ก่อนเพราะ งานออกแบบ หรืองานที่ขายความพอใจ รา [...]

การแก้ปัญหา Compatibility View ใน IE 9

  เมื่อมีปัญหาเกี่ยวกับการแสดงผลใน IE 9    เมื่อเร็วนี้ เวบเพจ ที่ผมพัฒนา มีปัญหาในมุมมอง Compatibility View ใน IE 9   คือการเขียน Code ต้องอิงเทคโนโลยีสมัยใหม่ อย่างเช่น Css และ javascript ต่างๆแล้ว สิ่งที่ข้ามไปไม่ได้เลยคือการใส่ Meta-Tag ลงไปครับ โดยใส่ ระหว่ [...]

Array

มาดูการใช้งาน Array ใน JavaScript กันครับ   โดย Array จะเริ่มนับในตำแหน่งที่ 0   การประกาศ MyCharacter=new Array ("a","b","c","d","e","f");   การเรียกใช้งาน MyCharacter[0];   ผลลัพท์ ค่าที่ออกมาคื [...]

เพิ่มข้อมูลใน select box

// ฟังก์ชันที่ใช้ในการเพิ่มข้อมูลใน select box [code] function addOption(obj,text,value,selected){if(obj!=null && obj.options!=null){obj.options[obj.options.length] = new Option(text, value, false, selected);}} [/code] [...]

ลบข้อมูลออกจาก select box

// ฟังก์ชันที่ใช้ในการลบข้อมูลออกจาก select box [code] function removeAllOptions(from){if(!hasOptions(from)){return;}for(var i=(from.options.length-1);i>=0;i--){from.options[i] = null;}from.selectedIndex = -1;} function hasOptions(obj){if(obj!=null && obj.options!=null){return true;}re [...]

ทำขอบมนให้รูปภาพ

สวัสดีครับ วันนี้เรามาดูเทคนิคการทำภาพให้มีขอบโค้งมนกันนะครับ  ซึ่งปัจจุบันสามารถกำหนดได้จาก ตัว CSS เลย นะครับ เรา มาลองดูกันครับ เรามาสร้าง StyleSheet ไว้ใน ส่วนของ TAG <head> ... </head>   <style media="all" type="text/css"> .round_imag [...]

TEXT SHADOW

การทำตัวอักษรในเว็บให้เป็นเงา   h1{  font-size:20px;  text-shadow: 0 1px 1px #FFFFFF; }     ตัวอย่างนี้เอาไปใช้กับ h1 นะครับ อาจเอาไปใช้กับส่วนอื่นๆ ได้ ลองดูนะครับ [...]

ทั้งหมด 198 รายการ



หมวดหมู่บทความ