小屋系統預設圖片更換教學番外篇 - 巴哈姆特完全攻略(?)

今天這一篇讓各位徹底打贏巴哈姆特(?)

<<09/16新增補充教學用圖片>>

根據u4大在【CSS】巴哈小屋，首頁巴哈姆特圖修掉法這一篇的教學，

今天來讓各位學會如何完全隱藏巴哈姆特龍，順便放個新圖片上去~~
↓↓↓↓就是它↓↓↓↓

(因為這部分本來是站方預定設為上傳圖片後可以直接看到的部分，只是現在還沒開放)

建議各位在開始修改之前還是要備分哦~~

教學開始。

1.請打開

2.找到下面這段連結

請把這整段修改成下面這樣：

.article_pic{
/*border-left:1px dashed #F67383;*/
/*border-right:1px dashed #F67383;*/
/*border-top:1px dashed #F67383;*/
/*border-bottom:1px dashed #F67383;*/
border:none;
height: 0px;
width: 0px;

會這樣做是順便幫大家備個份，萬一將來站方開放此功能的話，只要把最後三行消掉
然後把第二~四行的『/*』消掉就可以了

3.按照以上作法完成的話，圖示會類似我下面這張

4.如果滿足於如此...請直接按『確定送出』

5.以下應該算是進階教學(?)

接下來請找到下面這段原始的CSS

請將這一整段修改如下：

.articlebox{
border:1px dashed #F67383;
background:url(http://圖片連結) no-repeat;
/*background:#FCD8D8;*/
background-position:left;
padding-left:15px;
height:136px;
width:720px;/*這一行的意思是強制寬度變成720px(寬度可以自訂)*/
/*width:100%;*/
}/*個人部落閣最新文章及GP值底色*/

原因和上面的一樣，幫大家備份@@
當然，其中的『width:720』，這個720請你自己調整，看你想放多大多小都可以，

↓↓↓做到這裡的話，大概會像下面這樣↓↓↓

至於圖片的部分，請各位把自己想放的圖片放在上面寫的『圖片連結』
要調整圖片靠左靠右放的話，
請修改上面的background-position，靠左：left、靠右：right、置中：center
當然也不要忘記調整一下高度height，才可以讓你的圖片完全秀出來，這裡要設成你這張圖的高度哦~

↓↓↓做到這裡的話，大概像下面這樣子↓↓↓

6.可能有人會問，如果圖片靠左放，可是文字也是靠左啊~~那怎麼辦?
請調整上面的padding-left，這是文字距離左邊的框框有多遠的意思
如果你的圖片不是涵蓋住整張圖的話，
就大概看一下你的圖片有多寬，然後再加一點數字放在padding-left這裡就好了，
如果你按照上面的程序，然後剛好又和我一樣圖片放左邊的話，
用預覽看的話大概就會像下面這樣嚕~~

7.不過照我這樣做的話只會有一個缺點，因為這裡的圖片和GP那邊的圖片是共用的，
按照我的方法作的話，
GP那裡的樣子會變成下面這樣↓↓↓

雖然我覺得這樣還蠻可愛的啦，哈哈XD

u4大在這裡是有建議可以不要放padding，改成text-align:center可能會更好，
如果把『padding-left:15px;』換成『text-align:center;』的話，
↓↓↓GP這裡就會回復到原來這樣↓↓↓

不過這個請看得懂的人再改="=看不懂的人就儘量不要勉強(汗)

7.如果預覽看完很順眼的話，就按『確定送出』吧~

--
順便替我自己打個廣告好了="=....
聽說我有參加小屋改造王，有興趣的人可以考慮幫我按一下喝采這樣...

LINE 分享

留言

2007-09-15 20:32異 / 啻異：
不過articlebox基本上會影響到
部落格的GP欄位
所以不是很建議放圖片就是
而PADDING 比較建議用text-align:center "置中"去替代
比較不會發生gp數字會被壓在右邊壓死死的狀況(汗)

