ABOUT THIS WEBPAGE


BACKGROUND IMAGE

ADD IMAGE FOR BACKGROUND IN SECTION


เราให้คุณใส่รูปเป็นพื้นหลังทั้งใน Page ใน Section ในกริด Structure 

ในกริด Column และใน Brick 

ช่วยให้คุณสามารถทำ layout ได้ทุกแบบ 

แค่ใส่รูป เนื้อหา สี  กรอบ จัดแต่งตำแหน่ง ได้อย่างอิสระทุกจุดบนเว็บเพจ


ตัวอย่างด้านล่างเลือกใส่รูปใน Sectionc และเลือกกริดที่มี 4 คอลัมน์บล๊อค เพื่อใส่สีทับ และใส้ตัวอักษร










ADD BACKGROUND IMAGE

IN  SECTION 

+

ADD BACKGROUND COLOR

IN BLOCK




GREEN COLOR 

FOR

THIS COLUMN BLOCK


ADD  BRICK + BACKGROUND COLOR

ใส่สีและตัวอักษร บนรูปพื้นหลังรูป





YELLOW COLOR

FOR 

THIS COLUMN BLOCK 


ADD BRICK + BACKGROUND COLOR

เลือกใส่สีได้ทุกจุดที่ต้องการ

 




LEARN MORE ABOUT BLOCK 

BACKGROUND COLOR


MORE


ดูเทคนิคการเลือกสี



ใส่รูปเป็นแบล็คกราวน์

ใส่สีทึบลงบนรูป จะไม่เห็นรูป


CONTENT 

ODIRECTON 

CENTER





CONTENT DIRECTION TOP


LEARN MORE  ABOUT

INSERT IMAGE IN BLOCK

 

SECTION 2

ADD COLOR ON BACKGROUND IMAGE IN SECTION 


HELP ABOUT BACKGROUND IMAGE



+ 

ADD 

2 GRID COLUMN

and 

LINK BUTTON




FIXED BACKGROUND ATTACHMENT



FIXED BACKGROUND ATTACHMENT


+ 

ADD 

 2 GRID COLUMN

and 

LINK BUTTON



SECTION 3

 






TIP

ใส่รูปแบล็คกราวน์ลงใน SECTION

ใส่รูปภาพลงในกริดคอลัมน์ 

ใส่สีในพื้นหลังในกริดคอลัมน์ เพื่อเน้นรูป

START to SITE 

STRUCTURE 

IS MORE NATURAL WAY 

TO CREATE WEB PAGE 

BY YOURSEL.

SECTION 4


  ADD TEXT ON IMAGE  BACKGROUD 









เลือกใช้ GRID BLOCK หลายๆแบบเพื่อให้เนื้อหาในเวบเพจดูต่างออกไป ไม่ต้องมีความรู้พิเศษ แค่ลองเลือกสลับไปมาจนได้แบบที่ชอบ 

เปลี่ยนรูป เปลี่ยนสี ใส่กรอบ ตกแต่งเนื้อหาและสไตล์ตัวอักษร

เห็นทันทีขณะทำ โดยไม่ต้อง save ก่อน


SECTION 5

start to site


TIP

ใส่รูปแบล็คกราวน์ในเซคชั่น เลือกตำแหน่ง ขนาด และคุณสมบัติ ที่ต้องการให้แสดง ใส่สีพื้นในบล๊อคที่ 2 จาก 4 บล๊อค ในแต่ละบล๊อคตกแต่งใส่สี ภาพ ได้เป็นอิสระต่อกัน 



SECTION 6


สามารถเลือกสีใส่หรือรูปเป็นพื้นหลังได้ทุกจุด ทำให้สร้างรูปแบบได้ไม่จำกัด







ใส่สีซ้อนลงใน Brick โดยอิสระ




























สีและแบล็คกราวน์ของ Brick อยู่เหนือสีของ Column Block และ Section ตามลำดับ



SECTION 7


สามารถเพิ่ม section ได้ไม่จำกัด การแยก section ช่วยให้แก้ไข ปรับแต่ง และจัดลำดับใหม่ง่ายกว่า เป็นการเลือกทำทีละส่วน จะเพิ่มหรือเอาออก หรือจัดเรียงใหม่ได้รวดเร็ว ไม่เสียเวลาทำใหม่ และไม่กระทบส่วนที่ทำไปแล้ว



SECTION 8


BACKGROUND



SECTION 9

ADD BACKGROUND COLOR IN SECTION





add image 

for

background




add transparency color

on

background








add solid color

on

background














การใช้รูปเป็นแบล็คกราวน์



การใช้รูปแบล็คกราวน์ใน PAGE, SECTION, COLUMN BLOCK, BRICK

ไฟล์รูปควรเป็น .jpg  จอขนาดใหญ่กว้าง 1920 พิกเซล เลือกขนาดรูปให้เหมาะกับพื้นที่ที่ต้องการแสดง ส่วนรูปเพื่อเป็นแบล็คกราวน์ใน BLOCK

ใช้รูปกว้างประมาณ 570-960  พิกเซล 




เรียนรู้เพิ่มเติมเกี่ยวกับ


 BACKGROUND IMAGE