ดูวิดีโอ

วิธีแทรกแบนเนอร์

โฆษณาตามบริบทและอ้างอิงอ้างอิงอยู่ในความต้องการเจ้าของเว็บไซต์ แต่ไม่คิดว่าจะมอบตำแหน่งและแบนเนอร์ ภาพคมชัดเสมอจับตาและเน้นความสนใจ แบนเนอร์ที่สร้างขึ้นอย่างสร้างสรรค์สามารถดึงดูดผู้เข้าชมมายังแหล่งข้อมูลเฉพาะได้มากขึ้น คุณสามารถสร้างโฆษณาประเภทนี้ได้เองหากคุณใช้ความพยายามเพียงเล็กน้อย อย่างไรก็ตามถ้าคุณคุ้นเคยกับ Photoshop แล้วปัญหาไม่ควรเกิดขึ้น พิจารณาวิธีการสร้างและวางแบนเนอร์

ขั้นตอนแรก: การสร้างแบนเนอร์

ในระยะสั้นคุณสามารถทำให้เป็นวิธีที่สะดวกที่สุดสำหรับคุณ:

  • คำสั่งจาก freelancer;
  • พัฒนาตนเอง
  • ใช้โปรแกรมเพื่อสร้างแบนเนอร์
  • ใช้เซิร์ฟเวอร์ออนไลน์เพื่อสร้างแบนเนอร์

สำหรับข้อมูลเพิ่มเติมโปรดดูที่วิธีการสร้างแบนเนอร์

ขั้นตอนที่สอง: การจัดวางแบนเนอร์

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

โค้ดแบนเนอร์มีโครงสร้างที่ค่อนข้างง่าย:

  • <a href=" สถานที่ที่ banner นำไปสู่>> <img style ="position: absolute; top: 50px; right: 300px; border: 1px solid # ddad22;" src = "/ images / link ระบุตำแหน่งของแบนเนอร์" "alt =" จารึก "border =" 1 "/> </a>

ลองดูความหมายของแต่ละองค์ประกอบ:

  • ตำแหน่ง:absolute - ระบุตำแหน่งขององค์ประกอบที่สัมพันธ์กับออบเจกต์อื่นบนหน้า เมื่อมีการตั้งค่าดังกล่าวแบนเนอร์จะอยู่ในตำแหน่งโปร่งใสนั่นคือองค์ประกอบอื่น ๆ จะสะท้อนให้เห็นว่าไม่มีแบนเนอร์ ส่วนหัวของไซต์อยู่ในรูปของภาพทึบหรือไม่? จากนั้นให้แทรกแบนเนอร์ของคุณอย่างถูกต้องเปลี่ยนตำแหน่งจากสัมบูรณ์ไปเป็นญาติ
  • ด้านบน: 50px - ระบุตำแหน่งขององค์ประกอบที่สัมพันธ์กับขอบด้านบนของฝาครอบ เมื่อเปลี่ยนค่าคุณสามารถเลื่อนแบนเนอร์ขึ้นและลงได้
  • ขวา: 300px - ระบุตำแหน่งขององค์ประกอบที่สัมพันธ์กับด้านขวาของส่วนหัวของไซต์คุณยังสามารถเปลี่ยนได้
  • border: 1px - นี่คือความหนาของ stroke ของแบนเนอร์ (ถ้าไม่จำเป็นให้ตั้งค่าเป็น 0)
  • solid # ddad22 - สีของ stroke สามารถเปลี่ยนได้ตามดุลยพินิจของคุณ

วิธีการใช้แบนเนอร์

ใส่รหัสผลลัพธ์โดยทำตามเส้นทาง: แถบเครื่องมือ - editor - header.php

เปิดไฟล์ส่วนหัว ในนั้นจำเป็นต้องใส่โค้ด - ควรแทรกลงในพื้นที่แท็ก ตรวจสอบ

"เล่น" ด้วยค่าขององค์ประกอบของโค้ดถ้าคุณไม่ได้แบนเนอร์ที่ต้องการในทันที

บริษัท โฆษณาแบนเนอร์

หากต้องการแทรกแบนเนอร์ให้เขียนโค้ดของส่วนหัวในโค้ดส่วนหัว:

  • <div class = "ban">

ที่นี่เขียนสคริปต์แบนเนอร์โฆษณา

  • </ div>

เปิดไฟล์ style.css ที่นี่เขียนต่อไปนี้:

  • .ban
  • {
  • แสดง: บล็อก;
  • ตำแหน่ง: สัมบูรณ์
  • ซ้าย: 321px;
  • ด้านบน: 45px;
  • ความกว้าง: 468px;
  • text-align: center;
  • }

ควรวางรหัสไว้ที่ตอนท้ายของไฟล์ ค่าของด้านบนซ้ายสามารถเปลี่ยนแปลงได้ เช่นเดียวกับ Wigth - นี่คือความกว้างของแบนเนอร์

ขอให้โชคดี!

ความคิดเห็น 0