设为首页收藏本站
切换到宽版

Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步，快速开始

搜索
Discuz!官方免费开源建站系统»论坛 › Discuz! 交流与讨论 › Discuz!-插件与模板交流 › 开发教程存档 › DZX头部修改教程！高手飘过......
12345678910... 11下一页
返回列表 发新帖

DZX头部修改教程！高手飘过......

  [复制链接]
fiyta12 发表于 2010-9-30 11:23:01 | 显示全部楼层 |阅读模式
本帖最后由 fiyta12 于 2011-10-18 21:22 编辑

给大家介绍一下如果修改DZX的默认头部！
首先大家要知道头部模板的默认存放位置：wwwroot\template\default\common\header.htm；
找到这个模板之后就可以修改了！
1.首先，把这个模板复制一份【复制 header.htm】以备查看，然后删除header.htm内所有代码把你自己的HTML头部代码写进去！

2.修改头部：打开上一步你备份的【复制 header.htm】，把


  2. <!--{subtemplate common/header_common}-->
  3.   <link href=".../NewDefault.css" rel="stylesheet" type="text/css" />
  4.   <link href=".../newTop2.css" rel="stylesheet" type="text/css" />
  5. <!--{if defined('CURMODULE') && ($_G['basescript'] == 'forum' || $_G['basescript'] == 'group') && (CURMODULE == 'index' || CURMODULE == 'forumdisplay' || CURMODULE == 'group')}-->$rsshead<!--{/if}-->
  6. <!--{if $_G['basescript'] == 'forum' || $_G['forum']['status'] == 3}-->
  7.   <!--{if !empty($_G['cookie']['widthauto']) && empty($_G['disabledwidthauto'])}-->
  8.    <link rel="stylesheet" id="css_widthauto" type="text/css" href="data/cache/style_{STYLEID}_widthauto.css?{VERHASH}" />
  9.    <script type="text/javascript">HTMLNODE.className += ' widthauto'</script>
  10.   <!--{/if}-->
  11.   <script type="text/javascript" src="{$_G[setting][jspath]}forum.js?{VERHASH}"></script>
  12. <!--{elseif $_G['basescript'] == 'home' || $_G['basescript'] == 'userapp'}-->
  13.   <script type="text/javascript" src="{$_G[setting][jspath]}home.js?{VERHASH}"></script>
  14. <!--{elseif $_G['basescript'] == 'portal'}-->
  15.   <script type="text/javascript" src="{$_G[setting][jspath]}portal.js?{VERHASH}"></script>
  16. <!--{/if}-->
  17. <!--{if $_G['basescript'] != 'portal' && $_GET['diy'] == 'yes' && ($_G[mod] == 'topic' || $_G[group][allowdiy]) && !empty($_G['style']['tplfile'])}-->
  18.   <script type="text/javascript" src="{$_G[setting][jspath]}portal.js?{VERHASH}"></script>
  19. <!--{/if}-->
  20. <!--{if $_GET[diy] == 'yes' && ($_G[mod] == 'topic' || $_G[group][allowdiy]) && !empty($_G['style']['tplfile'])}-->
  21. <link rel="stylesheet" type="text/css" href="data/cache/style_{STYLEID}_css_diy.css?{VERHASH}" />
  22. <!--{/if}-->
  23. </head>
复制代码
添加到你header.htm的<head>内，以前的删除！
注：
  1. <link href=".../NewDefault.css" rel="stylesheet" type="text/css" />

  3. <link href=".../newTop2.css" rel="stylesheet" type="text/css" />
复制代码
这2段代码是自己头部的CSS文件！其他部分便是默认头部的HEAD;

3.添加<body>为
  1. <body id="nv_{$_G[basescript]}" class="pg_{CURMODULE}" onkeydown="if(event.keyCode==27) return false;">
复制代码

4.在<body>下添加这段代码：
  1. <div id="append_parent"></div><div id="ajaxwaitid"></div>
复制代码
这段代码是必须要的！为整站的AJAX调用；

