最近手癢又開始想要改東改西,今天不小心去逛到一個很多theme的網站,發現其中的一個theme有讓首頁的最新文章出現最新LOGO的寫法,基於mashup的風潮,所以要混搭,因此就把這功能給A了過來(我承認我很愛A東西XD),改法很簡單,幾個步驟就能夠搞定。
效果就如同敝站的首頁效果 – https://edblog.net
修改步驟1 – index.php
請在這下方加入一段語法
上方多加一個
修改步驟 2 – css
請在css檔案裡面增加下面這一段
.firstpost {
background-image: url(i/latest.gif); /*背景圖片位置*/
background-repeat: no-repeat; /*背景圖片不重複*/
background-position: right top; /*背景圖片出現位置, 預設為右上*/
}
background-image: url(i/latest.gif); /*背景圖片位置*/
background-repeat: no-repeat; /*背景圖片不重複*/
background-position: right top; /*背景圖片出現位置, 預設為右上*/
}
修改步驟 3 – 自備一個最新圖案,若暫時沒有可以A我的 XD
之後重新讀取首頁即可獲得此效果。
6 comments
To khaihiok,
沒有啦,是你不嫌棄 ^_^
To Carrie,
關於k2的theme我還要再研究,因為它的寫法跟其他的都不一樣。所以蠻麻煩的!
原來如此,那我就等你身體好些再研究囉!
目前好好享受看書的樂趣啦~
謝謝你,這個網站看起來很棒耶!
To Carrie,
我仔細看了k2的寫法,應該是要改theloop這個檔案,但是我試過之後沒效果Q_Q,k2弄得很複雜,要花一些時間研究了。
To khaihiok,
blogger不行喔,那寫法是給WP的,blogger的部份就不清楚了,至於CSS的寫法,有一個很好的網站可以推薦給你,http://www.hsiu28.net/ 這個網站的CSS教學非常清楚,有時候我都會去看一下語法,因為要背起來不太可能 =.= 給你參考囉 ^_^
我也想放在我的blog(Blogger beta),
我也是沒有php那部份。
請問有辦法加到Blogger beta嗎?
如果可以的話,
想先問一下那段CSS,
“背景圖片位置”,我知道要放圖片的網址,
“背景圖片不重複” 和 “背景圖片出現位置, 預設為右上” 的語法我就不會了,
請問語法要怎麼寫?
還是直接顯示中文就可以?
先謝謝了!
艾德,我使用的Theme是K2,所以我不知道該怎麼使用這樣的方式做首頁最新文章提示耶!因為你提供的index.php裡,我的並沒有,而是在theloop裡有一段
然後,我的theloop裡也沒有
所以,我該怎麼做才能像你一樣有這個功能呢?
麻煩囉^^