Assalamualaikum ..
kali ni nak buat entry pasal template blog ummi ni...kata topeng_perak ummi asik tukau2 template...Pak Lah sakit mata so nama ummi pun ada dlm list utk ke kamunting
...template tak penah tukar..yg tukar wallpaper dia jek...
ummi nak kongsi sikit pasal oprate HTML template atas permintaan saudara Firuz... sedikit tips untuk men'transparent'kan backgraound entry kita dan buat wallpaper tak bergerak.... rasa2nya nak mintak pengeras jugak la dari Firuz
...kalau abg MSK masuk hutan cari bahan utk berubat dapat pengeras 5 hinggit 2 kupang 5 sen...ummi nak caj berapa ekk
... acah je la Firuz
ummi kasi free jek..
ok..pertama sekali Firuz kena gi kat layout --> edit html
- untuk nak jadikan background tak bergerak...
cari code -->
body {
margin: 0 auto 0px;
background: #000000 url(http://i533.photobucket.com/albums/ee339/UmmiAnni/ontherangebg-1.jpg)
no-repeat fixed top;
color:$textcolor;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: lcenter;
}
# biasanya pada code ini -->background: url(http://img265.imageshack.us/img265/6145/jigsawpuzzletexture08bp3.jpg)
repeat; (ni adalah code asal template ini)
#code yg telah diubah --> background: #000000 url(http://i533.photobucket.com/albums/ee339/UmmiAnni/ontherangebg-1.jpg)
no-repeat fixed top;
belakang code url background ..dia akan tulis "repeat" sahaja(yg berwarna biru)...so kita kena tambah "no-repeat fixed top" seperti contoh ummi punya code yg berwarna merah di atas..
perhatian..!
- 'no-repeat' untuk gambar bersaiz besar
- 'repeat' utk gambar bersaiz kecil...
- 'fixed' utk gambar still.. tak bergerak
- kedudukan gambar kita boleh tulis 'top'/'top left'/'top right'/'bottom'/'bottom left'/'bottom right'/'center'/'center right'/'center left'...ikut suka kita
- '#000000' ..code warna yg ini adalah hitam..utk mendapat code warna ummi selalu ambik kat sini --> feedjit klik kat kotak warna dia..akan kuar code dia..
pastu preview utk tgk hasilnya sebelum save template...
- men'transparent'kan background entry
cari pada bahagian 'outer-wrapper'
cari code -->
#
main-wrapper {
background-color:
none;
margin-left: 3.5px;
border-left: 1px solid $bordercolor;
border-right: 1px solid $bordercolor;
width: 410px;
float: left;
* pada 'background-color :' buang code color ganti dengan 'none'
" background-color: #618CC7; " <-- yg asal " background-color:
none;" <-- yg diubah begitu juga pada code -->
#sidebar-wrapper {
background-color:
none;
margin-right: 0px;
margin-top: 0px;
width: 190px;
float: right;
dan code
-->
#newsidebar-wrapper {
background-color:
none;
margin-left: 0px;
margin-top: 0px;
width: 190px;
float: left;
langkah yg sama preview dulu baru save template...
kadang2 istilah pada code template ni berbeza2 so kena sabar la ye..
selamat mencuba ...!