Double border background picture and colour.

Holla and Assalamualaikum guys !!!
Harini saya bermurah hati untuk update my tutorials .

Tutorial hari ini adalah tentang macam mana nak buat double border like this ;

See ? kotak tu sebenarnya double border .

Layer 1 : backgroung picture .

Layer 2 : normal colour .

Ok now , let's get start .

1. Firstly , korang klik Dashboard -> Layout -> Add a Gadget -> Pilih HTML / Javascript .
2. Copy kod kat bawah ni dan paste dalam kotak content HTML / Javascript tu .

<center/><style>
#background1{
width:550px;
background:url(http://images2.layoutsparks.com/1/124341/pink-fairy-plain-stars.gif);
padding:10px;}
#background2{
background-color: #ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:15px;}
</style>
<br />
<div id="background1">
<div id="background2">
Content korang
</div></div></center

Oren : Url background 1 / Gambar luar .

Hijau : Colour / Warna latar dalam

Biru : Jenis border cari kat sini
Merah : Apa - apa yang korang nak letak . Text / gambar / widget .

Selamat mencuba dan semoga berjaya . (^_^)v