|
教 你 自 制 顶 图 制作顶图涉及到图书馆的基本操作和代码标签如贴图标签、移动标签、 表格标签、文字标签、定位标签等的基本知识和操作技能。请复习后逐渐熟 悉如下操作。 【用超宽幅移动图作顶图】 利用现成的超宽幅移动图做您的顶图，是一种既操作方便简单，又漂亮便 捷的方法。只需把它复制粘贴适当修改图的高度就可以使用了。具体操作如下： 1、找到理想的超宽幅移动图从头到尾复制； 2、转到撰写文章编辑态，再框内点击再粘贴； 3、点击左下代码，成代码态。修改各贴图标签中图片的高度成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、选一理想顶图图片，拖蓝复制，转撰写文章编辑态实施粘贴。如果你喜欢图片 有个框，那就先复制一个现成表格图框（当然自制也行），放在撰写文章编辑 态，然后把复制的图片粘贴在图框的中心。 2、击“代码”转为代码态就取得了代码，根据需要修改有关属性数值。 3、如果图片很寛，比如width=1200 ，可加移动标签： 复制移动标签（ <marquee scrollamount=2 behavior=alternate width=980 height=165>）转撰写文章代码态，把移动标签,粘贴到贴图标签的前边，加 尾标签即成。备用。 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> 复制粘贴到撰写文章的代码态，调整高度宽度和其它有关属性数值。（当然取 一现成表格图框复制粘贴到撰写文章编辑态，改造后用也可以）。 再输入<tbody><tr><td >。 2、贴图标签。把贴图标签（ <img style="WIDTH: 338px; HEIGHT: 160px" height=160 width=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、 编辑/预览/编辑，适当调整字的大小、距离、颜色、粗度和上下位置，编辑备用。 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/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祝新老朋友 春节愉快 幸福安康！</div> </strong></font></marquee></div> </embed></td> </tr> </tbody> </table> <font body <></font></p> </div> 把上述代码复制粘贴到撰写文章代码态，然后把代码中的图片地址和flash动画 地址相应处更换为您选的图片地址和flash 动画地址，代码的前面加上定位标签就 可以编辑使用了。 参考图片地址： 参考flash动画地址： 【其它自制顶图】 1、图上边带字顶图实例：
2、图下边带字顶图实例：
3、动画移动字顶图： |
|
|
