Menu

CSS

CSS MEDIA QUERY
อ่านบทความ CSS MEDIA QUERY
หมวดหมู่ - CSS

CSS MEDIA QUERY

Css Media Query คือคุณสมบัติที่มีอยู่ในภาษา CSS3 ( Cascading Style Sheets ) เป็นคำสั่งไว้สำหรับกำหนดการแสดงผลโดยอ้างถึงความกว้างของขนาดอุปกรณ์ ที่เปิดในขณะนั้น เช่นเปิดในมือถือ ก็ให้ใช้เงื่อนไขที่ตรงกับขนาดของมือถือ เปิดในพีซีก็ให้ใช้เงื่อนไขที่ตรงกับขนาดของพีซี เป็นต้น โดยด้านล่างนี้เป็นขนาดท [...]

ทำขอบมนให้รูปภาพ
อ่านบทความ ทำขอบมนให้รูปภาพ
หมวดหมู่ - CSS

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

สวัสดีครับ วันนี้เรามาดูเทคนิคการทำภาพให้มีขอบโค้งมนกันนะครับ  ซึ่งปัจจุบันสามารถกำหนดได้จาก ตัว CSS เลย นะครับ เรา มาลองดูกันครับ เรามาสร้าง StyleSheet ไว้ใน ส่วนของ TAG ...   ส่วนของ body เราก็นำรูปภาพมาใช้งานครับ โดยใส่ class ที่เราเขียนขึ้นมาเมื่อกี๊นี้นะครับ [...]

CSS3 IMAGE SHADOW
อ่านบทความ CSS3 IMAGE SHADOW
หมวดหมู่ - CSS

CSS3 IMAGE SHADOW

เทคนิคการใส่เงาให้รูปภาพนะครับ   โดย css ที่ใช้ คือ     .img_thumbs {     box-shadow: 0 0 5px #999999; }   สามารถดูตัวอย่างได้ที่นี่ครับ   ดูตัวอย่างคลิกเล้ยยยยยยยยยยย     [...]

การทำเว็บให้เป็นขาวดำ
อ่านบทความ การทำเว็บให้เป็นขาวดำ
หมวดหมู่ - CSS

การทำเว็บให้เป็นขาวดำ

การเพิ่ม CSS เพื่อกำหนดให้เว็บไซต์ทั้งหมดของเราเป็นขาวดำ นะครับ โดยผมทำการเพิ่มข้อความดังนี้ใน TAG ของ Body body{   /* Chrome, Safari */ -webkit-filter: grayscale(1); /* Firefox */ filter: grayscale(1); /* IE */ filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale [...]

การเพิ่ม css ไว้ในแต่ละหน้า
อ่านบทความ การเพิ่ม css ไว้ในแต่ละหน้า
หมวดหมู่ - CSS

การเพิ่ม css ไว้ในแต่ละหน้า

  css สามารถนำเข้าได้ดังนี้ <link href="ที่อยู่ของ file.css" rel="stylesheet" type="text/css">   หรือสามารถแทรกได้ในแต่ละหน้าได้เลย <style type="text/css"> body{ font-size:16px; } [...]

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

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

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




CSS HR STYLE
อ่านบทความ CSS HR STYLE
หมวดหมู่ - CSS

CSS HR STYLE

การนำ css มากำกับ hr นะครับ เพื่อให้ดูบางลง   โดยปกติ hr ดั้งเดิมจะไม่ค่อยสวยเท่าไหร่ครับ   ลองนำไปใช้ดูนะครับ     hr{    display: block; width: 100%; clear: both; border: none; border-top: 1px solid #AAA; border-bottom: 1px s [...]

DIV-OverFlow
อ่านบทความ DIV-OverFlow
หมวดหมู่ - CSS

DIV-OverFlow

<!-- ให้กว้าง 50 px นอกนั้นให้ขยายตามข้อมูล--> <div style="width:50px;overflow:auto;">&nbsp;</div>   <!-- ให้กว้าง 50 px นอกนั้นให้ขยายตามความกว้าง--></p> <div style="width:50px;overflow-x:scroll;">&nbsp;</div> & [...]

CSS-MIN-HEIGHT
อ่านบทความ CSS-MIN-HEIGHT
หมวดหมู่ - CSS

CSS-MIN-HEIGHT

คือกำหนดให้ความสูงขั้นต่ำครับ ไว้ในกรณีใช้ Div น่ะครับ มีประโยชน์มากครับ .divName{ min-height: 100px } แต่ต้องระวังน่ะครับ บาง Browser อาจไม่ Support ก็ได้ แต่ผมทดสอบแล้วที่ IE7.0 และ FF 3.0 ใช้ได้ครับผม (ของเขาดีจริงๆ) [...]

12»

บทความทั้งหมด 12 รายการ
โทรเลยตอนนี้ 061-583-7888
พูดคุยผ่านไลน์ @siamfocus.com