DASHBOARD HOME TUTORIAL TEMPAHAN MY DESIGN

Mencantikkan Minima Template

Sesiapa Yg blognya menggunakan minima Template boleh ikut tuto nie okey...tuto nie...memang confirm cantik blog korang...


1.page kat EDIT HTML.tick EXPAND WIDGET TEMPLATE..
ctrl+f cri kod bwh ni

#outer-wrapper {

2.kat bwah 2 ade kod mcm 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.Delete kod di atas copy n gantikan  dgn kod bwah ni pereview dulu baru save


.clear {
clear: both;
}
#content-wrapper {
width: 780px;
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 */
}



TEKA-TEKi:

yellow- keluasan body yang korang nak okey...
red: tukar colour kesukaan anda...

Harap korang boleh buat...kalau jadik komen..

TERIMA KASIH SUDI BACA DAN KOMEN

No comments: