創作內容

53 GP

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

作者：淵│2007-09-15 20:24:33│巴幣：2│人氣：9833

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

<<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.如果預覽看完很順眼的話，就按『確定送出』吧~

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

喜歡 53 收藏 183 引用 1 留言推上首頁檢舉

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

相關創作

公布使徒，神王下一步！

【小屋推廣】小屋探尋~舊創作者與新創作者Part15

【露瑪島攻略】個人目前遊玩心得&攻略

被提拔「創作達人」一事之紀念

傳奇RPG頁遊《傳奇乾坤》搶先釋出遊戲資訊

留言共 83 篇留言

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

09-15 20:32

淵：
原來是這樣啊，
因為我以為是因為我圖片太大張的關係所以GP才被壓到右邊去@@
咦不對...圖片好像是設成底色="=我在想什麼09-15 20:37

淵：
好了，補充完成@_@09-15 20:52

Beautiful Things：
先推~~~~~來試試看@@"
(這是我問淵姐的，於是他又被我煩到在決定寫一篇教學0.0)

09-15 20:43

異 / 啻異：
CYCLONER>>
你剛的問題我回了我水球關閉的理由也有回覆 (飄走)

09-15 20:45

琉璃：
淵姐如果是共用的話
那是不是就針對換一個地方比較好??

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

擇其一換一邊就好???

09-15 21:20

淵：
當然也可以啊~　你如果只要把龍拿掉，把框線拉大的話，
那第五步驟當中提到的圖片連結的那條就可以拿掉不要放，
只要記得設一個你想要的底色就好了，或是你不想設底色也可以
然後把框線拉大就OK嚕，就是上面提到的720的部分09-15 21:28

淵：
啊啊~~上面的說明我剛有重新更新過了，你可以再看一下。09-16 07:48

阿葉神：
淵姐幫你喝彩了Ａ＿Ａ

喔喔！那我今天要去打敗巴哈姆特！（誤

09-16 05:25

淵：
感恩~~09-16 07:48

*摘星子*：
我成功征服了^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)

09-16 13:50

淵：
感恩~我修改一下@@09-16 19:44

炎髮灼眼的殺手!!：
很讚喔!!

09-16 17:29

綾奈：
你的教學都很清楚實用~~謝謝分享^^

09-17 00:39

琉璃：
謝謝淵姐的分享教學 ^_^
我先照第3步驟就好

有空再研究第5步驟的地方
好文我先收藏 ^_^　

09-18 01:23

Beatrice：
推一個！（￣▽￣）y

09-18 08:09

素敵的制服娘。：
感恩Q_Q+

09-18 08:16

豬排：
讚喔淵姐，讓我收藏吧ㄎㄎ

09-18 14:19

熊田清十郎：
直接把站長約出來
然後.....

09-19 11:04

淵：
我害怕他的一拳兩百磅(抖)09-19 19:34

Boshian：
感謝大大分享...

好詳細的教學...

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

推推!!

09-19 16:39

Charmmy貓：
收藏起來嚕謝謝大大分享^^

09-19 21:39

darren：
-.-試了很久..龍都死一百年了= =" 但是我的圖就是放不上去啦.....
我的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的~

09-20 23:06

淵：
你的圖片不能顯示當然放不上去...09-22 15:07

darren：
希望老大您能替我解決問題ˊˋ+

09-20 23:07

小屋因故停止更新：
很棒的文章~謝謝分享!

09-23 02:30

ミ★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...

09-23 11:51

淵：
你的框框寬度要修改哦，然後height最少都要改成和你的圖片一樣高，
然後圖片請不要用相簿的。09-23 22:06

此人已死有事燒紙：
謝謝你的教學>口<

09-24 00:51

°×糖伊×°：
感謝U4和淵的教學哦>///<

09-24 16:32

ミ★eyes：
請問圖片有限制大小嗎??
我的圖片蠻大的qq...
怎麼去計算圖片大小呢??

09-24 17:00

淵：
對圖片按右鍵→選『內容』，就可以看到圖片大小09-30 16:08

~Ceylon錫蘭~：
非常實用資訊，感恩啊!>口<

09-25 22:23

奸仔蘭˙華麗閃耀：
我的圖像也放不上去耶@@
.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值底色*/
我用巴哈的人物頭像來做試驗
還是無法顯示耶@@

09-26 02:32

淵：
我試過了，可以顯示哦~~
是因為你的『no-repeat;』打了兩個吧="=09-30 11:22

奸仔蘭˙華麗閃耀：
我利用教學區的上傳教學上傳了一張圖
然後改了~
.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??

09-26 13:02

淵：
你的網址有兩個http://啊~~~09-30 11:17

奸仔蘭˙華麗閃耀：
我照您試過而且可以的語法再是一次
並且把no-repeat;去掉一個
還是無法顯示
難道是因為我其他地方的修改遮罩帶這邊嗎@@??

09-30 16:14

淵：
有可能= ="10-01 12:17

奸仔蘭˙華麗閃耀：
我採用~如語娃娃(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區則變的很小我該怎麼半啊>"<

09-30 16:32

奸仔蘭˙華麗閃耀：
我文字右移成功了
但是GP區依然很小
有不知道怎用用出邊線
感覺有邊線會比較好看@@

09-30 16:45

奸仔蘭˙華麗閃耀：
我的問題如語大大已經處理好了
謝謝^^~

09-30 17:50

淵：
那就好:D10-01 12:17

RAIN：
@@ 真的沒想到勇士小屋可以玩的和無名網誌一樣
謝謝淵大大~
收藏了好幾篇~
回去研究試看看囉 ^^

10-05 16:05

翂小妞：
我試了很多次不知道哪裡不對麻煩淵大告訴我~"~

.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值底色*/

10-08 15:12

淵：
你把『background:#FCD8D8;』這句拿掉就可以了。10-08 17:24

りょう〃Ryo：
感激淵姐的教導!! 我終於擊敗龍了ㄒwㄒ!!...(遠目

10-10 22:38

涼絆：
我成功了，可是底色是粉紅色不是我要的顏色

這要麼改呀@@?

10-14 09:29

淵：
那你要把『#fcd8d8』換成你要的顏色
這是粉紅色的色碼^^10-14 13:39

FUN：
不好意思打擾囉＠＠"
想請淵姐替我看看我放圖片的語法
因為圖片無法顯示
謝謝~

.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值底色*/

10-17 17:47

淵：
你要把高度改成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值底色*/10-17 18:29

肥波：
感激不盡~!
你幫了大忙，
讓我把你推上天吧!!!!
(坐在電腦前兩個小時的奮戰是有代價的XD)

10-22 22:43

桃之夭夭：
修改成功^^~喔耶~~推推~~
對囉~第5點應該要加寫上<放上圖片後要把background:#FCD8D8;>刪掉，
圖片才會顯示^_^

10-25 01:26

小漾：
放上圖片後好像要把
background:url(http://圖片連結) no-repeat;
的no-repeat拿掉變成
background:url(http://圖片連結);
圖片才會出現呢@@"

總之謝謝教學

10-30 13:22

雷蒙：
我最後是把

background:#FCD8D8;

這行拿掉，圖片就出來了

照著教學作，整個小屋換然一新呀ＸＤ

11-03 12:22

Sanro.(塑膠樹)：
請問淵大大..
我的圖顯示之後QQ..
按下文章去...
GP圖那裡..大大說的我看不懂..不知去哪改ˊˋ..

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

還是說還沒出現解決方法XD?

11-03 15:43

cobii9：
我用了超久= =
每次用就是在怪怪的地方
終於用好了>口<
感謝淵大XD!

11-04 10:22

昨日夢醒今日醉：
大人這篇我要收藏><~推

11-06 15:51

幻~☆：
感謝~

11-08 13:30

梓娟：
謝謝教學=ˇ=
我吃到腦裡了

11-14 21:40

小桔：
謝謝分享

11-16 20:07

Aquarius楓：
.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%;*/}

大姐大..可以幫我看看為什麼不能顯示嗎=.=

11-18 03:28

淵：
你的圖片有問題，不能顯示。11-18 20:53

Aquarius楓：
圖片可以阿@@"
我把它換到留言版可以顯示耶~"~

11-19 10:17

淵：
現在可以了，我昨天看的時候不能顯示11-19 21:59

情無獨鍾☆〃：
讚@@!! 簡單容易明白

12-24 09:51

淵：
謝謝誇獎~^^12-26 19:27

舞小雪：
請問大大
為什麼我的圖片也是出不來= =?
麻煩幫我看看哪裡錯了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%;*/
(中間我的框框藍色但外面怎還是白的@@?)

12-29 21:35

淵：
把『background:#E2F4FF;』拿掉
然後建議你的『padding-left:15px;』設多一點，
把15改成70比較好一點。12-29 22:37

*~飄飄娃~*：
我的圖用了好久都出不來....大大可以幫我看看嗎...真是謝謝哩了
.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值底色*/

01-08 17:53

淵：
你的圖換個地方放吧...01-09 08:39

彼岸花開〞：
good>////<

01-10 18:42

MiRu：
.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值底色*/

請問,,,我有哪裡做錯嗎 ?
試了好多遍..還是不能耶>"<

01-12 13:29

淵：
.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值底色*/

你把上面這段複製過去蓋上。01-12 21:17

MiRu：
忘記說了... 我圖片一直顯示不出來

01-12 13:31

MiRu：
再請問一下喔!!

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

後面白白的好討厭!!

01-13 09:59

昑綠：
我用了以後....裡面那個框變粉紅色的@@

P.S.請問.....透明化怎麼用>"<...我用了以後是變白色的ˊˋ

01-13 17:53

小啵：
這篇幫助到我了

01-15 08:05

夏：
謝謝你~~我有用到..謝謝~~

01-15 23:32

奇萊山道之神：
我就是要找這篇文章!!

終於找到了~~

呵~~~

01-20 11:57

奇萊山道之神：
.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%;*/
我的圖也是出不來耶!!
出了什麼問題呢?

01-20 13:46

淵：
把『background: none;』拿掉01-21 01:12

太虛神女：
.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%;*/

我的框框還是不會變大
字也壓在圖上面
這要怎麼處理

01-21 06:27

太虛神女：
我這隻白癡問了之後今天發現原本的.articlebox{一整串都還在難怪會不能放大框框= =

01-22 04:24

赫爾萊恩。小赫：
大人＞＜我的圖片出不來耶！！
.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值底色*/
請救救我吧！！感恩呀～

02-04 19:54

赫爾萊恩。小赫：
^^我的圖片出來了～
看了一下大家的問題，發現在下的問題和小雪大人的一樣
所以就試著改了一下，沒想到成功了＞＜
不過，請問～背景顏色還可以設定嗎！？

02-04 20:00

小角落..：
寫的太讚了~~感謝你的教學>Q<

02-13 16:22

大和瑰娃：
好食! ￣﹁￣

02-24 12:28

卡歐斯：
感謝分享XD

03-01 16:52

風的名字：
哇~謝謝你！

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

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

為什麼勒？

這是我的ｃｓｓ
.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值底色*/

可以麻煩你幫我看一下嗎@@?謝謝你~

04-05 19:43

淵：
你找找這個↓↓↓
/*----個人部落閣----*/

看看這段裡面有沒有padding-left這玩意兒...
應該是你的字太左邊，或是你這裡的圖片網址沒有設定好。04-06 13:14

百香綠：
你好，我試了你的方法我好像不行，想請你幫忙看看是哪裡出錯↓

/*個人部落閣最新文章及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%;*/

↑…以上，可以的話有勞了。

04-15 12:28

淵：
你有兩個background...

把第四行的「background:#FCD8D8;」拿掉看看04-15 22:31

百香綠：
哦哦，有出來了。後繼又出現了兩個問題= =
變成這樣↓
http://farm4.static.flickr.com/3170/2418513768_a79bc42f8e_o.jpg

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

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

有勞了。

04-16 17:20

JET 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;改成置於左邊了顯示出來就像上面的圖那樣

請問大大這樣要怎麼改呢?

04-27 20:58

月影‧塵：
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;
}/*個人部落閣文章版主回應分色線*/

改完後會有一圈粉紅色的虛線
請問那個怎麼刪掉呢?

04-29 20:36

大羊駝毛：
（￣▽￣）y

05-26 19:12

シニガミ・アルファ：
.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值底色*/

和樓上一樣的問題，改完以後會有一圈紅色虛線框，這個要從哪裡改掉呢?

06-12 21:55