Coming Sssoon + Mods

หน้านี้อธิบายรายละเอียดเกี่ยวกับสิ่งที่คุณต้องการรู้

| English | | Filipino | | Indonesia | | Malay | | Thai | | Vietnamese |
0 ครั้งที่เห็น

Coming Sssoon + Mods

เผยแพร่เมื่อ : 30 ตุลาคม 2020

Sssoon เป็นเทมเพลตเพจฟรีเร็ว ๆ นี้ที่สร้างขึ้นด้วย bootstrap 3 ในหน้าต้นฉบับที่สร้างการออกแบบไอเท็มนี้เป็นครั้งแรกมีการระบุว่ารายการหน้าเร็ว ๆ นี้มีแรงผลักดันในการสร้างการเชื่อมต่อที่ซื่อสัตย์กับผู้มีโอกาสเป็นลูกค้าสำหรับผู้สวมใส่

ในทางเทคนิคแล้วเทมเพลตนี้มุ่งเน้นไปที่การปรับแต่งเป็นหลักและการใช้งานที่แตกต่างกันสำหรับหน้าต่างๆ (เว็บไซต์มาตรฐานแอปวิดีโอตัวอย่างและหน้าร้านอาหารเท่านั้น) ดูเหมือนว่าคุณจะพบสิ่งที่ตรงกับความต้องการของคุณโดยไม่คำนึงถึงการใช้งาน
จากด้านข้างของมุมมองที่คุณต้องการไปยังหน้า เทมเพลตนี้มีฟิลเตอร์พิเศษ (สีดำมาตรฐานสีน้ำเงินสีเขียวสีส้มสีแดง) ที่มีประโยชน์ในการทำให้หน้ามีขอบ เทมเพลตนี้ได้รับการออกแบบมาเพื่อปรับความโปร่งใสของฟิลเตอร์เพื่อให้ภาพใด ๆ ดูดี อย่าลังเลที่จะลองใช้ของคุณเอง! คุณจะเห็นว่าการออกแบบของเราดูดีแค่ไหน

เทมเพลตนี้ประกอบด้วยหน้าตัวอย่าง 5 หน้าเท่านั้น:

  • หน้า index.html Coming Soon
  • หน้า Coming Soonพร้อมรูปภาพr
  • หน้า Coming Soon พร้อมวิดีโอ
  • หน้าแอปพลิเคชัน Rick Ross Coming Soon
  • หน้าร้านอาหาร Coming Soon

อย่างนั้นแหละ! และนี่คือหน้าเปิด ComingSoon ที่ยอดเยี่ยม!

แหล่งที่มาเดิม

เทมเพลตนี้ได้รับการเผยแพร่ก่อนหน้านี้บนเว็บไซต์ Creative-Tim

ใบอนุญาต

ลิขสิทธิ์ MIT License (c) 2017 ทีมสร้างสรรค์

คุณสมบัติ

คุณสมบัติดั้งเดิมในเทมเพลตนี้ก่อนการปรับเปลี่ยนมีดังนี้ :

  • Bootstrap v3.0.2
  • ตอบสนอง 100%
  • 5 หน้าตัวอย่าง
  • HTML
  • CSS
  • JavaScript / jQuery
  • รูปภาพ (JPG / PNG)

เทคโนโลยีหลัก

  • Bootstrap v3.0.2

การปรับเปลี่ยน

ขั้นตอนการปรับเปลี่ยนของเทมเพลตนี้รวมถึงเทคโนโลยีต่อไปนี้ในการกำหนดค่า :

  • อัปเกรดจาก Bootstrap 3 เป็นเวอร์ชัน 4.5.3
  • ย่อขนาด JS โดยใช้ Terser v5.3.1
  • ลดขนาด CSS โดยใช้ Less v3.12.2
  • ลดการใช้ SCSS Node Sass v4.14.1 + Dart Sass v1.26.10
  • Support source MAP JS
  • Support source MAP CSS
  • กำหนดค่าโดยใช้ Babel v7.11.6
  • กำหนดค่าโดยใช้ Webpack v4.44.1
  • กำหนดค่าโดยใช้ TypeScript v4.0.2
  • Support Autoprefixer
  • การแปลง CSS สมัยใหม่

เพิ่มเติม :

  • การออกแบบหน้าใหม่
  • การปรับเปลี่ยนการออกแบบสไตล์ Bootstrap 4.5.3
  • เพิ่มโฟลเดอร์วิดีโอ (สำหรับวิดีโอพื้นหลัง)

การปรับปรุงเทมเพลต

ขั้นตอนการปรับเปลี่ยนของเทมเพลตนี้รวมถึงเทคโนโลยีต่อไปนี้ในการกำหนดค่า :

  • เพิ่มและสร้างสคริปต์ใหม่สำหรับพื้นหลังวิดีโอในไฟล์ demo-video-background.html
  • เพิ่มบรรทัดเนื้อหาภายในแท็ก head :
    • link rel="stylesheet" href="css/css-bs4.5.3/bootstrap.min.css">
    • link rel="stylesheet" href="css/coming-sssoon-nick.css">
    • link rel="icon" href="images/creative-tim.png" type="image/png" sizes="16x16">
  • เพิ่มบรรทัดเนื้อหาใกล้แท็ก /body :
    • script src='js/js-bs4.5.3/jquery-3.5.1.slim.min.js' type='text/javascript' >
    • script src="js/js-bs4.5.3/popper.min.js" type="text/javascript" >
    • script src="js/js-bs4.5.3/bootstrap.min.js" type="text/javascript" >

ดาวน์โหลด

รหัสผ่า : nickgenom.com

ไฟล์นี้อัปโหลดโดยใช้บริการภายนอก


Tags:

แสดงความคิดเห็น