創作內容

8 GP

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

作者:夏日薔薇│2007-09-07 17:48:34│巴幣:0│人氣:3163
修改地方圖檔說明




其實這個語法小屋本身就有內建囉
修改地方如下
打開小屋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
引用網址:https://home.gamer.com.tw/TrackBack.php?sn=504228
All rights reserved. 版權所有,保留一切權利

相關創作

同標籤作品搜尋:|CSS教學|

留言共 13 篇留言

夏多爾‧米菲‧艾因法
有教怎麼改Blog內文背景底色的CSS嗎?

我想要改 XD

09-07 18:04

夏日薔薇
妳改好了XD09-08 09:17
老爹
奇怪 我照你設定的用 剛剛有顯示出來 怎麼過一陣子就消失了..

09-08 17:02

老爹
有了 不用幫忙.=.=

09-08 17:07

水靈雲兒
謝謝分享^^~

09-08 19:04

成小玉
謝謝分享~~~

09-09 01:05

焱雁
我找了好久都不知道要去哪裡改那個的底色呢ˊˇˋ
幸好看到大大的文章
這就去改改看XD

09-09 09:37

小四生
我不會~大姐姐可以單一教學嗎??

09-18 00:15

墮落腐海の小兔子
薔薇大大太厲害了>_<

10-06 19:31

公主‧公主
讚!!

10-10 11:53

MoNkeY
我想問一下。

要如何把左邊的那塊巴哈姆特的圖片
用消失@@?

我覺得哪好礙眼=.=

11-16 20:29

夏日薔薇
.article_pic{
border:none;
height: 0px;
width: 0px;
}
}/*巴哈lago掰掰*/11-17 16:56

我的怪怪的><
新文章旁邊會出現我用的圖
可是GP值沒有耶..

11-19 23:02


><~SORRY
它出現了
感謝

11-19 23:04

安娜貝爾
可以請教你嗎?
我想上傳的圖片是
140*200*206kb
那高度和寬度怎麼改>"<
我圖片想放右邊

我改好多天了..都不成功
可以教我嗎>"<?

拜託~~

02-25 19:36

我要留言提醒:您尚未登入,請先登入再留言

8喜歡★janeyang 可決定是否刪除您的留言,請勿發表違反站規文字。

前一篇:CSS自定板面-右邊選單... 後一篇:CSS自定板面-連結加底...

追蹤私訊切換新版閱覽

作品資料夾

chanxin95107所有老師們
翻譯菜鳥一枚,放了些蔚藍檔案的翻譯作品在小屋裡,有興趣的歡迎挑看選看( • ω•́ )✧看更多我要大聲說昨天19:22


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

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