創作內容

20 GP

小屋系統預設圖片更換教學 - PART 4

作者:淵│2007-09-06 22:11:13│巴幣:0│人氣:5365
感謝大家不棄嫌m(_ _)m



那就容我這個門外漢繼續班門弄斧吧~~~



今天來教大家換這個。


紅色圈起來的部分,我想應該也有人動過腦筋想換掉它....
我參考了
u4大這一篇
想出了比較簡單的方法讓大家看懂。
不過千萬記得一定要備分哦~~~


在這裡先謝謝
u4大的教學:P


教學開始。


1.看一下這張圖,
對了....這段文字在自訂CSS裡面是找不到的="=要自己輸入哦

我解釋一下標出123456的那幾段意思。

(1)是指你想放那張圖片的高度。
至於寬度呢,由於這個地方的欄位寬度大概在173px左右,所以我建議圖片的寬度請約設在175左右。
(2)這是你想放的圖片連結。
(3)是指你的圖片想放靠左靠右還是靠中間...當然沒有靠北邊啦,

靠左:left<我圖片裡的t好像被我塗到了="=> 靠右:right 置中:center
(4)就是剛剛一開始最上面那張圖用紅線圈起來的、那堆標題的顏色。
(5)這指你的標題要離左邊的界線多遠。當然啦,你也可以把left改成right,請自行嘗試,本人不負責後果....
(6)這是代表你的標題離上一行要多高。

2.文字敘述是這樣,大家可以考慮複製回家用看看。
哦對了,可能有人問要放在哪哩,
我是放在CSS語法的最下面啦~~這樣比較好找。


/*------右下的標題格式-------*/
.post_title {
height:數字px;/*圖片高度*/
background-image:url(http://圖片網址);
background-position:left;
COLOR: #;
PADDING-left:70; /*←文字與左方的距離,請自行調整。*/
PADDING-top :25; /*←文字與上方的距離,請自行調整。*/
}


3.請按『確定送出』。
4.可以參考一下我已經換成功的右邊欄位看看哦。





引用網址:https://home.gamer.com.tw/TrackBack.php?sn=667743
All rights reserved. 版權所有,保留一切權利

相關創作

留言共 25 篇留言

阿築
搶頭香 >///<

09-06 22:16


XD感謝你這麼支持我09-06 22:17
藏鏡咪咪
來幫你加油打氣~^^
我剛剛寫了一篇閃字教學~有興趣的話~歡迎來看看喔^^

09-06 22:30

異 / 啻異
很仔細唷!
我通常都只提供CLASS的名稱跟基本組件就當作沒事一樣(←很壞)
比較沒基礎的巴友看到大概都會傷腦筋吧
寫的很棒>3<~/

09-06 23:03


您提供的語法剛好解決我研究很久的困擾...
因為我是門外漢啊XD~09-06 23:04
御風
沒想到還有4 淵姐的教學是我很容易的懂得~

09-06 23:27


其實還有part5...只是我正在煩惱按鈕要怎麼寫教學= =
因為有夠複雜的Orz09-06 23:30
遺忘
每篇一推,就屬Houup的教學最容易懂~"~

09-06 23:45

小屋因故停止更新
XD (還有part5呀XD)
繼續收集~
一樣收藏+GP
~~~~~

09-07 01:08

高木 碁伸駿
只有文字的教學都看不懂啦 還是一圖解千文最棒>///<

09-07 10:33

柳丁
有再幫人製作專屬的 CSS 嗎 XD (奔

09-07 15:02


請不要拿柳丁來付款就考慮....09-07 19:11
昨日夢醒今日醉
這篇我還是要推回去~推

09-07 18:04

赫斯蒂亞
嗯~
請問一個問題,要是不想用底圖,想讓他直接透明,怎麼用呢??
教學辛苦囉^^

09-07 22:01


應該還是要用底圖....
就用繪圖軟體弄出一個1*1大小的透明圖放上去就可以了。
09-07 22:20
路人喵
謝謝妳 又讓我把我的小屋更新了!

謝謝大大的教學^^

09-07 23:57

Glass
努力地推啊~~~~~~!

打包打包 = =+

09-08 20:48

~Ceylon錫蘭~
收藏去了!感恩啊~>口<

09-08 23:44

魔獸過夜
3Q

09-14 13:46

逆襲
警察來了

老闆叫我要在10秒內全打包走

09-22 18:29

Miyami
好棒的解說,簡單易懂阿(大推

10-25 20:02

奸仔蘭˙華麗閃耀
淵大
我寫了這段放在最下面~
/*------右下的標題格式-------*/
.post_title {
height:50px;/*圖片高度*/
background-image:url(http://farm3.static.flickr.com/2264/1840454720_325c79ea97_o.jpg);
background-position:left;
COLOR:7D055A#;
PADDING-left:70; /*←文字與左方的距離,請自行調整。*/
PADDING-top :25; /*←文字與上方的距離,請自行調整。*/
}
可是沒有圖耶ˊˋ

11-04 10:20


我試過了,是有圖的哦,你這段沒寫錯
應該是其他地方沒改到吧...我懶得去翻(逃)11-05 00:09
奸仔蘭˙華麗閃耀
淵大
我寫了這段放在最下面~
/*------右下的標題格式-------*/
.post_title {
height:50px;/*圖片高度*/
background-image:url(http://farm3.static.flickr.com/2264/1840454720_325c79ea97_o.jpg);
background-position:left;
COLOR:7D055A#;
PADDING-left:70; /*←文字與左方的距離,請自行調整。*/
PADDING-top :25; /*←文字與上方的距離,請自行調整。*/
}
可是沒有圖耶ˊˋ

11-04 10:20

奸仔蘭˙華麗閃耀
阿@@a??
我修改這邊
還需要修改別的地方嗎@@
我是直接複製你那一段放在最下面
可是沒有顯示啊ˊˋ

11-05 00:20

奸仔蘭˙華麗閃耀
找到問題點了
因為我放在div.footer 下面
所以他就直接改了這一塊
因此我放在上面就行了=口="

11-05 00:39

奸仔蘭˙華麗閃耀
找到問題點了
因為我放在div.footer 下面
所以他就直接改了這一塊
因此我放在上面就行了=口="

11-05 00:39

小八
好厲害!!!!

11-20 14:13

皇羅
感謝教學~~~

12-26 15:36

小角落..
謝謝你的教學~~總是圖文並茂~~
可是請問一下~我圖片可以出來~
可是會造成一整條~~白白的..
有辦法項您那樣~字後面是透明的嗎?
因為我的圖示GIF檔~項您那樣小小一張而已..
一直弄不好><
我知道有個語法是透明的filter:alpha(opacity=70);
不過如果用0的話~會連字 整個都消失吧~
麻煩解答一下><~感謝你..

02-02 11:52


精華教學

08-21 19:25

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

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

前一篇:小屋系統預設圖片更換教學... 後一篇:小屋系統預設圖片更換教學...

追蹤私訊切換新版閱覽

作品資料夾

SALOL~~
望德勒斯圖書館更新中~看更多我要大聲說昨天20:58


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

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