programming



แชร์ไอเดีย วิธีเปลี่ยนเว็บเป็นขาว-ดำ และมีแบบสี ให้เลือก

แชร์ไอเดีย วิธีเปลี่ยนเว็บเป็นขาว-ดำ และมีแบบสี ให้เลือก

เนื่องจากว่า.. ช่วงนี้เป็นช่วงเวลาในการถวายความอาลัย ร.๙ เป็นช่วงเวลาแห่งความโศกเศร้า เข้าไปอ่านเว็บไซต์ไหนๆก็เป็นโทนขาว-ดำ กันหมด บางเว็บที่เราต้องใช้เวลาอ่านนาน ก็จะเริ่มปวดตา ตาลาย ผมเลยอยากปรับๆเว็บที่ผมทำอยู่ให้มี ตัวเลือกว่า คนที่อ่านอยู่ สามารถดูแบบปกติ ได้ด้วย ทำเสร็จ ก็เลยอยากแชร์ไอเดียนี้ให้ webmaster ท่านอื่นๆ ด้วย เลยเป็นที่มาของบทความนี้ครับ

แนวคิด

คือ ตั้งค่าเริ่มต้นให้เป็น ขาว-ดำ แต่เปิดโอกาสให้คนที่อ่านเว็บนานๆ แล้วรู้สึกปวดตา อยากดูแบบสี ก็สามารถดูแบบสีเหมือนเดิมได้ด้วย

Step 1. แทรก โค้ด PHP และ CSS นี้ ไว้ในส่วนของ Header เพื่อตรวจสอบตัวแปร color ถ้า color=1 คือ ดูแบบสี นอกนั้น คือ ดูแบบขาว-ดำ

—–

<?php if($_GET[‘color’] == ‘1’){
} else{ ?>
<style>
html {
-moz-filter: grayscale(100%);
-webkit-filter: grayscale(100%);
filter: gray;
filter: grayscale(100%);
}
</style>
<?php } ?>

—–

Step 2. แทรก โค้ด HTML เพื่อสร้าง Link ให้คนอ่านเว็บสามารถคลิกสลับไปมาได้ ระหว่าง สี กับ ขาวดำ ไว้ในส่วน body ตรงไหนก็ได้ที่ต้องการ เช่นบนหัวสุดของเว็บ

<p align=”right”>[ดูหน้าเว็บแบบ <a href=”index.php?color=0″>ขาวดำ</a> | <a href=”index.php?color=1″>สี</a>]</p>

ตัวอย่าง เว็บที่ผมทำไว้

web01-black

web01-color

http://www.ekstepza.com

web02-black

web02-color

http://www.smartpaysteam.com

ปล.ใครไม่ได้ทำเว็บแบบ PHP ก็ทำแบบ HTML ธรรมดาก็ได้นะครับ เพียงแต่ต้องแยกเป็น 2 ไฟล์แทน เช่น index.html เป็นเว็บขาวดำ และ index2.html เป็นเว็บสี และโค้ด CSS สำหรับทำเว็บให้เป็นสีโทนขาว-ดำ ก็อยู่ด้านบน ที่ผมทำเป็นสีแดงไว้นั่นเองครับ จาก <style> ถึง </style> นั่นเอง

ใครที่มีคำถามเพิ่มเติม หรือลองเอาไปทำแล้ว มาคอมเม้นโชว์ผลงานได้นะครับ

ปล. ขอบคุณเพจ คนทำเว็บนอกคอก WebBastard.Net สำหรับโค้ด CSS มา ณที่นี้

คำค้นหา : วิธีทำเว็บ ให้เป็นขาวดำ, วิธีปรับหน้าเว็บเป็นขาวดำ, การเปลี่ยนเว็บเป็นสีขาวดำ

เรื่องที่เกี่ยวข้อง


วันนี้คุณโชคดีมาก ที่มาเจอเว็บนี้ คุณมีโอกาสได้เรียนรู้ งานออนไลน์ กับมืออาชีพแล้วครับ!
ขอคำปรึกษาผม ได้ที่ Line id : @ekstepza | Tel : 095-868-6374



อย่าเพิ่งปฏิเสธ สิ่งที่คุณยังไม่รู้จัก! เพราะ คุณอาจกำลังปฏิเสธ สิ่งที่คุณตามหา มาทั้งชีวิต