2007-09-15 20:37淵：原來是這樣啊，
因為我以為是因為我圖片太大張的關係所以GP才被壓到右邊去@@
咦不對...圖片好像是設成底色="=我在想什麼
2007-09-15 20:52淵：好了，補充完成@_@
2007-09-15 20:43Beautiful Things：
先推~~~~~來試試看@@"
(這是我問淵姐的，於是他又被我煩到在決定寫一篇教學0.0)
2007-09-15 20:45異 / 啻異：
CYCLONER>>
你剛的問題我回了我水球關閉的理由也有回覆 (飄走)
2007-09-15 21:20琉璃：
淵姐如果是共用的話
那是不是就針對換一個地方比較好??

看是要換龍還是換文章內容的另一張圖 (右邊) ??

擇其一換一邊就好???
2007-09-15 21:28淵：當然也可以啊~　你如果只要把龍拿掉，把框線拉大的話，
那第五步驟當中提到的圖片連結的那條就可以拿掉不要放，
只要記得設一個你想要的底色就好了，或是你不想設底色也可以
然後把框線拉大就OK嚕，就是上面提到的720的部分
2007-09-16 07:48淵：啊啊~~上面的說明我剛有重新更新過了，你可以再看一下。
2007-09-16 05:25阿葉神：
淵姐幫你喝彩了Ａ＿Ａ

