分享

和讯门户添加多个自定义HTML(可单独增左栏/中间栏/右栏)

 君临一方 2010-12-25
在前面说了《添加多个和讯自定义html模块全过程说明》,在众多博客和网站里也有相当多关于这方面的文章,但大多都是相互复制的,很多是没有经过实践验证的;初次使用者更是难以掌握。本着实用,操作简单原则,雪儿在对自己博客增加多个自定义HTML时总结了一全套的经验。这些都是实用有效的,可以跟椐自己的喜好在个人门户首页只增左侧栏或右侧栏或中间栏。你也可以一次性增加左中右三栏,甚至你还可以在博客里增加无限量的自定义HTML模块。现在就在此把方法和大家说一下:

  注意,这种方法要求和讯博客人气积分233000以上或钻石或交费用户才有用!以下代码均可直接复制使用!

第一部分:(单独左侧)
    单独增加左栏自定义HTML方法:在和讯原有的自定义HTML里保存以下代码即可:
<script language="javascript" src=http://shequ2.tool.hexun.com/4767106/my.css></script>
<div id="lman1" style="display: none;">
在这里放代码
</div>
<script language="javascript">
function MyCreate() {
    Index_Create_LeftPanel(0, "我的1", "这里写标题", GetPanelInnerHTML("lman1"));
  }
setTimeout("MyCreate()", 1000);
</script>
    增加左侧HTML操作说明:代码中的lman1是模块ID号,每个模块的ID号都是不一样的,当你想增加两个模块的,可以把第二个ID号改成lman2,增三个时把第三个模块ID号改成lman3,以此类推........但要注意的是,代码中<div id="lman1" style="display: none;">里的ID号lman1必须和后面GetPanelInnerHTML("lman1"));中的ID号lman1一致,也就是说,当你把ID号改了后就两个都得一起改。代码中黑色部分0是代表增加模块后这个模块在首页中从上至下显示在第几层,0是表示最上面,下来一层就把0改成1,再下来点就改成2,以此类推。很多别的类似文章没提到的就是,是不是增加两个模块时就是把代码复制多一个,不是的,你只要在代码里面加就可以了,如下例(左侧增加两个模块):
<script language="javascript" src=http://shequ2.tool.hexun.com/4767106/my.css></script>
<div id="lman1" style="display: none;">
第一个模块里放代码的地方
</div>
<div id="lman2" style="display: none;">    注意:这里的ID号已改成了lman2
增加的第二个模块里放代码的地方
</div>
<script language="javascript">
function MyCreate() {
    Index_Create_LeftPanel(0, "我的1", "这里写标题", GetPanelInnerHTML("lman1"));
    Index_Create_LeftPanel(1, "我的2", "这里是第二个模块写标题的地方", GetPanelInnerHTML("lman2"));  注意:里面的0已改成了1,里面的ID号也相应地改成了lman2
  }
setTimeout("MyCreate()", 1000);
</script>
以此类推,你想左侧增加三个模块只须在代码中不断增加两部分代码即可
第一部分: <div id="lman1" style="display: none;">            每增加一个就把里面的ID号改一下
                    第一个模块里放代码的地方
                    </div>
第二部分: Index_Create_LeftPanel(0, "我的1", "这里写标题", GetPanelInnerHTML("lman1")); 每增加一个就把里面的ID号和“0”改一下


第二部分:(单独右侧)
     OK,下面雪儿就和大家说单独在博客右侧增加HTML模块了,方法和在左侧增加一样,只须把代码中的Left改成Right即可,如代码:
<script language="javascript" src=http://shequ2.tool.hexun.com/4767106/my.css></script>
<div id="lman1" style="display: none;">
在这里放代码
</div>
<script language="javascript">
function MyCreate() {
    Index_Create_RightPanel(0, "我的1", "这里写标题", GetPanelInnerHTML("lman1"));
  }
setTimeout("MyCreate()", 1000);
</script>
当你想单独在右侧增加多个HTML时操作就如上面(增加左侧HTML操作说明)一样。


