//01

Tutorial header with box

Thursday 6 June 2013 | 0 Superman(s)

*omg! omg! Kwangsoo *_*

Korang tau tak header with box tu apa? Ada header dalam kotak. Luar dia ada kotak. Ish acano den nak menerangkannye ni. Hmm hang tengoklah gambaq bawah ni. Lulz

*Maaf Cik Tieqa saya curi gambar awak. Lol*

Haa, macam kat atas ni ah. Tak faham lagi? Korang kena cuba dulu ma. Ini tutorial banyak senang! Jom mula~

1. Dashboard>Template

2. Tekan ctrl+f serentak lepastu cari code </style>

3. Copy code 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>

4. Paste kat bawah code </style>

5. Preview and save~

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

Nota kaki: Kalau korang tak tau mana nak dapat url header. Upload dekat imgur.com. Eleh tapi takkan tak tau. Hahahaha :p

Older |

Template by Nurah. Tuto from W A. Icons from Pixel. Music by Yonghwa. Colour from HTML

music