Tuto: cara letak header transparent untuk template minima

selamat petang semua yanie kembali dengan tutorial. yanie taktahu nak letak tajuk apa dekat tuto ni..hope u all paham la ye ;)



sebelum

selepas

u all mesti merungut kan tak boleh guna header transparent sebab guna "template minima" now, yanie dah tahu caranya. yanie pun dah pernah try n m'jadi.ape2pun u all backup dulu ur coding template untuk keselamatan hihihi ;p
cara dia senang je.ikut aje step dibawah ni ;)



Dasboard-design-edit HTML

Delete code dibawah ni,

#outer-wrapper {
background-color:#000000 ;
border:20px dashed #000000;
padding: 20px;
width: 660px;
margin:0 auto;
text-align:$startSide;
font: $bodyfont;

kemudian copy/paste code dibawah dan letak dibawah code
/* Outer-Wrapper
----------------------------------------------- */

.clear {
clear: both;
}
#content-wrapper {
width: 690px;
margin: 0 auto;
padding: 0 0 15px;
text-align: left;
background-color: #fff4e1;
border: 1px solid #ffffff;
margin-top: 1.4em;
border-top: 0;

Padding:16px; /* Jarak text post dengan garis pinggir */
}

lastly, Preview, kalau tade tanda error, Save. done!


Tips : tulisan diwarnakan u all boleh tukar. width pula u all ikut width #outer-wrapper { u all sebelum u all delete
selepas u all edit kalau #main-wrapper { or #sidebar-wrapper { nampak cacat u all edit bhgian width

Untuk copy code tutorial, just CTRL A then CTRL C untuk copy, tq.