教 你 自 制 頂 圖
制作頂圖涉及到圖書(shū)館的基本操作和代碼標(biāo)簽如貼圖標(biāo)簽、移動(dòng)標(biāo)簽、
表格標(biāo)簽、文字標(biāo)簽、定位標(biāo)簽等的基本知識(shí)和操作技能。請(qǐng)復(fù)習(xí)后逐漸熟
悉如下操作。
【用超寬幅移動(dòng)圖作頂圖】
利用現(xiàn)成的超寬幅移動(dòng)圖做您的頂圖,是一種既操作方便簡(jiǎn)單,又漂亮便
捷的方法。只需把它復(fù)制粘貼適當(dāng)修改圖的高度就可以使用了。具體操作如下:
1、找到理想的超寬幅移動(dòng)圖從頭到尾復(fù)制;
2、轉(zhuǎn)到撰寫(xiě)文章編輯態(tài),再框內(nèi)點(diǎn)擊再粘貼;
3、點(diǎn)擊左下代碼,成代碼態(tài)。修改各貼圖標(biāo)簽中圖片的高度成170px;
4、編輯-預(yù)覽-編輯。滿意后存儲(chǔ)備用。
5、使用時(shí)它的前面還要加個(gè)定位標(biāo)簽才行。定位標(biāo)簽如下:
<div style="LEFT: 10px; POSITION: absolute; TOP: 2px">
把它復(fù)制并粘貼到前述代碼的最前面。
6、編輯/預(yù)覽/編輯/全選/復(fù)制(保持藍(lán)色)。
7、轉(zhuǎn)首頁(yè),擊裝扮/自定義模塊/高級(jí)自定義/填寫(xiě)題目/保存 即成。
實(shí)例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,前面加上定位標(biāo)簽 <div style="LEFT: 10px;
POSITION: absolute; TOP: 2px">,再編輯就行了。
參考圖片:參見(jiàn)我館 首頁(yè)裝扮/頂圖素材 里有關(guān)文章。
【用固定圖片作頂圖】
1、選一理想頂圖圖片,拖藍(lán)復(fù)制,轉(zhuǎn)撰寫(xiě)文章編輯態(tài)實(shí)施粘貼。如果你喜歡圖片
有個(gè)框,那就先復(fù)制一個(gè)現(xiàn)成表格圖框(當(dāng)然自制也行),放在撰寫(xiě)文章編輯
態(tài),然后把復(fù)制的圖片粘貼在圖框的中心。
2、擊“代碼”轉(zhuǎn)為代碼態(tài)就取得了代碼,根據(jù)需要修改有關(guān)屬性數(shù)值。
3、如果圖片很寛,比如width=1200 ,可加移動(dòng)標(biāo)簽: 復(fù)制移動(dòng)標(biāo)簽( <marquee scrollamount=2 behavior=alternate width=980
height=165>)轉(zhuǎn)撰寫(xiě)文章代碼態(tài),把移動(dòng)標(biāo)簽,粘貼到貼圖標(biāo)簽的前邊,加
尾標(biāo)簽即成。備用。
4、使用時(shí)它的前面還要加個(gè)定位標(biāo)簽才行。定位標(biāo)簽如下:
<div style="LEFT: 10px; POSITION: absolute; TOP: 2px">
把它復(fù)制并粘貼到前述代碼的最前面。
4、編輯/預(yù)覽/編輯/全選/復(fù)制(保持藍(lán)色)。
5、轉(zhuǎn)首頁(yè),擊 裝扮/自定義模塊/高級(jí)自定義/填寫(xiě)題目/保存 即成。
實(shí)例1、固定圖片頂圖
實(shí)例2、固定圖片帶框頂圖
實(shí)例3、帶框移動(dòng)圖片頂圖
【自制文字頂圖】
1、把表格標(biāo)簽<table borderColor=#8b3e2f height=170 cellSpacing=3 width=980
background=http://image61.360doc.com/DownloadImg/2013/06/0920/33095630_1.jpg border=3>
復(fù)制粘貼到撰寫(xiě)文章的代碼態(tài),調(diào)整高度寬度和其它有關(guān)屬性數(shù)值。(當(dāng)然取
一現(xiàn)成表格圖框復(fù)制粘貼到撰寫(xiě)文章編輯態(tài),改造后用也可以)。
再輸入<tbody><tr><td >。
2、貼圖標(biāo)簽。把貼圖標(biāo)簽( <img style="WIDTH: 338px; HEIGHT: 160px" height=160
src=
http://userimage1.360doc.com/09/0118/92/79044_20090118929540790.gifwidth=338 border=0>)復(fù)制粘貼到<td>的后面。
3、復(fù)制移動(dòng)文字標(biāo)簽( <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> ★寫(xiě)上您想寫(xiě)
的字★ ★寫(xiě)上您想寫(xiě)的字★ )粘貼在 貼圖標(biāo)簽之后 , 加上尾標(biāo)簽。
4、 編輯/預(yù)覽/編輯,適當(dāng)調(diào)整字的大小、距離、顏色、粗度和上下位置,編輯備用。
5、 使用時(shí)它的前面還要加個(gè)定位標(biāo)簽如下:
<div style="LEFT: 10px; POSITION: absolute; TOP: 2px">
6、編輯/預(yù)覽/編輯/全選/復(fù)制(保持藍(lán)色)。 7、轉(zhuǎn)首頁(yè),擊 裝扮/自定義模塊/高級(jí)自定義/填寫(xiě)題目/保存 即成。
實(shí)例1:
★寫(xiě)上您想寫(xiě)的字★ ★寫(xiě)上您想寫(xiě)的字★
實(shí)例2:
★寫(xiě)上您想寫(xiě)的字★ ★寫(xiě)上您想寫(xiě)的字★
實(shí)例3、
★寫(xiě)上您想寫(xiě)的字★ ★寫(xiě)上您想寫(xiě)的字★
【圖片貼透明flash動(dòng)畫(huà)移動(dòng)字頂圖】
代碼:
<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動(dòng)畫(huà)地址 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動(dòng)畫(huà)地址
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>
把上述代碼復(fù)制粘貼到撰寫(xiě)文章代碼態(tài),然后把代碼中的圖片地址和flash動(dòng)畫(huà)
地址相應(yīng)處更換為您選的圖片地址和flash 動(dòng)畫(huà)地址,代碼的前面加上定位標(biāo)簽就
可以編輯使用了。
參考圖片地址:
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動(dòng)畫(huà)地址:
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、圖上邊帶字頂圖實(shí)例:
☆☆☆~~~寫(xiě)上您想寫(xiě)的字~~~☆☆☆
2、圖下邊帶字頂圖實(shí)例:
☆☆☆~~~寫(xiě)上您想寫(xiě)的字~~~☆☆☆
3、動(dòng)畫(huà)移動(dòng)字頂圖: