效果图：
附件：layout.css 和 link.css 两个小图
顶部动态Tab导航菜单修改方法：
1：修改common目录下的 cache.asp 这个文件
复制内容到剪贴板
代码:
--------------输出日志横向菜单------------------
if action=0 then
Menu_Diver=""
Response.Write("<div id=""menu""><div id=""Left""></div><div id=""Right""></div><ul><li class=""menuL""></li>")
if ubound(Arr_Category,1)=0 then Response.Write("<li class=""menuR""></li></ul></div>"):exit Sub
Category_Len=ubound(Arr_Category,2)
For i=0 to Category_Len
if int(Arr_Category(9,i))=0 or int(Arr_Category(9,i))=1 then
Response.Write(Menu_Diver)
if Arr_Category(4,i) then
if cbool(Arr_Category(10,i)) then
if stat_ShowHiddenCate or stat_Admin then Response.Write("<li><a class=""menuA"" href="""&Arr_Category(5,i)&""" title="""&Arr_Category(3,i)&""">"&Arr_Category(1,i)&"</a></li>")
else
Response.Write("<li><a class=""menuA"" href="""&Arr_Category(5,i)&""" title="""&Arr_Category(3,i)&""">"&Arr_Category(1,i)&"</a></li>")
end if
else
if cbool(Arr_Category(10,i)) then
if stat_ShowHiddenCate or stat_Admin then Response.Write("<li><a class=""menuA"" href=""default.asp?cateID="&Arr_Category(0,i)&""" title="""&Arr_Category(3,i)&""">"&Arr_Category(1,i)&"</a></li>")
else
Response.Write("<li><a class=""menuA"" href=""default.asp?cateID="&Arr_Category(0,i)&""" title="""&Arr_Category(3,i)&""">"&Arr_Category(1,i)&"</a></li>")
end if
end if
Menu_Diver="<li class=""menuDiv""></li>"
end if
Next
Response.Write("<li class=""menuR""></li></ul></div>")
end if
if action=1 then
Category_code=""
if ubound(Arr_Category,1)=0 then exit Sub
Category_Len=ubound(Arr_Category,2)
For i=0 to Category_Len
if int(Arr_Category(9,i))=0 or int(Arr_Category(9,i))=2 then
if Arr_Category(4,i) then
if cbool(Arr_Category(10,i)) then
if stat_ShowHiddenCate or stat_Admin then Category_code=Category_code&("<img src="""&Arr_Category(6,i)&""" border=""0"" style=""margin:3px 4px -4px 0px;"" alt="""&Arr_Category(3,i)&"""/><a class=""CategoryA"" href="""&Arr_Category(5,i)&""" title="""&Arr_Category(3,i)&""">"&Arr_Category(1,i)&"</a>
")
else
Category_code=Category_code&("<img src="""&Arr_Category(6,i)&""" border=""0"" style=""margin:3px 4px -4px 0px;"" alt="""&Arr_Category(3,i)&"""/><a class=""CategoryA"" href="""&Arr_Category(5,i)&""" title="""&Arr_Category(3,i)&""">"&Arr_Category(1,i)&"</a>
")
end if
else
if cbool(Arr_Category(10,i)) then
if stat_ShowHiddenCate or stat_Admin then Category_code=Category_code&("<img src="""&Arr_Category(6,i)&""" border=""0"" style=""margin:3px 4px -4px 0px;"" alt="""&Arr_Category(3,i)&"""/><a class=""CategoryA"" href=""default.asp?cateID="&Arr_Category(0,i)&""" title="""&Arr_Category(3,i)&""">"&Arr_Category(1,i)&" ["&Arr_Category(7,i)&"]</a> <a href=""feed.asp?cateID="&Arr_Category(0,i)&""" title=""订阅该分类内容""><img src=""images/rss.png"" border=""0"" style=""margin:3px 4px -1px 0px;"" alt=""""/></a>
")
else
Category_code=Category_code&("<img src="""&Arr_Category(6,i)&""" border=""0"" style=""margin:3px 4px -4px 0px;"" alt="""&Arr_Category(3,i)&"""/><a class=""CategoryA"" href=""default.asp?cateID="&Arr_Category(0,i)&""" title="""&Arr_Category(3,i)&""">"&Arr_Category(1,i)&" ["&Arr_Category(7,i)&"]</a> <a href=""feed.asp?cateID="&Arr_Category(0,i)&""" title=""订阅该分类内容""><img src=""images/rss.png"" border=""0"" style=""margin:3px 4px -1px 0px;"" alt=""""/></a>
")
end if
end if
end if
Next
end if
End Sub
'========================End Sub===============================
'========================日志归档缓存============================将上面这代码替换成下面的这段代码
复制内容到剪贴板
代码:
--------------输出日志横向菜单------------------
'------------------------------ 顶部动态Tab导航菜单Start ----------
if action=0 then
Menu_Diver=""
Response.Write("<div id=""menu""><div id=""Left""></div><div id=""Right""></div><ul><li class=""menuL""></li>")
if ubound(Arr_Category,1)=0 then Response.Write("<li class=""menuR""></li></ul></div>"):exit Sub
Category_Len=ubound(Arr_Category,2)
Dim URL
Dim sURL
URL = request.ServerVariables("script_name")
URL = Mid(URL,InStrRev(URL,"/")+1)
sURL = URL
if request.ServerVariableS("QUERY_STRING") <> "" then
URL = URL+"?"+request.ServerVariableS("QUERY_STRING")
end if
For i=0 to Category_Len
if int(Arr_Category(9,i))=0 or int(Arr_Category(9,i))=1 then
Response.Write(Menu_Diver)
if Arr_Category(4,i) then
if cbool(Arr_Category(10,i)) then
if stat_ShowHiddenCate or stat_Admin then Response.Write("<li><a class=""menuA"" href="""&Arr_Category(5,i)&""" title="""&Arr_Category(3,i)&"""><span>"&Arr_Category(1,i)&"</span></a></li>")
else
if (URL= Arr_Category(5,i)) Or (sURL="article.asp" And Arr_Category(5,i)="default.asp") Or (sURL="Default.asp" And Arr_Category(5,i)="default.asp" And request.ServerVariableS("QUERY_STRING") = "") then
Response.Write("<li><a class=""menuA menuB"" href="""&Arr_Category(5,i)&""" title="""&Arr_Category(3,i)&"""><span>"&Arr_Category(1,i)&"</span></a></li>")
else
Response.Write("<li><a class=""menuA"" href="""&Arr_Category(5,i)&""" title="""&Arr_Category(3,i)&"""><span>"&Arr_Category(1,i)&"</span></a></li>")
end if
end if
else
if cbool(Arr_Category(10,i)) then
if stat_ShowHiddenCate or stat_Admin then Response.Write("<li><a class=""menuA"" href=""default.asp?cateID="&Arr_Category(0,i)&""" title="""&Arr_Category(3,i)&"""><span>"&Arr_Category(1,i)&"</span></a></li>")
else
if URL= "default.asp?cateID=" & Arr_Category(0,i) then
Response.Write("<li><a class=""menuA menuB"" href=""default.asp?cateID="&Arr_Category(0,i)&""" title="""&Arr_Category(3,i)&"""><span>"&Arr_Category(1,i)&"</span></a></li>")
else
Response.Write("<li><a class=""menuA"" href=""default.asp?cateID="&Arr_Category(0,i)&""" title="""&Arr_Category(3,i)&"""><span>"&Arr_Category(1,i)&"</span></a></li>")
end if
end if
end if
Menu_Diver="<li class=""menuDiv""></li>"
end if
Next
Response.Write("<li class=""menuR""></li></ul></div>")
end if
if action=1 then
Category_code=""
if ubound(Arr_Category,1)=0 then exit Sub
Category_Len=ubound(Arr_Category,2)
For i=0 to Category_Len
if int(Arr_Category(9,i))=0 or int(Arr_Category(9,i))=2 then
if Arr_Category(4,i) then
if cbool(Arr_Category(10,i)) then
if stat_ShowHiddenCate or stat_Admin then Category_code=Category_code&("<img src="""&Arr_Category(6,i)&""" border=""0"" style=""margin:3px 4px -4px 0px;"" alt="""&Arr_Category(3,i)&"""/><a class=""CategoryA"" href="""&Arr_Category(5,i)&""" title="""&Arr_Category(3,i)&""">"&Arr_Category(1,i)&"</a>
")
else
Category_code=Category_code&("<img src="""&Arr_Category(6,i)&""" border=""0"" style=""margin:3px 4px -4px 0px;"" alt="""&Arr_Category(3,i)&"""/><a class=""CategoryA"" href="""&Arr_Category(5,i)&""" title="""&Arr_Category(3,i)&""">"&Arr_Category(1,i)&"</a>
")
end if
else
if cbool(Arr_Category(10,i)) then
if stat_ShowHiddenCate or stat_Admin then Category_code=Category_code&("<img src="""&Arr_Category(6,i)&""" border=""0"" style=""margin:3px 4px -4px 0px;"" alt="""&Arr_Category(3,i)&"""/><a class=""CategoryA"" href=""default.asp?cateID="&Arr_Category(0,i)&""" title="""&Arr_Category(3,i)&""">"&Arr_Category(1,i)&" ["&Arr_Category(7,i)&"]</a> <a href=""feed.asp?cateID="&Arr_Category(0,i)&""" title=""订阅该分类内容""><img src=""images/rss.png"" border=""0"" style=""margin:3px 4px -1px 0px;"" alt=""""/></a>
")
else
Category_code=Category_code&("<img src="""&Arr_Category(6,i)&""" border=""0"" style=""margin:3px 4px -4px 0px;"" alt="""&Arr_Category(3,i)&"""/><a class=""CategoryA"" href=""default.asp?cateID="&Arr_Category(0,i)&""" title="""&Arr_Category(3,i)&""">"&Arr_Category(1,i)&" ["&Arr_Category(7,i)&"]</a> <a href=""feed.asp?cateID="&Arr_Category(0,i)&""" title=""订阅该分类内容""><img src=""images/rss.png"" border=""0"" style=""margin:3px 4px -1px 0px;"" alt=""""/></a>
")
end if
end if
end if
Next
end if
End Sub
'------------------------------ 顶部动态Tab导航菜单End ----------
'========================End Sub===============================
'========================日志归档缓存============================2：修改皮肤下的 layout.css
把layout.css里的/*---顶部样式---*/替换为下面代码
复制内容到剪贴板
代码:
/*---顶部样式---*/
#container #header
{
border-top: 3px solid #000;
height:130px;
text-align:left;
width:100%;
background:#ccc url("tops.gif") repeat-x;
}
#container #header #blogname
{margin:20px; 0px 0px 20px;}
#container #header #blogname
{font-size:26px;color:#000;}
#container #header #blogname #blogTitle
{font-size:11px;color:#ff16a4;margin-left:100px;margin-top:-18px;}
#container #header #menu
{
height:28px;
width:640px;
text-align:left;
padding:0px;overflow:hidden;
}
#container #header #menu #Left{}
#container #header #menu #Right{}
#container #header #menu ul
{
list-style:none;
margin:0px 6px 0px 0px;
height:25px;
float:left;
padding-left:16px;
}
#container #header #menu ul li
{
float:left;
height:25px;
margin:2px -2px 0px 0px;
}
/* 导航A和导航B*/
#container #header #menu ul li .menuA span
{
padding:0px 10px 0px 5px;
display:block;
}
#container #header #menu ul li .menuA:hover span
{
background:url('nav_r.gif') right 3px no-repeat;
display:block
}
#container #header #menu ul li .menuB span
{
background:url('nav_r.gif') right 3px no-repeat;
padding:0px 10px 0px 5px;
display:block
}
#container #header #menu ul li .menuB:hover span
{
background:url('nav_r.gif') right 3px no-repeat;
display:block;
}
.menuL
{}
.menuR
{}
.menuDiv
{}
/*---菜单分割线---*/3：在修改皮肤下的 link.css 这个文件
把link.css里面的导航条彩蛋样式替换为以下代码
复制内容到剪贴板
代码:
.menuA:link,.menuA:visited{
text-decoration:none;
display:block;
float:left;
height:25px;
text-align:center;
padding:0px 0px 0px 4px;
line-height:24px;
color:#000;
font-weight:bold;
font-size:11px;
}
.menuA:hover{display:block;color:#fff;background:url(nav_l.gif) 0px 3px no-repeat;}
.menuB:link,.menuB:visited,.menuB:hover{
text-decoration:none;
display:block;
background:url(nav_l.gif) 0px 3px no-repeat;
float:left;
height:25px;
text-align:center;
padding:0px 0px 0px 4px;
line-height:24px;
color:#fff;font-weight:bold;
font-size:11px;
}
.sideA:link,.sideA:visited{
padding-left:16px;
height:22px;
overflow:hidden;
display:block;
width:200px;
line-height:180%;
border-bottom:1px solid #f1f1f1;
background:url(li.png) 0px 3px no-repeat;
color:#7f7f7f;
}
.sideA:hover{
padding-left:16px;
overflow:hidden;
background:#f7f7f7 url(arrow.gif) 0px 3px no-repeat;
color:#333;
}
.more:link,.more:visited{
color:#333;
padding-left:8px;
text-decoration:none;
background:#ffffcc;
border-right:1px solid #999;
border-bottom:1px solid #999;
font-size:11px;
}
.more:hover{color:#e5592f;text-decoration:none} 注明：
这是我按照 键盘舞 的导航栏修改方法给大家拿出来了 皮肤下的CSS文件里所修改的代码参数可根据自己的网站所须修改 .
第一个文件具体修改了什么地方我也不太清楚 就牙根没看 只好把整个 输出日志横向菜单 的代码给拿出来了 呵呵 我也只有这么点水平了如果在看不懂的话也没办法啦 还忘高手赐教 嘿嘿....
[
本帖最后由 Ghost 于 2008-7-3 18:19 编辑 ]
![[PJblog^3]技术支持论坛 - PJBLOG SUPPORT FORUM](images/phpwind/logo.gif){kind=logo}