喔喔！那我今天要去打敗巴哈姆特！（誤
2007-09-16 07:48淵：感恩~~
2007-09-16 13:50*摘星子*：
我成功征服了^0^/
不過對抗的過程中
發現大大有些小地方好像遺漏了
例如:
.article_pic{
/*border-left:1px dashed #F67383;
/*border-right:1px dashed #F67383;
/*border-top:1px dashed #F67383;
/*border-bottom:1px dashed #F67383;
這四行少了右側的*/
所以複製貼上之後龍還沒死="=
我的修正如下
/*border-left:1px dashed #F67383;*/
/*border-right:1px dashed #F67383;*/
/*border-top:1px dashed #F67383;*/
/*border-bottom:1px dashed #F67383;*/

再來還有個地方是
width:720;/*這一行的意思是強制寬度變成720px(寬度可以自訂)*/
這裡的width:720是不是應該要加上px
變成
width:720px;

以上是我所發現的小地方
好奇提出來而已
感謝大大的攻略喔~^^
(這個對我最實用了~早就想把龍給打掉了XD)

2007-09-16 19:44淵：感恩~我修改一下@@
2007-09-16 17:29炎髮灼眼的殺手!!：
很讚喔!!
2007-09-17 00:39綾奈：
你的教學都很清楚實用~~謝謝分享^^
2007-09-18 01:23琉璃：
謝謝淵姐的分享教學 ^_^
我先照第3步驟就好

有空再研究第5步驟的地方
好文我先收藏 ^_^　
2007-09-18 08:09Beatrice：
推一個！（￣▽￣）y
2007-09-18 08:16素敵的制服娘。：
感恩Q_Q+
2007-09-18 14:19豬排：
讚喔淵姐，讓我收藏吧ㄎㄎ
2007-09-19 11:04熊田清十郎：
直接把站長約出來
然後.....
2007-09-19 19:34淵：我害怕他的一拳兩百磅(抖)
2007-09-19 16:39Boshian：
感謝大大分享...

好詳細的教學...

原來巴哈姆特龍也能改掉@@"

推推!!
2007-09-19 21:39Charmmy貓：
收藏起來嚕謝謝大大分享^^
2007-09-20 23:06darren：
-.-試了很久..龍都死一百年了= =" 但是我的圖就是放不上去啦.....
我的ccs如下:↓
.articlebox{
border:1px dashed #F67383;
background:url(http://pic45.pic.wretch.cc/photos/9/d/darren309/1/1204345376.jpg)no-repeat;
background:#FCD8D8;
background-position:left;
padding-left:15px;
height:96px;
width:720px;/*這一行的意思是強制寬度變成720px(寬度可以自訂)*/
/*width:100%;*/
}/*個人部落閣最新文章及GP值底色*/

也看不出有啥問題-.-我的圖片是96*96的~
2007-09-22 15:07淵：你的圖片不能顯示當然放不上去...
2007-09-20 23:07darren：
希望老大您能替我解決問題ˊˋ+
2007-09-23 02:30小屋因故停止更新：
很棒的文章~謝謝分享!
2007-09-23 11:51ミ★eyes：
請問
我的龍已經成功遮蓋了
為什麼依照下列

.articlebox{
border:1px dashed #F67383;
background:url(http://圖片連結) no-repeat;
background:#FCD8D8;
background-position:left;
padding-left:15px;
height:136px;
width:720px;/*這一行的意思是強制寬度變成720px(寬度可以自訂)*/
/*width:100%;*/
}/*個人部落閣最新文章及GP值底色*/

只有文章最新文章的文章部分框框裡顏色改變
圖片也都能顯示
卻看不到圖片出現QQ...
2007-09-23 22:06淵：你的框框寬度要修改哦，然後height最少都要改成和你的圖片一樣高，
然後圖片請不要用相簿的。
2007-09-24 00:51此人已死有事燒紙：
謝謝你的教學>口<
2007-09-24 16:32°×糖伊×°：
感謝U4和淵的教學哦>///<
2007-09-24 17:00ミ★eyes：
請問圖片有限制大小嗎??
我的圖片蠻大的qq...
怎麼去計算圖片大小呢??
2007-09-30 16:08淵：對圖片按右鍵→選『內容』，就可以看到圖片大小
2007-09-25 22:23~Ceylon錫蘭~：
非常實用資訊，感恩啊!>口<
2007-09-26 02:32奸仔蘭˙華麗閃耀：
我的圖像也放不上去耶@@
.articlebox{
border:1px dashed #F67383;
background:url(https://avatar2.bahamut.com.tw/avataruserpic/m/m/mmx10044/mmx10044_s.png) no-repeat;no-repeat;
background:#FCD8D8;
background-position:center;
padding-left:15px;
height:136px;
width:720px;/*這一行的意思是強制寬度變成720px(寬度可以自訂)*/
/*width:100%;*/
}/*個人部落閣最新文章及GP值底色*/
我用巴哈的人物頭像來做試驗
還是無法顯示耶@@
2007-09-30 11:22淵：我試過了，可以顯示哦~~
是因為你的『no-repeat;』打了兩個吧="=
2007-09-26 13:02奸仔蘭˙華麗閃耀：
我利用教學區的上傳教學上傳了一張圖
然後改了~
.articlebox{
border:1px dashed #F67383;
background:url(http://http://img295.imageshack.us/img295/1090/s2nr5.png) no-repeat;
background:#FCD8D8;
background-position:left;
padding-left:15px;
height:175px;
width:720px;/*這一行的意思是強制寬度變成720px(寬度可以自訂)*/
/*width:100%;*/
}/*個人部落閣最新文章及GP值底色*/
依然無法顯示圖片耶@@
怎麼會這樣呢@@??
難道是因為大小超過50KM??
2007-09-30 11:17淵：你的網址有兩個http://啊~~~
2007-09-30 16:14奸仔蘭˙華麗閃耀：
我照您試過而且可以的語法再是一次
並且把no-repeat;去掉一個
還是無法顯示
難道是因為我其他地方的修改遮罩帶這邊嗎@@??
2007-10-01 12:17淵：有可能= ="
2007-09-30 16:32奸仔蘭˙華麗閃耀：
我採用~如語娃娃(indream228)大大的語法
.articlebox{
width:720px;
background-image : url(http://);
background-repeat:no-repeat;
background-attachment: fixed;
background-position:left;
padding:10px;/*邊框空白10，依所需調整數值*/
border:0px;
}
雖然成功的出現圖片
但是卻又發生新的問題
一是我邊框不見了
border:0px我設成2好像也沒差別@@
再來是文字無法右移
我有+語法padding-left:50px;一樣沒用@@a
而且我的GP區則變的很小我該怎麼半啊>"<
2007-09-30 16:45奸仔蘭˙華麗閃耀：
我文字右移成功了
但是GP區依然很小
有不知道怎用用出邊線
感覺有邊線會比較好看@@
2007-09-30 17:50奸仔蘭˙華麗閃耀：
我的問題如語大大已經處理好了
謝謝^^~
2007-10-01 12:17淵：那就好:D
2007-10-05 16:05RAIN：
@@ 真的沒想到勇士小屋可以玩的和無名網誌一樣
謝謝淵大大~
收藏了好幾篇~
回去研究試看看囉 ^^
2007-10-08 15:12翂小妞：
我試了很多次不知道哪裡不對麻煩淵大告訴我~"~

.articlebox{
border:1px dashed #F67383;
background:url(http://img515.imageshack.us/img515/2199/49158932yf0.jpg) no-repeat;
background:#FCD8D8;
background-position:center;
padding-left:113px;
height:125px;
width:720px;/*這一行的意思是強制寬度變成720px(寬度可以自訂)*/
/*width:100%;*/
}/*個人部落閣最新文章及GP值底色*/
2007-10-08 17:24淵：你把『background:#FCD8D8;』這句拿掉就可以了。
2007-10-10 22:38りょう〃Ryo：
感激淵姐的教導!! 我終於擊敗龍了ㄒwㄒ!!...(遠目
2007-10-14 09:29涼絆：
我成功了，可是底色是粉紅色不是我要的顏色

這要麼改呀@@?
2007-10-14 13:39淵：那你要把『#fcd8d8』換成你要的顏色
這是粉紅色的色碼^^
2007-10-17 17:47FUN：
不好意思打擾囉＠＠"
想請淵姐替我看看我放圖片的語法
因為圖片無法顯示
謝謝~

.articlebox{
border:1px dashed #F67383;
background:url(http://img521.imageshack.us/img521/7486/93274185xl9.jpg) no-repeat;
background:#FFFFFF;
background-position:left;
padding-left:15px;
height:136px;
width:720px;/*這一行的意思是強制寬度變成720px(寬度可以自訂)*/
/*width:100%;*/
}/*個人部落閣最新文章及GP值底色*/
2007-10-17 18:29淵：你要把高度改成182...
其他框線顏色你也可以換成你想要的，不一定要跟我的一樣哦

.articlebox{
border:1px dashed #F67383;
background:url(http://img521.imageshack.us/img521/7486/93274185xl9.jpg) no-repeat;
background:#FFFFFF;
background-position:left;
padding-left:15px;
height:136px;/*←←把這裡的136換成你圖片高度的182*/
width:720px;
/*width:100%;*/
}/*個人部落閣最新文章及GP值底色*/
2007-10-22 22:43肥波：
感激不盡~!
你幫了大忙，
讓我把你推上天吧!!!!
(坐在電腦前兩個小時的奮戰是有代價的XD)
2007-10-25 01:26桃之夭夭：
修改成功^^~喔耶~~推推~~
對囉~第5點應該要加寫上<放上圖片後要把background:#FCD8D8;>刪掉，
圖片才會顯示^_^
2007-10-30 13:22小漾：
放上圖片後好像要把
background:url(http://圖片連結) no-repeat;
的no-repeat拿掉變成
background:url(http://圖片連結);
圖片才會出現呢@@"

總之謝謝教學
2007-11-03 12:22雷蒙：
我最後是把

background:#FCD8D8;

這行拿掉，圖片就出來了

照著教學作，整個小屋換然一新呀ＸＤ
2007-11-03 15:43Sanro.(塑膠樹)：
請問淵大大..
我的圖顯示之後QQ..
按下文章去...
GP圖那裡..大大說的我看不懂..不知去哪改ˊˋ..

如果想留下文章前面的圖..
但不想在GP那顯示圖片的話..
該怎麼弄呢..

還是說還沒出現解決方法XD?
2007-11-04 10:22cobii9：
我用了超久= =
每次用就是在怪怪的地方
終於用好了>口<
感謝淵大XD!
2007-11-06 15:51昨日夢醒今日醉：
大人這篇我要收藏><~推
2007-11-08 13:30幻~☆：
感謝~
2007-11-14 21:40梓娟：
謝謝教學=ˇ=
我吃到腦裡了
2007-11-16 20:07小桔：
謝謝分享
2007-11-18 03:28Aquarius楓：
.articlebox
{border:1px dashed #F67383;
background:url(http://blufiles.storage.live.com/y1poi0fvB9tPmmU1FXJ9dISwY8gUDx5jjw_yXyRNAjDdboUCuFbQqgHIY3b2if3-KSeXrAmPWvEBEk/最新文章_巴哈姆特.jpg) no-repeat;
background:#FCD8D8;
background-position:center;
padding-left:15px;
height:136px;
/*這一行的意思是強制寬度變成720px(寬度可以自訂)*/
width:720px;
/*width:100%;*/}

大姐大..可以幫我看看為什麼不能顯示嗎=.=
2007-11-18 20:53淵：你的圖片有問題，不能顯示。
2007-11-19 10:17Aquarius楓：
圖片可以阿@@"
我把它換到留言版可以顯示耶~"~
2007-11-19 21:59淵：現在可以了，我昨天看的時候不能顯示
2007-12-24 09:51情無獨鍾☆〃：
讚@@!! 簡單容易明白
2007-12-26 19:27淵：謝謝誇獎~^^
2007-12-29 21:35舞小雪：
請問大大
為什麼我的圖片也是出不來= =?
麻煩幫我看看哪裡錯了QQ
.articlebox{
border:1px dashed #78EBFF;
background:url(http://i239.photobucket.com/albums/ff258/maikoyuki/3-13.gif) no-repeat;
background:#E2F4FF;
background-position:left;
padding-left:15px;
height:136px;
width:720px;
/*width:100%;*/
(中間我的框框藍色但外面怎還是白的@@?)
2007-12-29 22:37淵：把『background:#E2F4FF;』拿掉
然後建議你的『padding-left:15px;』設多一點，
把15改成70比較好一點。
2008-01-08 17:53*~飄飄娃~*：
我的圖用了好久都出不來....大大可以幫我看看嗎...真是謝謝哩了
.articlebox{
border:1px dashed #F67383;
background:url(http://img301.imageshack.us/my.php?image=1475860867kt9.gif) no-repeat;
background-position:left;
padding-left:15px;
height:100px;
width:720px;/*這一行的意思是強制寬度變成720px(寬度可以自訂)*/
/*width:100%;*/
}/*個人部落閣最新文章及GP值底色*/
2008-01-09 08:39淵：你的圖換個地方放吧...
2008-01-10 18:42彼岸花開〞：
good>////<
2008-01-12 13:29MiRu：
.articlebox{
border:1px dashed #F67383;
background:url(http://hk.geocities.com/an820617/Q.jpg)no-repeat;
background:#FCD8D8;
background-position:left;/*靠左：left、靠右：right、置中：center*/
padding-left:15px;;/*這是文字距離左邊的框框有多遠的意思*/
height:165px;/*圖片高度*/
width:400px;/*這一行的意思是強制寬度變成720px(寬度可以自訂)*/
/*width:100%;*/
}/*個人部落閣最新文章及GP值底色*/

請問,,,我有哪裡做錯嗎 ?
試了好多遍..還是不能耶>"<
2008-01-12 21:17淵：.articlebox{
border:1px dashed #F67383;
background:url(http://hk.geocities.com/an820617/Q.jpg) no-repeat;
background-position:left;
padding-left:170px;
height:165px;
width:720px;
}/*個人部落閣最新文章及GP值底色*/

你把上面這段複製過去蓋上。
2008-01-12 13:31MiRu：
忘記說了... 我圖片一直顯示不出來
2008-01-13 09:59MiRu：
再請問一下喔!!

要怎麼讓圖片的背景變成是透明的啊 ~__~

後面白白的好討厭!!
2008-01-13 17:53昑綠：
我用了以後....裡面那個框變粉紅色的@@

P.S.請問.....透明化怎麼用>"<...我用了以後是變白色的ˊˋ
2008-01-15 08:05小啵：
這篇幫助到我了
2008-01-15 23:32夏：
謝謝你~~我有用到..謝謝~~
2008-01-20 11:57奇萊山道之神：
我就是要找這篇文章!!

終於找到了~~

呵~~~
2008-01-20 13:46奇萊山道之神：
.articlebox{
border:1px dashed #87AC80;
background:url(http://farm3.static.flickr.com/2405/2203740964_dfbefc5588_o.jpg) no-repeat;
background: none;
background-position:left;
padding-left:200px;
height:136px;
width:650px;/*這一行的意思是強制寬度變成720px(寬度可以自訂)*/
/*width:100%;*/
我的圖也是出不來耶!!
出了什麼問題呢?
2008-01-21 01:12淵：把『background: none;』拿掉
2008-01-21 06:27太虛神女：
.articlebox{
border:1px dashed #FFFFFF;
background:url(http://farm3.static.flickr.com/2307/1815204946_1e2b3ef5d2_o.gif) no-repeat;
background-position:left;
padding-left:150px;
height:136px;
width:999px;/*這一行的意思是強制寬度變成720px(寬度可以自訂)*/
/*width:100%;*/

我的框框還是不會變大
字也壓在圖上面
這要怎麼處理
2008-01-22 04:24太虛神女：
我這隻白癡問了之後今天發現原本的.articlebox{一整串都還在難怪會不能放大框框= =
2008-02-04 19:54赫爾萊恩。小赫：
大人＞＜我的圖片出不來耶！！
.articlebox{
border:1px dashed #F67383;
background:url(http://xs224.xs.to/xs224/08061/2663222950275.jpg) no-repeat;
background:#FFFFF4;
background-position:left;
padding-left:15px;
height:136px;
width:720px;/*這一行的意思是強制寬度變成720px(寬度可以自訂)*/
/*width:100%;*/
}/*個人部落閣最新文章及GP值底色*/
請救救我吧！！感恩呀～
2008-02-04 20:00赫爾萊恩。小赫：
^^我的圖片出來了～
看了一下大家的問題，發現在下的問題和小雪大人的一樣
所以就試著改了一下，沒想到成功了＞＜
不過，請問～背景顏色還可以設定嗎！？
2008-02-13 16:22小角落..：
寫的太讚了~~感謝你的教學>Q<
2008-02-24 12:28大和瑰娃：
好食! ￣﹁￣
2008-03-01 16:52卡歐斯：
感謝分享XD
2008-04-05 19:43風的名字：
哇~謝謝你！

我終於可以把祂換成黑龍了~~喔耶！

可是...不知道為什麼左上角有個怪異的白點點...

為什麼勒？

這是我的ｃｓｓ
.articlebox{
border:1px dashed white;
background:url(http://hk.geocities.com/helen761127/112.JPG);
background-position:left;
padding-left:125px;
height:120px;
width:720px;/*這一行的意思是強制寬度變成720px(寬度可以自訂)*/
/*width:120%;*/
}/*個人部落閣最新文章及GP值底色*/

可以麻煩你幫我看一下嗎@@?謝謝你~
2008-04-06 13:14淵：你找找這個↓↓↓
/*----個人部落閣----*/

看看這段裡面有沒有padding-left這玩意兒...
應該是你的字太左邊，或是你這裡的圖片網址沒有設定好。
2008-04-15 12:28百香綠：
你好，我試了你的方法我好像不行，想請你幫忙看看是哪裡出錯↓

/*個人部落閣最新文章及GP值底色*/
.articlebox{
border:1px dashed #F67383;
background:url(http://farm3.static.flickr.com/2171/2026765098_4d11ffaeda_m.jpg) no-repeat;
background:#FCD8D8;
background-position:left;
padding-left:15px;
height:180px;
width:720px;/*這一行的意思是強制寬度變成720px(寬度可以自訂)*/
/*width:100%;*/

↑…以上，可以的話有勞了。
2008-04-15 22:31淵：你有兩個background...

把第四行的「background:#FCD8D8;」拿掉看看
2008-04-16 17:20百香綠：
哦哦，有出來了。後繼又出現了兩個問題= =
變成這樣↓
http://farm4.static.flickr.com/3170/2418513768_a79bc42f8e_o.jpg

1.圖片我按照大小有調"height:180px;"卻依然是這樣
而我又去調整不管多少都不會變高度= =

2.圖片右邊全部變成紅的= ="原本沒有

有勞了。
2008-04-27 20:58JET Evo版：
請問一下大大
我改了CSS改完後卻變成這樣不知道要怎麼改
.article_pic{
border-left:1px solid #A7DEFF;
border-right:1PX solid #A7DEFF;
border-top:1px solid #A7DEFF;
border-bottom:1PXsolid #A7DEFF;
border:none;
height: 0px;
width: 0px;
}/*文章或畫作的縮圖邊框*/
.articlebox{
border:1px dashed #F67383;
background:url(http://i263.photobucket.com/albums/ii148/cs24912616/00.jpg) no-repeat;
/*background:#FCD8D8;*/
background-position:left;
padding-left:15px;
height:136px;
width:136px;/*這一行的意思是強制寬度變成720px(寬度可以自訂)*/
/*width:100%;*/
}
/*個人部落閣最新文章及GP值底色*/

改完後

把padding-left:15px;換成text-align:center;後
換完後
我想讓文章標題問字跟第2張圖一樣是橫的但是標題不要去蓋到圖片要怎麼做?

圖片要怎麼放到靠近距離左邊紅線30px左右的距離呢?
我已經把這段background-position:left;改成置於左邊了顯示出來就像上面的圖那樣

請問大大這樣要怎麼改呢?
2008-04-29 20:36月影‧塵：
articlebox{
border:1px dashed #F67383;
background:url(http://i234.photobucket.com/albums/ee193/nervkaworu/6111N09W9GL_SS500_-1.jpg) no-repeat;
/*background:#FCD8D8;*/
background-position:left;
text-align:center;
height:136px;
width:720px;/*這一行的意思是強制寬度變成720px(寬度可以自訂)*/
/*width:100%;*/
}/*個人部落閣最新文章及GP值底色*/

.article_pic{
/*border-left:1px dashed #F67383;*/
/*border-right:1px dashed #F67383;*/
/*border-top:1px dashed #F67383;*/
/*border-bottom:1px dashed #F67383;*/
border:none;
height: 0px;
width: 0px;
}/*個人部落閣文章版主回應分色線*/

改完後會有一圈粉紅色的虛線
請問那個怎麼刪掉呢?
2008-05-26 19:12大羊駝毛：
（￣▽￣）y
2008-06-12 21:55シニガミ・アルファ：
.articlebox{
border:1px dashed #F67383;
background:url(http://i192.photobucket.com/albums/z309/uc007900830093/cv1jap.jpg) no-repeat;
/*background:#FCD8D8;*/
background-position:left;
padding-left:150px;
height:90px;
width:720px;/*這一行的意思是強制寬度變成720px(寬度可以自訂)*/
/*width:100%;*/
}/*個人部落閣最新文章及GP值底色*/

和樓上一樣的問題，改完以後會有一圈紅色虛線框，這個要從哪裡改掉呢?
2008-06-12 23:48御前拔刀衛士：
.articlebox{
border:1px dashed #F67383;
第二行的位置後面那個#後面的數字改掉就可以換掉顏色框了
我是改成040000 就會變成黑色
至於顏色碼去網路找找就有了!!

最後感謝開板大這篇太棒了
2008-08-20 17:29樹﹡：
XD我的版終於會改了
2008-08-21 19:27澪：
精華
2008-09-03 18:17勾陳薩瑪的小紅：
這篇幫了我大忙我蓷我推!!
2008-09-13 16:46闇葉：
感謝ˇ又邁向一步哩OWO/
2008-11-28 21:49小黑羊推車：
好文!!!
2009-03-02 19:15卡爾．Ｊ．山德羅：
非常感謝你的教學文~我看了後
有不少幫助可是我自己調整的問題還是不少
請問能否請你來幫忙看一下我的小屋呢@@?

我的勇者小屋
http://home.gamer.com.tw/home.php?owner=nemesis12
2009-03-23 22:11似是而飛ｖ：
感謝ˊˇˋ!
2009-09-16 13:10綺莉亞：
好文推推收藏!! :))
2010-03-05 03:53玖玖：
謝謝你喔>W<
2010-08-30 16:16Ling：
神作！！不推不行

小屋創作

日誌2007-09-15 20:24
小屋系統預設圖片更換教學番外篇 - 巴哈姆特完全攻略(?)

相關創作

《星辰戰將》不刪檔封測釋出相關遊戲介紹

[巴哈]巴哈姆特聖誕節佈景(圖)

這個吸血鬼倖存者要去哪裡找到289這個項次。有吸血鬼人員嗎?

留言

日誌2007-09-15 20:24小屋系統預設圖片更換教學番外篇 - 巴哈姆特完全攻略(?)

相關創作

《星辰戰將》不刪檔封測 釋出相關遊戲介紹

[巴哈]巴哈姆特聖誕節佈景(圖)

這個吸血鬼倖存者要去哪裡找到289這個項次。有吸血鬼人員嗎?

留言

日誌2007-09-15 20:24
小屋系統預設圖片更換教學番外篇 - 巴哈姆特完全攻略(?)

《星辰戰將》不刪檔封測釋出相關遊戲介紹