12 March 2011

Letak background pada tajuk post dan tajuk post jadi besar bila hover

assalamualaikum . . pagi ni ana/saya nak buat tutorial background pada tajuk post n cara nak buat tulisan entry jadi besar bila mouse ada kat tajuk entry . ok , ikut cara2 ni , kalau tak jadi sila try banyak kali .

cari kod ni
.post h3 {
atau h3.post-title {
atau .post-title {
kalau tak de , apa2 kod yang hampir sama dengan tu pun boleh la .
tambahkan kod ni bawah kod tadi tu . 
background: kod warna;
kalau nak ada gambar tambahkan je macam ni :
background:url('url gambar');background-position:center;

cuba PREVIEW , kalau jadi sila save .

cara nak buat tulisan jadi besar senang je . ikut cara2 ni .

tambahkan kod ni
.post-title:hover {
color : kod warna tulisan;
font-size: saiz tulisan yg awak nk;
}
atau
h3.post-title:hover {
color : kod warna tulisan;
font-size: saiz tulisan yg awak nk;
}
atau
.post h3:hover {
color : kod warna tulisan;
font-size: saiz tulisan yg awak nk;
}
dan pastekan kat bawah kod ni
.post-title {
background:#fcdddd;
border-bottom : 1px dashed #302f2f;
  margin: 5px;
}
atau
.post h3 {
background:#fcdddd;
border-bottom : 1px dashed #302f2f;
  margin: 5px;
}
atau
h3.post-title {
background:#fcdddd;
border-bottom : 1px dashed #302f2f;
  margin: 5px;
}
kod yang atas ni , boleh jadi juga yang template awak tak sama macam kod atas ni . tapi , pandai2lah fikir macamana nak letak ye .
dah siap ! tak faham ? tanyalah .
Share:

5 manusia berfikir:

  1. Assalamu'alaikum, shahidah...wah...pandainye ukhti buat tutorial ni ye...mmg best tau klau design cantik2 blog kte ni...shukran jaziilan 4 the tutorial ye! >_^

    ReplyDelete
  2. waalaikum salam ukhti . .
    afwan ukhtiQ :)

    ReplyDelete
  3. nk tnye bleh x shidah? mcmane nk buat link 'like' dr facebook utk stiap entry yg kte pos? :)

    ReplyDelete
  4. nak tanya , mana nak tahu kod warna tu ?

    ReplyDelete
  5. blh cari kt sni
    http://www.computerhope.com/htmcolor.htm

    ReplyDelete

Chat with me