配置文繞圖
如果你想把你的網誌插圖作成文繞圖的效果,這裡有幾種方法給你參考。
一、
你可以直接在安插圖片時加入align=right (或left)的控制碼。如<img src="http://圖的網址" align=left > 。結果是:
憂鬱馬戲團憂鬱馬戲團憂鬱馬戲團憂鬱馬戲團憂鬱馬戲團憂鬱馬戲團憂鬱馬戲團憂鬱馬戲團憂鬱馬戲團憂鬱馬戲團
你應該注意到了,文字是緊貼著圖,不太好看。改善方法小黛有提到,加入vspace="5" hspace="10"這類的控制碼。如<img src="http://圖的網址" align=left vspace="5" hspace="10"> 。結果是:
憂鬱馬戲團憂鬱馬戲團憂鬱馬戲團憂鬱馬戲團憂鬱馬戲團憂鬱馬戲團憂鬱馬戲團憂鬱馬戲團憂鬱馬戲團憂鬱馬戲團
二、
上面的方法你可能會覺得很麻煩。另一種方法是從樣式表動手。進入MT管理系統的stylesheet模版,加入以下控制碼:
.content img{
border: 1px solid black;
margin-right: 10px;
margin-bottom: 5px;
float: left;
}
(以上適用於馬戲團的模版,如果你用的是MT預設模版,請把「.content」改成「.blogbody」)
其中的「border: 1px solid black; 」 是給圖加上細黑框線,如果你不喜歡框線,可以把這行拿掉。
若你比較喜歡圖在右邊,可以把「float: left;」改成「float: right;」。
如此一來,你放圖時,不必加align、vspace、hspace等控制碼,就可以作出漂亮的文繞圖效果。
三、
不過如此安排樣式表,你馬上會碰到一個問題:如果圖太大,文繞圖不太好看。或者是說,有時候你要圖靠左、有時候靠右、有時候置中不作文繞圖,那該怎麼辦呢?你可以把下碼加入stylesheet:
.content img{
border: 1px solid black;
margin-bottom: 5px;
}
.content img.left{
border: 1px solid black;
margin-right: 10px;
margin-bottom: 5px;
float: left;
}
.content img.right{
border: 1px solid black;
margin-left: 10px;
margin-bottom: 5px;
float: right;
}
.content img.center {
border: 1px solid black;
text-align: center;
border: none;
display: block;
margin: 0px auto;
clear: both;
}
(以上適用於馬戲團的模版,如果你用的MT預設模版,請把「.content」改成「.blogbody」)
然後在放圖的時候,指定它的格式。
置左文繞圖: <img class=left src="http://圖的網址">
憂鬱馬戲團憂鬱馬戲團憂鬱馬戲團憂鬱馬戲團憂鬱馬戲團憂鬱馬戲團憂鬱馬戲團憂鬱馬戲團憂鬱馬戲團憂鬱馬戲團
置右文繞圖: <img class=right src="http://圖的網址">
憂鬱馬戲團憂鬱馬戲團憂鬱馬戲團憂鬱馬戲團憂鬱馬戲團憂鬱馬戲團憂鬱馬戲團憂鬱馬戲團憂鬱馬戲團憂鬱馬戲團
置中不作文繞圖:<img class=center src="http://圖的網址">
憂鬱馬戲團憂鬱馬戲團憂鬱馬戲團憂鬱馬戲團憂鬱馬戲團憂鬱馬戲團憂鬱馬戲團憂鬱馬戲團憂鬱馬戲團憂鬱馬戲團
分類
MT初心技評論(20)
Dear 駝獸,
Good morning!
It works!!!!!!!!!!!!!!!!
非常謝謝。
另一問:
如何調整照片大小呢?
Have a nice day.
Matthew
Matthew:
有兩個問題:
1.你的圖檔網址不正確,所以圖出不來
2.要作文繞圖,應該要這樣放:
<img src="http://圖檔位址" align="left">文字文字文字文字
但你打成:
文字文字文字
<img src="http://圖檔位址" align="left">
Dear 駝獸,
1. 謝謝回覆。
2. 我的名字正確拼音是是Matthew. 我愛英文,略知ㄧ些其中訣竅。
3. 以下資訊足夠嗎? 謝謝費心了。
http://blog.xuite.net/yeh.matthew/mom/3681400
媽媽的鄰居 2005-08-06 04:47
平均分數:0顆星 投票人數:0 人 未分類文章
10
我要評分:
嗨!早安
耶和華所賜的福、使人富足、並不加上憂慮。
這位老人家:
1.面部表情好喜樂,有天使般的笑容。一點都不像生病的樣子。
2.兩手交叉拖著頭,好像是老闆 ─ 有權、有錢、又有勢、無憂又無慮。
3.左手操縱著小收音機,右手拿著喚人小盒子﹝護士特製,大小如軟片盒,內裝一元零錢數枚。搖起來蠻响的。﹞
4.可自己進食、喝水。喜歡吃肉鬆配飯。
但是:
他老人家必須住院。因為無法脫離呼吸器自由活動。
然而:仍然喜樂,愛使喚護士小姐
Mathew:
我要看到你失敗的結果才有辦法判斷。
Dear 駝獸,
不好意思請問:為何我的文繞圖失敗呢?對不起,我有點老,又有點笨。
謝謝抽空回覆。
突然想到這一招在3.2裡面依然有效嗎?