模板代码书写技巧[尽供新手参考]
[size=2][font=Courier New]1、[/font][font=宋体]关于脚本内图片使用[/font][/size]
[font=宋体][size=2][color=#000000]当脚本内无法确定一张图片的位置时，可采用这种方式：[/color][/size][/font]
[size=2][color=#000000][font=宋体]在模板代码处设置图片的[/font][font=Courier New]id[/font][/color][/size]
[size=2][color=#000000][font=Courier New]dwt[/font][font=宋体]文件中：[/font][font=Courier New] <span style=”display:none”><img id=”pic1” src=”images/thepic1.gif”></span>[/font][/color][/size]
[color=#000000][size=2][font=Courier New]lbi[/font][font=宋体]文件中：[/font][/size][/color][size=2][font=Courier New][color=#000000]<span style=”display:none”><img id=”pic1” src=”[/color][color=red]../[/color][color=#000000]images/thepic1.gif”>[/color][/font][/size]
[font=Courier New][size=2][color=#000000]</span>[/color][/size][/font]
[font=宋体][size=2][color=#000000]模板编译后：[/color][/size][/font]
[font=Courier New][size=2][color=#000000]<span style=”display:none”>[/color][/size][/font]
[size=2][font=Courier New][color=#000000]<img id=”pic1” src=”[/color][color=red]themes/[/color][/font][font=宋体]模板目录[/font][font=Courier New][color=red]/[/color][color=#000000]images/thepic1.gif”>[/color][/font][/size]
[font=Courier New][size=2][color=#000000]</span>[/color][/size][/font]
[size=2][color=#000000][font=宋体]脚本中使用：[/font][font=Courier New] document.getElementById("pic1").src [/font][font=宋体]即可获取该图片的地址。[/font][/color][/size]
[size=2][color=#000000][font=宋体]说明：[/font][font=Courier New] “display:none” [/font][font=宋体]目的不让图片显示。[/font][/color][/size]
[font=Courier New][size=2][color=#000000][/color][/size][/font]
[font=宋体][size=2][color=#000000]链接模板文件使用例子[/color][/size][/font]
[size=2][color=#000000][font=Courier New]CSS[/font][font=宋体]代码格式[/font][/color][/size]
[font=Courier New][size=2][color=#000000]<link href=”style.css” rel=”stylesheet” type=”text/css” />[/color][/size][/font]
[font=Courier New][size=2][color=#000000]<link href=”css/style.css” rel=”stylesheet” type=”text/css” />[/color][/size][/font]
[font=Courier New][size=2][color=#000000][/color][/size][/font]
[size=2][color=#000000][font=Courier New]JS[/font][font=宋体]代码格式[/font][/color][/size]
[font=Courier New][size=2][color=#000000]<script type=”text/javascript” src=”js/ajax.js”></script>[/color][/size][/font]
[font=Courier New][size=2][color=#000000][/color][/size][/font]
[size=2][color=#000000][font=Courier New]GIF/JPG/PNG[/font][font=宋体]代码格式[/font][/color][/size]
[font=Courier New][size=2][color=#000000]dwt <img src=”images/a.gif” alt=”” />[/color][/size][/font]
[font=Courier New][size=2][color=#000000]lbi <img src=”../images/a.gif” alt=”” />[/color][/size][/font]
[font=Courier New][size=2][color=#000000][/color][/size][/font]
[font=Courier New][size=2][color=#000000]dwt
<!-- #BeginLibraryItem “/library/page_header.lbi” --> <!-- #EndLibraryItem -->[/color][/size][/font]
[font=Courier New][size=2][color=#000000]lbi
{include file="library/page_header.lbi"}[/color][/size][/font]
[font=Courier New][size=2][color=#000000][/color][/size][/font]
[font=Courier New][size=2][color=#000000][/color][/size][/font]
[b][size=2][color=#000000][font=宋体]关于可编辑区域：[/font][/color][/size][/b]
[font=Courier New][size=2][color=#000000][/color][/size][/font]
[align=left][size=2][color=black][font=宋体][font=Courier New]<!-- TemplateBeginEditable name="[/font][/font][/color][font=宋体]区域名称[/font][/size][color=black][font=宋体][size=2][font=Courier New]" -->
<!-- TemplateEndEditable -->[/font][/size][/font][/color][/align]
[align=left][color=black][font=宋体][font=Courier New][size=2][/size][/font][/font][/color][/align]
[size=2][font=宋体]可编辑区域，是后台对模块进行布局的必须属性，如果模块要布局到这个区域内，则必须加此属性，并且要符合要求，比如宽度，高度等。否则会引起变形。[/font][color=black][font=宋体][/font][/color][/size]
本文来源于:[url]http://bbs.hua-lin.net/thread-271-1-1.html[/url] 刘一手 是不是。留一手哦
页:
[1]