Menu For Beqiutors

Rabu, 16 Januari 2013

Gradient

Faradina Fazira | 05.35 |

Classic Template/Blogskin users:
1 Dashboard > Template
2 Find your post title/sidebar title codes. Delete codes bawah dia, Copy codes di bawah ni dan pastekan di bawahnya.
3 Preview, Save

Template Designer :
1 Dashboard > Template > Edit HTML > Proceed
2. Cari codes ni (ikut anda mau ubah yang mana)

POST TITLE : .post-title {  ATAU   h3.post-title, .comments h4 {
SIDEBAR TITLE : .sidebar h2 {  ATAU   h2 {
BLOCKQUOTE : blockquote {   ATAU  .post blockquote {
POST FOOTER: .post-footer {


Live Preview :
This is an example of gradient background #1
color:#ccc;
padding:4px;
margin-top:5px;
line-height: 100%;
background-image: -webkit-linear-gradient(left, #FFBAD1, #FFFFFF, #FFFFFF, #FFBAD1);
text-align: center;
}

Live Preview :

This is an example of gradient background #2
color:#ccc;
padding:4px;
margin-top:5px;
line-height: 100%;
background-image: -webkit-linear-gradient(left, #FFBAD1, #FFFFFF, #FFFFFF, #FFBAD1);
text-align: center;
}

Live Preview :

This is an example of gradient background #3
color:#ccc;
padding:4px;
margin-top:5px;
line-height: 100%;
background-image: -webkit-linear-gradient(left, #FDFFBA, #BAFFBC, #F5BAFF, #FDFFBA);
text-align: center;
}

  • text-align: center; boleh buang kalau gak mau kalimatnya di tengah/center. Ataupun boleh tukarcenter dengan left atau right :)
  • WARNA OREN, semua boleh ubah ikut warna yang anda suka okay?Codes warna boleh ambil DI SINI

Tidak ada komentar: