t u t o r i a l s i t e

Tutorial: Center (Complete All)

Friday, June 24, 2011 - 0 comment

Hello.

Lama tak buat tutorial. Eh lama ke?

As the title, how to center everythings. Basically, center tu macam ke tengahkan ayat-ayat anda.

ex; ayat ini terduduk ditengah-tengah entri. Faham?

Jadi anda boleh ikut saja steps dibawah. Ini sesuai dengan template biasa.

Lets start!

Header

1- Dashboard > Design > Template Designer > Advanced > Add CSS

2 - Paste code dibawah jika;

- mahu Placement "Behind title and description"

#header-inner {
margin-left: auto;
margin-right: auto;
}

- mahu Placement "Instead of title and description"

#header-inner img {
margin-left: auto;
margin-right: auto;
}

3 - You're done.

Link List

1- Dashboard > Design > Template Designer > Advanced > Add CSS

2 - Paste all code dibawah ni.

.LinkList {text-align:center !important;}
.LinkList li {display:inline !important; float:none !important;}

3 - Done.

Blog Archive

1- Dashboard > Design > Template Designer > Advanced > Add CSS

2- Paste all code dibawah ni.

#ArchiveList {text-align:center;}
#BlogArchive1_ArchiveMenu {text-align:center;}

3 - Done.

Pages

1- Dashboard > Design > Template Designer > Advanced > Add CSS

2- Paste all code dibawah ni.

.PageList {text-align:center !important;}
.PageList li {display:inline !important; float:none !important;}

3 - Done.

Anythings in HTMLjavascript/Classic template

1 - Dashboard > Design > Template Designer > Advanced > Add CSS

2 - Paste code dibawah

<center>anythings</center>

3 - Done.

Have fun and goodluck!

Labels: Tutorial