posted on 20 Apr 2009 11:39 by webinfopress
สวัสดีจ้า เพื่อนหลายคนคงเคยเห็นในเว็บต่างๆ สีของ Scroll Bar เปลี่ยนเป็นสีต่างๆ ทำให้เว็บดูมีสีสัน สวยงามแปลกตา ถ้าเพื่อนสนใจที่จะทำดูบ้าง มาดูวิธีการง่ายๆ หลักการคือ ใส่โค้ดกำหนดสีของ Scroll Bar ต่อไปนี้
<style type="text/css">
<!--
body {
scrollbar-face-color: #eff0e0;
scrollbar-shadow-color: #0220fd;
scrollbar-highlight-color: #0220fd;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-track-color: #ffccfe;
scrollbar-arrow-color: #0220fd;}
-->
</style>
โดยให้ใส่ไว้ในช่วงระหว่าง tag <head>.... </head> นะค่ะ (โดยอาจจะใช้ Notepad เปิดไฟล์มาทำการแก้ไขก็ได้) ถ้าหากมีการกำหนดสีพื้น หรือรูปแบบตัวอักษรที่ช่อง body อยู่แล้ว ก็ให้ใส่โค้ดนี้ เพิ่มเติมต่อเข้าไปได้เลย ส่วนสีต่าง ๆ ก็ทดลองเปลี่ยน จนกว่าจะถูกใจกันนะค่ะ และวิธีนี้จะใช้ได้เฉพาะการแสดงผลบน IE เท่านั้นนะค่ะ
edit @ 20 Apr 2009 12:53:30 by webinfopress
posted on 07 Apr 2009 12:01 by webinfopress
หวัดดีจ้าวันนี้เราจะสอนการทำเส้นขอบเพื่อแต่งให้กับเว็บเพจของเราให้ดูสวยงามขึ้นจ้า
โดยเราจะใช้ HTML กับ CSS เขียนร่วมกัน
code เส้นขอบ
<html>
<head><title>สวัสดีจ้า แนะนำการทำเส้นขอบ</title>
<style type="text/css">
p.ชื่อลักษณะเส้นขอบ {
border-style: ชื่อลักษณะเส้นขอบ;
border-color: #สีของเส้นขอบ
}
</style>
</head>
<body>
<p class="ลักษณะเส้นขอบ">ข้อความที่อยู่ภายในเส้นขอบ</p>
</body>
</html>
ตัวอย่างการทำเส้นขอบ
<html>
<head><title>สวัสดีจ้า แนะนำการทำเส้นขอบจ้า</title>
<style type="text/css">
p.solid {
border-style: solid;
border-color:#D87093
}
p.dotted {
border-style: dotted;
border-color:#D87093
}
p.dashed {
border-style: dashed;
border-color:#D87093
}
p.solid {
border-style: solid;
border-color:#D87093
}
p.double {
border-style: double;
border-color:#D87093
}
p.groove {
border-style: groove;
border-color:#D87093
}
p.ridge {
border-style: ridge;
border-color:#D87093
}
p.inset {
border-style: inset;
border-color:#D87093
}
p.outset {
border-style: outset;
border-color:#D87093
}
</style>
</head>
<body>
<p class="dotted">A dotted border</p>
<p class="dashed">A dashed border</p>
<p class="solid">A solid border</p>
<p class="double">A double border</p>
<p class="groove">A groove border</p>
<p class="ridge">A ridge border</p>
<p class="inset">A inset border</p>
<p class="outset">A outset border</p>
</body>
</html>
เราข้อแนะนำหนังสือที่ให้ความรู้กับเราแล้วกันน่ะ
http://www.infopress.co.th/product_detail.php?pr_id=0000000393
http://www.infopress.co.th/product_detail.php?pr_id=0000000258
edit @ 7 Apr 2009 13:16:01 by webinfopress
edit @ 7 Apr 2009 13:20:57 by webinfopress
posted on 03 Apr 2009 15:07 by webinfopress in book
หวัดดีจ้าวันนี้เรามาแนะนำหนังสือเผื่อจะถูกใจใครหลายคน เป็นหนังสือใหม่ที่พึ่งจะออกวางจำหน่ายอาทิเช่น
ยัง ยังไม่หมดเคยนี้ยังมีหนังสือดีๆ มาให้เพื่อนๆ ผู้อ่านอีกมากมาย ถ้าเพื่อนๆ สนใจก็ลองแวะเข้าไปดูได้ว่าเดี๋ยวเค้าอ่านหนังสืออะไรกันเดี๋ยวจะไม่ทันเทคโนโลยีสมัยใหม่น่า เพื่อนๆสามารถดูรายละเอียดหนังสือได้ว่าแต่ละเล่มเค้าสอนอะไรบ้างจากเว็บนี้เลย http://www.infopress.co.th/index.php