5.这一步就是添加头部登陆框了；头部登陆框可以自己修改位置，我是直接在<head>内添加一段CSS,绝对定位这个登陆框！想在在什么地方放在什么地方！^ _^!
在第四步的代码下面添加：

  2. <div class="hdc cl">
  3. <h2><a href="./" title="$_G['setting']['bbname']">{BOARDLOGO}</a></h2>

  5. <!--{if $_G['uid']}-->
  6. <div id="um">
  7. <div class="avt y"><a href="home.php?mod=space&uid=$_G[uid]" c="34"><!--{avatar($_G[uid],small)}--></a></div>
  8. <p>
  9. <strong><a href="home.php?mod=space&uid=$_G[uid]" class="vwmy" target="_blank" title="{lang visit_my_space}">{$_G[member][username]}</a></strong>
  10. <!--{if $_G['group']['allowinvisible']}-->
  11. <span id="loginstatus" class="xg1">
  12. <a href="member.php?mod=switchstatus" title="{lang login_switch_invisible_mode}" onClick="ajaxget(this.href, 'loginstatus');doane(event);">
  13. <!--{if $_G['session']['invisible']}-->
  14. {lang login_invisible_mode}
  15. <!--{else}-->
  16. {lang login_normal_mode}
  17. <!--{/if}-->
  18. </a>
  19. </span>
  20. <!--{/if}-->
  21. <span class="pipe">|</span><span id="usersetup" class="showmenu" onMouseOver="showMenu(this.id);"><a href="home.php?mod=spacecp">{lang setup}</a></span>
  22. <!--{hook/global_usernav_extra1}-->
  23. <span class="pipe">|</span><a href="home.php?mod=space&do=notice" id="myprompt"{if $_G[member][newprompt]} class="new"{/if}>{lang remind}<!--{if $_G[member][newprompt]}-->($_G[member][newprompt])<!--{/if}--></a><span id="myprompt_check"></span>
  24. <span class="pipe">|</span><a href="home.php?mod=space&do=pm" id="pm_ntc"{if $_G[member][newpm]} class="new"{/if}>{lang pm_center}<!--{if $_G[member][newpm]}-->($_G[member][newpm])<!--{/if}--></a>
  25. <span class="pipe">|</span><a href="home.php?mod=space&do=friend">{lang friends}</a> <!--{if $_G['setting']['regstatus'] > 1}--><a href="home.php?mod=spacecp&ac=invite" class="xg1">{lang invite}</a> <!--{/if}-->

  27. <!--{if $_G['setting']['taskon']}-->
  28. <span class="pipe">|</span>
  29. <!--{if empty($_G['cookie']['taskdoing_'.$_G['uid']])}-->
  30. <a href="home.php?mod=task&item=new">{lang task}</a>
  31. <!--{else}-->
  32. <a href="home.php?mod=task&item=doing" id="task_ntc" class="new">{lang task_doing}</a>
  33. <!--{/if}-->
  34. <!--{/if}-->
  35. <!--{hook/global_usernav_extra2}-->
  36. <!--{if $_G['group']['allowmanagearticle'] || $_G['group']['allowdiy'] || $_G['group']['allowauthorizedblock'] || $_G['group']['allowauthorizedarticle']}-->
  37. <span class="pipe">|</span><a href="portal.php?mod=portalcp">{lang portal_manage}</a>
  38. <!--{/if}-->
  39. <!--{if $_G['uid'] && $_G['group']['radminid'] > 1}-->
  40. <span class="pipe">|</span><a href="forum.php?mod=modcp&fid=$_G[fid]" target="_blank">{lang forum_manager}</a>
  41. <!--{/if}-->
  42. <!--{if $_G['uid'] && ($_G['group']['radminid'] == 1 || $_G['member']['allowadmincp'])}-->
  43. <span class="pipe">|</span><a href="admin.php" target="_blank">{lang admincp}</a>
  44. <!--{/if}-->
  45. <span class="pipe">|</span><a href="member.php?mod=logging&action=logout&formhash={FORMHASH}">{lang logout}</a>
  46. </p>
  47. <p>
  48. <!--{eval $upgradecredit = $_G['uid'] && $_G['group']['grouptype'] == 'member' && $_G['group']['groupcreditslower'] != 999999999 ? $_G['group']['groupcreditslower'] - $_G['member']['credits'] : false;}-->
  49. {lang credits}: <a href="home.php?mod=spacecp&ac=credit">$_G[member][credits]</a><!--{loop $_G['setting']['extcredits'] $extcreditid $extcredit}--> , {$extcredit[img]}$extcredit[title]: <a href="home.php?mod=spacecp&ac=credit" id="hcredit_$extcreditid"><!--{echo getuserprofile('extcredits'.$extcreditid);}--></a> {$extcredit[unit]}<!--{/loop}--> , {lang usergroup}: <a href="home.php?mod=spacecp&ac=usergroup"{if $upgradecredit !== 'false'} id="g_upmine" class="xi2" onMouseOver="showMenu({'ctrlid':this.id, 'pos':'21'});"{/if}>$_G[group][grouptitle]</a>
  50. </p>
  51. </div>
  52. <!--{elseif !empty($_G['cookie']['loginuser'])}-->
  53. <p>
  54. <strong><a id="loginuser" class="noborder">$_G['cookie']['loginuser']</a></strong>
  55. <span class="pipe">|</span><a href="member.php?mod=logging&action=login" onClick="showWindow('login', this.href);hideWindow('register');">{lang activation}</a>
  56. <span class="pipe">|</span><a href="member.php?mod=logging&action=logout&formhash={FORMHASH}">{lang logout}</a>
  57. </p>
  58. <!--{elseif !IS_ROBOT}-->
  59. <!--{template member/login_simple}-->
  60. <!--{/if}-->
  61. </div>

  63. <!--{if !IS_ROBOT}-->
