|
教 你 自 制 頂 圖 制作頂圖涉及到圖書(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 width=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：
實(shí)例2：
實(shí)例3、 【圖片貼透明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/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)簽就 可以編輯使用了。 參考圖片地址： 參考flash動(dòng)畫(huà)地址： 【其它自制頂圖】 1、圖上邊帶字頂圖實(shí)例：
2、圖下邊帶字頂圖實(shí)例：
3、動(dòng)畫(huà)移動(dòng)字頂圖： |
|
|
