小屋創作

日誌2007-09-07 17:48

CSS自定板面-部落閣最新文章及GP值底色DIY

作者:夏日薔薇

修改地方圖檔說明




其實這個語法小屋本身就有內建囉
修改地方如下
打開小屋CSS
請由下往上找到這一段語法
.articlebox{
border:1px solid #B487B4;
background:#xxxxxx;
background-repeat: no-repeat;
background-position: right;
padding-left: 60px;
padding:10px;
width:100%;
height:126px;
}/*個人部落閣最新文章及GP值底色*/


紅色地方修改成
.articlebox{
border:1px solid #B487B4;
background:url(http://xxxxxx.jpg);
background-repeat: no-repeat;
background-position: right;
padding-left: 60px;
padding:10px;
width:100%;
height:126px;
}/*個人部落閣最新文章及GP值底色*/

就完成了

註:
背景是否重複:
背景圖重複排列 background-repeat : repeat;
背景圖片不重複 background-repeat : no-repeat;
width:為部落閣最新文章寬度,這邊不建議修改
height:為部落閣最新文章框架高度,可以依照您的圖檔大小修改
如果是要放單一圖案案的話別,建議圖案大小別太大,否則在GP值那邊的顯示會變的不完全
如果覺得要調整圖案是很麻煩的一件事,也可以選擇直接丟背景上去也行XD

8

13

LINE 分享

相關創作

CSS-勇者小屋重置

CSS-修改評價區圖

巴哈勇者小屋秋之精靈素材包

留言

開啟 APP

face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】