复制代码

删除：
  1. <h2><a href="./" title="$_G['setting']['bbname']">{BOARDLOGO}</a></h2>
复制代码
这段代码是调用LOGO的，你自己的HTML里面肯定已经有LOGO了，如果你想用他默认的话，也可以，但是需要修改它的样式！

以上操作就添加了TOP登陆框。

6.这一步就来修改导航，我的HTML导航是这样的


  3. <div class="menu">
  4. <ul>
  5. <li class="select"><a href=http://www.a700.cn/ hidefocus="true" >首页</a></li>
  6. <li><a href="http://www.a700.cn/zatan/" hidefocus="true" >杂谈</a></li>
  7. <li><a href="http://www.a700.cn/qiushi/" hidefocus="true" >糗事</a></li>
  8. <li><a href="http://www.a700.cn/yulu/" hidefocus="true" >语录</a></li>
  9. <li><a href="http://www.a700.cn/tupian/" hidefocus="true" >图片</a></li>
  10. <li><a href="http://www.a700.cn/xiaohua/" hidefocus="true" >笑话</a></li>
  11. <li><a href="http://www.a700.cn/dianying/" hidefocus="true" >电影</a></li>

  13. </div>
复制代码
..
<li class="select"><a href=http://www.a700.cn/hidefocus="true" >首页</a></li>
<li><a href="http://www.a700.cn/zatan/" hidefocus="true" >杂谈</a></li>
<li><a href="http://www.a700.cn/qiushi/" hidefocus="true" >糗事</a></li>
<li><a href="http://www.a700.cn/yulu/" hidefocus="true" >语录</a></li>
<li><a href="http://www.a700.cn/tupian/" hidefocus="true" >图片</a></li>
<li><a href="http://www.a700.cn/xiaohua/" hidefocus="true" >笑话</a></li>
<li><a href="http://www.a700.cn/dianying/" hidefocus="true" >电影</a></li>
一般都是<ul><li>制作的导航！
然后把上面代码内的所有<LI>换成

  1. <!--{eval $mnid = getcurrentnav();}-->
  2. <!--{loop $_G['setting']['navs'] $nav}-->
  3. <!--{if $nav['available'] && (!$nav['level'] || ($nav['level'] == 1 && $_G['uid']) || ($nav['level'] == 2 && $_G['adminid'] > 0) || ($nav['level'] == 3 && $_G['adminid'] == 1))}--><li {if $mnid == $nav[navid]}class="select" {/if}$nav[nav]></li><!--{/if}-->
  4. <!--{/loop}-->
复制代码
这里面的class=“select”是导航focus，就是该栏目的导航背景（不知道怎么表达。。。你懂的！）
这里面定义之后，系统内部有个JS可以自动通过ID判断该出是不是focus；

OK，大功造成！头部就完全修改完了！看看我的头部吧！


教程结束！这是简单的教程，高手就飘过吧！

本帖子中包含更多资源

您需要 登录 才可以下载或查看，没有账号？立即注册

x

评分

5

查看全部评分

回复

使用道具 举报

 楼主| fiyta12 发表于 2010-9-30 11:28:08 | 显示全部楼层
回复

使用道具 举报

我非平凡 发表于 2010-9-30 11:28:22 | 显示全部楼层
学习了 帮你顶一个
回复

使用道具 举报

ooo0772 发表于 2010-9-30 12:17:09 | 显示全部楼层
不会CSS啊，好可怜啊
回复

使用道具 举报

ooo0772 发表于 2010-9-30 12:17:48 | 显示全部楼层
回复 fiyta12 的帖子

楼主，能不能写一个CSS教程啊，菜鸟向你致敬啦。
回复

使用道具 举报

 楼主| fiyta12 发表于 2010-9-30 12:22:49 | 显示全部楼层
本帖最后由 fiyta12 于 2010-9-30 12:25 编辑

.hdc {position:absolute; width:230px; left:980px; top:0px; font-size:12px; z-index:999999; }
.top-login {position:absolute; left:0px; top:10px; width:350px; }

hdc 就是对应class  。position:absolute是绝对定位！width:230px; 是模块的宽度，left是配合position用的，就是距 距离上一级（上一级必有position属性）左边距离！z-index是重叠的次序，CSS要系统的学习啊！有时间再写个CSS教程吧！
回复

使用道具 举报

OCEANSTUDIO 发表于 2010-9-30 12:58:28 | 显示全部楼层
这个很需要 谢谢！！！
回复

使用道具 举报

hellokai 发表于 2010-9-30 16:34:57 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

llslovexgh 发表于 2010-9-30 16:48:55 | 显示全部楼层
没文化真可怕，没看懂
回复

使用道具 举报

J16988 发表于 2010-9-30 16:51:18 | 显示全部楼层
菜鸟来学习
回复

使用道具 举报

下一页 »
12345678910... 11下一页
返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-6-17 14:35 , Processed in 0.118594 second(s), 20 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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