夜星實戰語法系列-底圖+動圖+小圖篇第二輯

2010100210:43

底圖+透明gif圖+小圖

這篇文章取自內的

素材應用02-在圖片上+透空gif圖或swf透明圖語法

原引用於2008年8月.夜星再重複整理給自己更了解.也希望大家分享.原文章網址如下: http://tw.myblog.yahoo.com/happy-ok/article?mid=31375&prev=-2&next=-2&page=1&t_page=2 極感謝 玄音小棧 的無私分享

1.底圖選圖

這張圖夜星是收集在夜星黑圖25張第7輯-淚裡.點右鍵再點"內容".可以看到圖片ㄉ1.類型:(影像屬jpg.gif..之類)2.網址URL:(這ㄍ很重要必用)3.大小:這ㄍ是圖片ㄉ容量位元組(有時圖檔容量太大會拖慢網速.也是1個參考用)4.尺寸:(告訴圖片ㄉ高寬像素數值.要貼豆圖位置要合這個數字會比較好看). 這張圖ㄉ資料是:1.JEPG影像2.網址(URL) http://i1021.photobucket.com/albums/af338/thankyou41/ap_F23_20090803092356793.jpg?t=1263887809 3.大小有16170位元組4.尺寸寬500高303.

寂空浩瀚孤星深遂千尋萬遍獨對夜月

以下是夜星目前為止收集ㄉ黑圖系列供觀賞: 夜星黑圖25張第1輯夜星黑圖25張第2輯夜星黑圖25張第3輯夜星黑圖25張第4輯夜星黑圖25張第5輯夜星黑圖25張第6輯夜星黑圖25張第7輯-淚 2.透明gif選圖

透明gif大圖

網址:http://i860.photobucket.com/albums/ab168/starnew2010/06410u2_01_cola71a.gif?t=1264376088

原尺寸:390*198

透明gif小圖

網址:http://i860.photobucket.com/albums/ab168/starnew2010/th_qa_1203_1170919291138067-1.gif

原尺寸:160*30

3.透明gif大圖加入底圖 基本語法 <div align=center>
<table style="WIDTH: 寬px; BACKGROUND-REPEAT: no-repeat; BORDER-COLLAPSE: collapse; HEIGHT: 高px" cellSpacing=0 cellPadding=0 background=http://底圖網址 border=0>
<tbody>
<tr>
<td>
<div style="width: 135; height: 153; padding-left: 40px; padding-top: 20px"><img src="http://透明圖址" width=寬 height=高></div>
</td></tr></tbody></table></div> *黑色部分就是可以移動閃圖位置的語法.需反覆測試* <div style="PADDING-LEFT: 23px(文字離文字框向右多少px); WIDTH: 140px(文字框寬度); PADDING-TOP: 20px(文字離文字框頂多少px); HEIGHT: 153px(文字框高度)" align=center>

合成圖(閃圖位置可以調整)