教 你 自 制 頂 圖
制作頂圖涉及到圖書館的基本操作和代碼標簽如貼圖標簽、移動標簽、
表格標簽、文字標簽、定位標簽等的基本知識和操作技能。請復習后逐漸熟
悉如下操作。
【用超寬幅移動圖作頂圖】
利用現(xiàn)成的超寬幅移動圖做您的頂圖,是一種既操作方便簡單,又漂亮便
捷的方法。只需把它復制粘貼適當修改圖的高度就可以使用了。具體操作如下:
1、找到理想的超寬幅移動圖從頭到尾復制;
2、轉到撰寫文章編輯態(tài),再框內(nèi)點擊再粘貼;
3、點擊左下代碼,成代碼態(tài)。修改各貼圖標簽中圖片的高度成170px;
4、編輯-預覽-編輯。滿意后存儲備用。
5、使用時它的前面還要加個定位標簽才行。定位標簽如下:
<div style="LEFT: 10px; POSITION: absolute; TOP: 2px">
把它復制并粘貼到前述代碼的最前面。
6、編輯/預覽/編輯/全選/復制(保持藍色)。
7、轉首頁,擊裝扮/自定義模塊/高級自定義/填寫題目/保存 即成。
實例1:
代碼如下:
<div>
<marquee style="WIDTH: 960px; HEIGHT: 371px" scrollAmount=3 behavior=alternate>
<img height=371 src="http://image25.360doc.com/DownloadImg/2011/03/1813/10108135_1.jpg" width=5850 border=0>
<img height=371 src="http://image25.360doc.com/DownloadImg/2011/03/1813/10108135_2.jpg" width=5849 border=0></div>
修改代碼:上述代碼里的371全部改為170,前面加上定位標簽 <div style="LEFT: 10px;
POSITION: absolute; TOP: 2px">,再編輯就行了。
參考圖片:參見我館 首頁裝扮/頂圖素材 里有關文章。
【用固定圖片作頂圖】
1、選一理想頂圖圖片,拖藍復制,轉撰寫文章編輯態(tài)實施粘貼。如果你喜歡圖片
有個框,那就先復制一個現(xiàn)成表格圖框(當然自制也行),放在撰寫文章編輯
態(tài),然后把復制的圖片粘貼在圖框的中心。
2、擊“代碼”轉為代碼態(tài)就取得了代碼,根據(jù)需要修改有關屬性數(shù)值。
3、如果圖片很寛,比如width=1200 ,可加移動標簽: 復制移動標簽( <marquee scrollamount=2 behavior=alternate width=980
height=165>)轉撰寫文章代碼態(tài),把移動標簽,粘貼到貼圖標簽的前邊,加
尾標簽即成。備用。
4、使用時它的前面還要加個定位標簽才行。定位標簽如下:
<div style="LEFT: 10px; POSITION: absolute; TOP: 2px">
把它復制并粘貼到前述代碼的最前面。
4、編輯/預覽/編輯/全選/復制(保持藍色)。
5、轉首頁,擊 裝扮/自定義模塊/高級自定義/填寫題目/保存 即成。
實例1、固定圖片頂圖
實例2、固定圖片帶框頂圖
實例3、帶框移動圖片頂圖
【自制文字頂圖】
1、把表格標簽<table borderColor=#8b3e2f height=170 cellSpacing=3 width=980
background=http://image61.360doc.com/DownloadImg/2013/06/0920/33095630_1.jpg border=3>
復制粘貼到撰寫文章的代碼態(tài),調(diào)整高度寬度和其它有關屬性數(shù)值。(當然取
一現(xiàn)成表格圖框復制粘貼到撰寫文章編輯態(tài),改造后用也可以)。
再輸入<tbody><tr><td >。
2、貼圖標簽。把貼圖標簽( <img style="WIDTH: 338px; HEIGHT: 160px" height=160
src=
http://userimage1.360doc.com/09/0118/92/79044_20090118929540790.gifwidth=338 border=0>)復制粘貼到<td>的后面。
3、復制移動文字標簽( <marquee scrollAmount=3 width=550 height=130><font style=
"FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal;
FONT-VARIANT: normal" face=楷體_GB2312 color=#ff0000><br> ★寫上您想寫
的字★ ★寫上您想寫的字★ )粘貼在 貼圖標簽之后 , 加上尾標簽。
4、 編輯/預覽/編輯,適當調(diào)整字的大小、距離、顏色、粗度和上下位置,編輯備用。
5、 使用時它的前面還要加個定位標簽如下:
<div style="LEFT: 10px; POSITION: absolute; TOP: 2px">
6、編輯/預覽/編輯/全選/復制(保持藍色)。 7、轉首頁,擊 裝扮/自定義模塊/高級自定義/填寫題目/保存 即成。
實例1:
★寫上您想寫的字★ ★寫上您想寫的字★
實例2:
★寫上您想寫的字★ ★寫上您想寫的字★
實例3、
★寫上您想寫的字★ ★寫上您想寫的字★
【圖片貼透明flash動畫移動字頂圖】
代碼:
<div><p>
<table height=170 cellSpacing=0 borderColorDark=#000000 cellPadding=0 width=980 align=center borderColorLight=#000000 background=圖片地址 border=0>
<tbody><tr><td><strong><font color=#ff0000 size=6>
<embed style="DISPLAY: block" align=right src=flash動畫地址 width=350 height=180 type=application/x-shockwave-flash left="0" wmode="transparent" autostart="0" loop="0" allowNetworking="internal" allowScriptAccess="never"></font></strong>
<embed style="DISPLAY: block" align=right src=flash動畫地址
width=350 height=180 type=application/x-shockwave-flash left="350" wmode="transparent" autostart="0" loop="0" allowNetworking="internal" allowScriptAccess="never"> </embed><embed style="DISPLAY: block" align=right src=http://flash.meqzone.com/meqzone/flash/mouse/7.swf?color=00CCFF&txt=歡迎歡迎歡迎 width=700 height=200 type=application/x-shockwave-flash wmode="transparent" autostart="0" loop="0" allowNetworking="internal" allowScriptAccess="never"> </embed>
<div align=right>
<marquee onmouseover=this.stop() style="WIDTH: 300px; HEIGHT: 200px" onmouseout=this.start() scrollAmount=3 height=200 align="right"><font color=#ff0000 size=6><strong>
<div align=center> </div>
<div align=center>清泉m祝新老朋友 春節(jié)愉快 幸福安康!</div>
</strong></font></marquee></div>
</embed></td>
</tr>
</tbody>
</table>
<font body <></font></p>
</div>
把上述代碼復制粘貼到撰寫文章代碼態(tài),然后把代碼中的圖片地址和flash動畫
地址相應處更換為您選的圖片地址和flash 動畫地址,代碼的前面加上定位標簽就
可以編輯使用了。
參考圖片地址:
http://userimage3.360doc.com/13/0614/20/3459959_201306142017080386.jpghttp://userimage3.360doc.com/13/0614/20/3459959_201306142016530261.jpghttp://image4.360doc.com/DownloadImg/2009/10/4/88761_6766133_1.jpg參考flash動畫地址:
http://pendant.360doc.com/4/26.swfhttp://www.xcwhw.cn/fla/jrxq/189.swfhttp://www.xcwhw.cn/fla/jrxq/175.swfhttp://flash.meqzone.com/meqzone/flash/mouse/7.swf?
http://www.xcwhw.cn/fla/jrxq/178.swfhttp://www.xcwhw.cn/fla/jrxq/184.swfhttp://www.xcwhw.cn/fla/jrxq/177.swf http://pendant.360doc.com/4/26.swfhttp://www.xcwhw.cn/fla/jrxq/176.swfhttp://www.zxtx.org/user/yiyi/html/flash/357.swfhttp://www.zxtx.org/user/yiyi/html/flash/059.swfhttp://img5.3lian.com/flash/f12/1/021.swfhttp://www.zxtx.org/user/yiyi/html/flash/357.swf【其它自制頂圖】
1、圖上邊帶字頂圖實例:
☆☆☆~~~寫上您想寫的字~~~☆☆☆
2、圖下邊帶字頂圖實例:
☆☆☆~~~寫上您想寫的字~~~☆☆☆
3、動畫移動字頂圖: