推56论坛

 找回密码
 免费注册(限中文)

QQ登录

只需一步,快速开始

查看: 8695|回复: 0

[z-blog教程] 【第十一节】Zblog-search.html搜索页模板修改

  [复制链接]
发表于 2013-1-3 01:24:20 | 显示全部楼层 |阅读模式
注:本节将是zblog系列建站之旅初阶教程的最后一节视频。前面我们从简到深,共学会了zblog的本地安装,IIS的配置,zblog后台的操作,模板的修改,seo优化等知识,实际上网络上,以及zblog官方站的大部分帖子的内容我们这里都已经含盖了,内容很全面。如果大家认真的学习和实践了前面的内容,zblog-相信现在你已经是一个zblog专家了。大家经过了努力,夸奖下还是有必要的。不过实际上我能带给大家的知识还是极其有限的,编程,美工,优化…这些都是需要我们不断的学习的,望大家不要骄傲。

我们可以按照以前的内容更加详细的修改zblog的内模板,这样可以对zblog的控制更加细腻,让表现更加趋向我们所希望的。

http://wiki.rainbowsoft.org/doku.php?id=themes:template

鼠标移动到链接上显示提示信息的Demo.

我们前面都是在为蜘蛛服务,这次为用户服务下,我们希望用户可以明白某个分类更加详细的内容。通过css+js就可以实现。

修改目标:navbar.asp

<li><a href="<#ZC_BLOG_HOST#>wowgame/">魔兽世界文章</a></li>

<li><a href="<#ZC_BLOG_HOST#>wowshipin/">魔兽世界视频</a></li>

<li><a href="<#ZC_BLOG_HOST#>moshoushijiechajian/">WOW插件</a></li>

<li><a href="<#ZC_BLOG_HOST#>wowmap/">WOW地图</a></li>

<li><a href="<#ZC_BLOG_HOST#>moshoushijiemiji/">魔兽世界秘籍</a></li>

<div id="tooltip2" style="position:absolute;visibility:hidden;clip:rect(0 150 50 0);width:150px;background-color:seashell">
<layer name="nstip" width="1000px" bgColor="seashell"></layer>
</div>

<SCRIPT language="JavaScript">
<!--
if (!document.layers&&!document.all)
event="test"
function helpor_net_show(current,e,text){

if (document.all&&document.readyState=="complete"){
document.all.tooltip2.innerHTML='<marquee style="border:1px solid #3399ff">'+text+'</marquee>'
document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft+10
document.all.tooltip2.style.pixelTop=event.clientY+document.body.scrollTop+10
document.all.tooltip2.style.visibility="visible"
}

else if (document.layers){
document.tooltip2.document.nstip.document.write('<b>'+text+'</b>')
document.tooltip2.document.nstip.document.close()
document.tooltip2.document.nstip.left=0
currentscroll=setInterval("scrolltip()",100)
document.tooltip2.left=e.pageX+10
document.tooltip2.top=e.pageY+10
document.tooltip2.visibility="show"
}
}
function helpor_net_hide(){
if (document.all)
document.all.tooltip2.style.visibility="hidden"
else if (document.layers){
clearInterval(currentscroll)
document.tooltip2.visibility="hidden"
}
}

function scrolltip(){
if (document.tooltip2.document.nstip.left>=-document.tooltip2.document.nstip.document.width)
document.tooltip2.document.nstip.left-=5
else
document.tooltip2.document.nstip.left=150
}
//-->
</SCRIPT>

大家可以去网络上搜索很多有用的demo来自己修改拿来使用。

添加一个统计代码,以帮助你监控你的网站成长,可以预测该网站的发展前途,做一些修改。

本版积分规则

关闭

推56站长论坛推荐上一条 /1 下一条

站长QQ
在线咨询
咨询热线
QQ:405327411

免责声明|站长论坛 ( 豫ICP备11018337号-5 )

推56论坛(bbs.tui56.com)站长论坛 网络营销论坛 新手站长论坛 网络推广论坛 外链论坛

Powered by Discuz! X3.4 Licensed

©2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表