Rapatkan footer dengan content ( picture window )

Assalamualaikum!~

rapatkan footer dengan content


Dulu tutorial rapatkan header dengan content/body, dan kini tutorial rapatkan footer dengan content untuk pengguna templete picture window macam ikaa nie. Caranya seperti di bawah ini.



Pengguna Templete Classic

1. Dashboard > Design > Edit html > Tick widget expand

2. Search code dibwah ini

#footer {

3. Lepas tu, korang akan jumpa code ini.

#footer {
  width:660px;
  clear:both;
  margin:0 auto;
  padding-top:15px;
  line-height: 1.6em;
  text-transform:uppercase;
  letter-spacing:.1em;
  text-align: center;

4. Delete code tue, dan gantikan dengan code bawah ini.

#footer {
background:url(URL IMAGE)no-repeat;
background-position: bottom center;
width:900px;
height:90px;
clear:both;
margin:0 auto;
padding-top:0px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:-1em;
text-align: center;

5. Preview pastikan tiada error baru save.

Purple : Masukkan code image footer korang.
Merah : Edit ikut kesesuaian footer anda.


Pengguna Templete Designer ( picture window )

1. Dashboard > Design > Edit html > Tick widget expand

2. Search code dibawah ini.

.footer-outer {

3. Kemudain korang akan jumpa code ini pulak.

.footer-outer {
  color:$(footer.text.color);
  background: #ffffff;

4. Delete code tue, dan gantikan dengan code bawah ini.

.footer-outer {
background:url(URL IMAGE)no-repeat;
background-position: bottom center;
width:900px;
height:90px;
clear:both;
margin:0 auto;
padding-top:0px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:-1em;
text-align: center;

5. Preview dulu, pastikan tiada error baru save.

Purple : Masukkan code image footer anda.
Merah : edit ikut kesesuaian footer anda.

6 Komentar untuk "Rapatkan footer dengan content ( picture window )"

Wahh!Cantek kak.tapi tk design lagi gambar.huhu.Insya-Allah akn sy buat.Thanks :)

kalau rapat, space pun jimat kan..

Terima kasih untuk komen yang berharga anda, datang lagi.

 
Copyright © 2014 Bakul2011.com - All Rights Reserved
Template By. Catatan Info