วิธีการเปลี่ยนเว็บให้เป็น Gray Scale | iTopPlus's Blog
02-029-1200
รวมเทคนิคลับ ฉบับออนไลน์ วิธีการทำการตลาดออนไลน์ เริ่มต้นทำธุรกิจบนโลกออนไลน์ด้วย เทคนิคต่างๆ ความรู้เบื้องต้น ความเข้าใจเกี่ยวกับการทำโฆษณาให้ธุรกิจคุณ บน Google.com




วิธีการเปลี่ยนเว็บให้เป็น Gray Scale

วิธีการเปลี่ยนเว็บให้เป็น Gray Scale

Categories : เคล็ดลับการตลาดออนไลน์
Date : 2016-10-21 11:20:48

สำหรับผู้ที่มีระบบเว็บไซต์อัจฉริยะของ iTopPlus  อยู่แล้ว และอยากเปลี่ยนเว็บเป็นโทนสีขาว ดำ และเทา เพียงทำตามขั้นตอนดังต่อไปนี้ค่ะ

1) พิมพ์ชื่อเว็บไซต์ของตน ตามด้วย /login ที่ url ตัวอย่างเช่น www.itopplus.com/login




2) ใส่ Username และ Password

3) เมื่อเข้าสู่ระบบแล้ว คลิกรูปฟันเฟือง เลือก “จัดการ Theme” ตามภาพค่ะ




4) จากนั้นคลิกที่ “ตั้งค่าเพิ่มเติม”




5) เลือกหัวข้อ “ตั้งค่า CSS” จากนั้นคลิกเครื่องหมายถูกในช่อง “เลือกเพื่อใส่ Code Stylesheet”




6) จะเห็นกล่องข้อความ “CSS Script สำหรับเว็บไซต์” โผล่ขึ้นมา ให้นำ code ด้านล่างนี้ทั้งหมด มาวางในกล่องข้อความนี้ค่ะ


img {  

  -moz-filter: grayscale(100%) !important; /* Chrome, Safari, Opera */

  -o-filter: grayscale(100%) !important; /* Chrome, Safari, Opera */

  -webkit-filter: grayscale(100%) !important; /* Chrome, Safari, Opera */

  filter: grayscale(100%) !important;

}

p, h1, h2, h3, h4, body ,ol, ul, button, a , a:hover{

  -moz-filter: url("data:image/svg+xml;utf8,#grayscale") !important;

  -o-filter: url("data:image/svg+xml;utf8,#grayscale") !important;

  -webkit-filter: grayscale(100%) !important;

  filter: gray  !important;

}

 

.itopplus-background{

  background-blend-mode: luminosity !important;

  background-color: #ffffff !important;

}

 

.nav{

  background :none;

  background-color:black !important;

  color : white !important;

}

.nav-menu{

  background :none;

  background-color:black !important;

  color : white !important;

}

.navbar-default

{

  background :none;

  background-color:black !important;

  color : white !important;

}


7) กด “บันทึกการตั้งค่า”


8) ลองตรวจสอบการแสดงผลจากหน้าเว็บไซต์ดูนะคะ




เพียงเท่านี้ เว็บไซต์ก็จะเปลี่ยนเป็นโทนขาว ดำ เทาเรียบร้อย


#iTopPlus #บริการรับทำเว็บไซต์ #โฆษณากูเกิล #GooglePremierPartnerตัวแทนผู้ให้บริการทำโฆษณาGoogleอย่างเป็นทางการ

Tel : 02-029-1200

www.iTopPlus.com

Line: @iTopPlus









ปรึกษาฟรี
ลงทะเบียนรับสิทธิพิเศษตอนนี้!
รับทำเว็บไซต์, Google AdWords









สนใจทำการตลาดออนไลน์
ปรึกษาทีมงาน
รับทำเว็บไซต์, โฆษณา Google

สนใจบริการ