注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

借东风的博客

 
 
 

日志

 
 

添加多个自定义HTML模板模块的代码及方法说明详解  

2009-09-17 11:21:52|  分类: 行业学习 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

添加多个自定义HTML模板模块的代码及方法说明详解.

 转载:良曼博客 整理:爱逛街的女人

和讯博客在各类网站推出的博客模板中可说是独树一帜,也是在其它博客网纷纷出台限制特效,让和讯其特有的自定义HTML模板可以实现众多博友玩特效的乐趣!吸引着大批网友进驻和讯网,让这个以财经为主的网站带来了巨大的流量和效益.

当然和讯网为考虑到网站的运行速率也只是添置了一个自定义HTML模块,对于良曼来说这好像还不够宽广,还是不能突显本博的与众不同,因此良曼上半年的改模板行动开始了,最终以添加多个自定义模板来实现漂亮的博客.

也因此最近老有博友问我页面'极幻天梦模板'是怎么设置的,能够添置多个页面自定义 HTML 模块,我于是今天抽空写出了有关代码,与和讯网友互相交流,也希望和讯管理员不要删除本文章. 

注:这里良曼声注明一下,此文章代码必须是钻石级或直通车VIP用户方可运用的代码,否则是以失败而告终的.

一 添加面板

首先,请在管理后台→个人设置→自定义 HTML 框中最上面加入以下代码: 

<script language="javascript" src=http://shequ2.tool.hexun.com/4767106/my.css></script>

此段代码是良曼上传到另外一个博客里的函数是创建新模块的函数,用来引用的.具体函数意义本文章不做说明了,现在良曼来说明具体添加自定义HTML模块以下使用方法: 

创建面板

上面代码一经载入,即刻在原有的自定义HTML下创建新的模板。如果你把和讯系统默认的自定义HTML放在右侧栏,那么就无法为页面中间或者左边添加模块,因此需要在后面再添加以下整合代码.

添加模块代码如下:

 

<div style="display: none;">


这里输入你的文,或添加各种特效代码及广告

 

</div>

<script language="javascript">

function MyCreate() {
Create_LeftPanel(0, "left1", "
左侧栏1", GetPanelInnerHTML("lman1"));
}

setTimeout("MyCreate()", 1000);

</script>

 

 

 

 

代码说明

1.在<div style="display: none;">和</div>之间,可以把任何内容加进去(不过必须是合法的HTML内容——不可有未闭合的 DIV 标签)。

2.这段 Create_LeftPanel(0, "left1", "左侧栏1", GetPanelInnerHTML("lman1"));代码是增加自定义HTML模块的ID号,可以用后面介绍的多种不同位置的ID号代码.

3.这段代码setTimeout("MyCreate()", 1000);中的“1000”就是延迟时间长度,以毫秒做单位。这行代码表示,页面载入 1 秒左右后添加模块。(备注:如果你里面添加过多特效代码会延长时间显示)

4.第一行的<div style="display: none;">和第五行的 Create_LeftPanel(0, "left1", "左侧栏1", GetPanelInnerHTML("lman1"));代码里面的这两个 “lman1”必须对应。而当你要添加多个模块的时候,请自行修改“lman1”的 ID 号。

小贴士

需要注意的是:在非首页(如博客页面和每篇文章页面),“中间栏”和“右侧栏”都是为右边那个文章大块区域添加模板,,请斟酌使用。而模板的 ID号 一般可以不考虑,一般用英文字母来设置,但是不能与你 CSS 定义里有相同的ID号,每个栏目请务必使用独一无二的 ID 号。

 

三 同时添加多个面析

考虑到大多博友有时候想要只为首页或者非首页添加某个模块并且在不同的位置,我设置了以下代码: 

Index_Create_LeftPanel(0, "IndexLeftID1", "首页左侧栏", "GetPanelInnerHTML("lman1"));


Index_Create_MainPanel(0, "IndexMainID2", "首页中间栏", "GetPanelInnerHTML("lman2"));


Index_Create_RightPanel(0, "IndexRightID3", "首页右侧栏", "GetPanelInnerHTML("lman3"));


NonIndex_Create_LeftPanel(0, "NonIndexLeftID4", "非首页左侧栏", "GetPanelInnerHTML("lman4"));


NonIndex_Create_MainPanel(0, "NonIndexMainID5", "非首页左侧栏", "GetPanelInnerHTML("lman5"));

 

 

 

 

代码说明

1.分别是为个门户首页(中间模板/右侧模板/左侧模板)和非首页博客文章页面(中间模板/左侧模板)添加模板的代码ID。

2.多个模板添加时如果想要调整模板的垂直上下位置,请修改第一个参数“0”为其他数字。这个数字表示栏目将在第几个顺序出现。注意栏目的顺序从“0”开始编号,如“0”表示最上面(即第一个),“1”表示第二个……以此类推.

3.你可以选择搭配分别加入这些模板ID代码.

 

四 举例说明

良曼下面举个例题综合如下:(范例:比如我添加两个模板)

 

<script language="javascript" src=http://shequ2.tool.hexun.com/4767106/my.css></script>

<div style="display: none;">
良曼欢迎你的来访!
</div>
<div id="lman2" style="display: none;">
谢谢你阅读良曼的
文章!
</div>

<script language="javascript">

function MyCreate() {
Index_Create_LeftPanel(0, "我的1", "首页左侧栏1", GetPanelInnerHTML("lman1"));
NonIndex_Create_MainPanel(0, "我的2", "博客
中间模板2", GetPanelInnerHTML("lman2"));
}

setTimeout("MyCreate()", 1000);

</script>

 

 

 

结尾:到此全部完成,就介绍到这里。可以直接复制我的举例代码试验一下吧,如果你运用此代码成功创建新模板请留言说明下好吗?如要转载文章请注明来源,也可点下面收藏文章或按CTRL+D键到收藏夹,谢谢了哈!

 

  评论这张
 
阅读(139)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017