第三部分:(单独中间)
     OK,下面雪儿就和大家说单独在博客右侧增加HTML模块了,方法和在左侧增加一样,只须把代码中的Left改成Main即可,如代码:
<script language="javascript" src=http://shequ2.tool.hexun.com/4767106/my.css></script>
<div id="lman1" style="display: none;">
在这里放代码
</div>
<script language="javascript">
function MyCreate() {
    Index_Create_MainPanel(0, "我的1", "这里写标题", GetPanelInnerHTML("lman1"));
  }
setTimeout("MyCreate()", 1000);
</script>
当你想单独在中间增加多个HTML时操作就如上面(增加左侧HTML操作说明)一样。


第四部分:(在左中右同时增加)
      在三个栏都同时增加方法也很类似,只须把左中右的方法组合在一起即可,代码如下(左中右同时增加一个模块):
<script language="javascript" src=http://shequ2.tool.hexun.com/4767106/my.css></script>
<div id="lman1" style="display: none;">
这里是左侧栏放代码的地方
</div>
<div id="lman2" style="display: none;">   注意ID号已改成了lman2,关注下面的也改了
这里是中间栏放代码的地方
</div>
<div id="lman3" style="display: none;">   注意ID号已改成了lman3,关注下面的也改了
这里是右侧栏放代码的地方
</div>
<script language="javascript">
function MyCreate() {
    Index_Create_LeftPanel(0, "我的1", "左侧栏写标题", GetPanelInnerHTML("lman1"));
    Index_Create_MainPanel(0, "我的2", "中间栏写标题", GetPanelInnerHTML("lman2"));  
    Index_Create_RightPanel(0, "我的3", "右侧栏写标题", GetPanelInnerHTML("lman3"));
  }
setTimeout("MyCreate()", 1000);
</script>
呵呵,就是这么简单,如果你想在左中右侧栏增加超多HTML模块,方法一样如下(左中右同时增加两个模块,更多的模块大家一看就明了):
<script language="javascript" src=http://shequ2.tool.hexun.com/4767106/my.css></script>
<div id="lman1" style="display: none;">
这里是第一层左侧栏放代码的地方
</div>
<div id="lman2" style="display: none;">        注意ID号已改成了lman2,关注下面的也改了
这里是第一层中间栏放代码的地方
</div>
<div id="lman3" style="display: none;">        注意ID号已改成了lman3,关注下面的也改了
这里是第一层右侧栏放代码的地方
</div>
<div id="lman4" style="display: none;">        注意ID号已改成了lman4,关注下面的也改了
这里是第二层左侧栏放代码的地方
</div>
<div id="lman5" style="display: none;">        注意ID号已改成了lman5,关注下面的也改了
这里是第二层中间栏放代码的地方
</div>
<div id="lman6" style="display: none;">        注意ID号已改成了lman6,关注下面的也改了
这里是第二层右侧栏放代码的地方
</div>
<script language="javascript">
function MyCreate() {
    Index_Create_LeftPanel(0, "我的1", "第一层左侧栏写标题", GetPanelInnerHTML("lman1"));
    Index_Create_RightPanel(0, "我的2", "第一层中间栏写标题", GetPanelInnerHTML("lman2"));  
    Index_Create_MainPanel(0, "我的3", "第一层右侧栏写标题", GetPanelInnerHTML("lman3"));
   Index_Create_LeftPanel(1, "我的4", "第二层左侧栏写标题", GetPanelInnerHTML("lman4"));
    Index_Create_RightPanel(1, "我的5", "第二层中间栏写标题", GetPanelInnerHTML("lman5"));  
    Index_Create_MainPanel(1, "我的6", "第二层右侧栏写标题", GetPanelInnerHTML("lman6"));
  }
setTimeout("MyCreate()", 1000);
</script>
注意:代码中层数“0”位置“Left"和ID号"lman1"的变化。
    呵呵,大功告成,对于有些对CSS不熟但又想给自己的博客增彩的朋友来说,这个方法再合适不过了。这个方法也是小雪在搞自己博客当中积累下来的宝贵经验。很系统全面实用有效,呵呵。没办法,累了,夸一下自己。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多