Nabiha Zaidi

07 August 2011

Tutorial : Template Mine Version

Jom buat template macam aku. Memandangkan aku pakai Minima Template, korang pun kenalah bertukar ke Minima Template. Nak bertukar ke Minima Template? [ KLIK SINI ]. Tutorial ni pun, menjadi pada template lain, tapi kod dia lain sikit lah.

How To Use

1. Dasboard - Template - Edit HTML

2. Tekan Ctrl + f dan search kod #outer-wrapper {

Kod dia akan jadi macam kat bawah ni.

#outer-wrapper {
width: 780px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

#main-wrapper {
width: 500px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 240px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */}

3. Copy code dibawah dan gantikan code di atas dengan code dibawah.

.clear {

clear: both;}

#content-wrapper {

width: 1000px;

margin:0 auto; padding:10px;

text-align:$startSide;

background-color: #FFFFFF;

border:2px solid #FA58AC;

-moz-box-shadow: 0 0 10px #FA58AC ;

-webkit-box-shadow: 0 0 30px #FA58AC;

-moz-border-radius: 15px;-webkit-border-radius: 15px;font: $bodyfont;}

#main-wrapper { width: 520px;float: $startSide;word-wrap: break-word; /* fix for long text breaking sidebar float in IE */overflow: hidden;

/* fix for long non-text content breaking IE sidebar float */}

#sidebar-wrapper {width: 240px;

float: $endSide;word-wrap: break-word; /* fix for long text breaking sidebar float in IE */overflow: hidden; /* fix for long non-text content breaking IE sidebar float */}