Author Topic: การใส่รูปที่ Header  (Read 7079 times)

mr_a

  • Guest
การใส่รูปที่ Header
« on: September 17, 2010, 09:01:46 AM »
การใส่รูปที่ Header
เราสามารถทำได้ด้วยกัน 2 วิธีครับ

แบบที่ 1 ใส่ภาพตรงแถบบาร์ด้านบน
วิธีการทำ
1. เข้าไปที่ color & design
2. เลื่อนลงมาล่างๆ จะเห็น Configure Store Header
ให้ติ๊กที่ Show store header
3. ถ้าต้องการแสดงตัวอักษรต่อท้ายรูปก็ให้คลิกที่ Include store name and specify font size: แล้วเลือกขนาด ตัวอักษร

4. ใส่ url ของภาพลงในช่องสุดท้ายครับ
5. เซฟแล้วก็ไป preview ดูกันเลยครับ

แบบที่ 2 ใส่ภาพ Header ในส่วนของ background
วิธีการทำ
1. เข้าไปที่ color & design
2. คลิกที่ Edit CSS
3. คลิกที่แทป Global แล้วแก้ไขตามนี้ครับ

body {
margin-top:220px; <<< ใส่ค่าเท่ากับความสูงของภาพก็ได้ครับ
padding:0px;
background:#232323;
color:#4e4e4e;
min-width:748px;
font-family:'Verdana', sans-serif;
font-size:9pt;
font-weight:500;
line-height:12pt;
text-decoration: none;
text-align:center;
background-image: url('http://ที่อยู่ของรูป'); <<ใส่ที่อยู่รูป
background-position: 50% 0%; << ใส่เพื่อให้รูปอยู่ตรงกลางหน้า
background-repeat: no-repeat; << ไม่ต้องการให้แสดงภาพซ้ำ
}

4. save แล้ว preview aStore เลยคร้าบ