Tuesday, 23 April 2013

Tutorial : Header with Box ( Designer )





1. Dashboard > Layout > Add Gadget > HTML/JavaScript
2. Copy code dekat bawah ni
<center>
<div style="margin-top:15px;">
<div style="display:inline-block;width:900px;padding:5px;border-radius:0px 0px 0px 0px;border:2px solid #FFDFEA;background: url(BACKGROUND);">

<div style="display:inline-block;width:900px;padding-top:275px;border-radius:0px 0px 0px 0px;border:0px dotted #FFDFEA;border-bottom:none;background-repeat:no-repeat;background: url(URL HEADER);"></div><br>

</center>
<center>
<div style="margin-top:-1px;margin-bottom:-3px;background:none;border-left:30px solid #FFDFEA;border-right:30px solid #FFDFEA;width:600px;height:40px;">
</div>
3. Paste dekat bahagian HTML/JavaScript
4. Preview & save.

Biru : background header
Pink : URL header
Oren : warna border header
Hijau : Lebar {width}

Credit  to : NAJ

0 comments: