立即注册 找回密码

QQ登录

只需一步,快速开始

查看: 15548|回复: 82

[Discuz 开发教程] Discuz论坛X3.2头部登陆框上移至顶部修改美化 (已测完美)

[复制链接]

977

主题

2132

帖子

1万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
16261

推广达人宣传达人突出贡献荣誉管理论坛元老

QQ
发表于 2015-1-11 16:31:18 | 显示全部楼层 |阅读模式
道勤网-数据www.daoqin.net

亲注册登录道勤网-可以查看更多帖子内容哦!(包涵精彩图片、文字详情等)请您及时注册登录-www.daoqin.net

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
有没有觉得论坛头部的登陆框占用位置太多了,不美观不和谐不实用呢!那么通过下面简单点的懒人安装包就能实现效果了。。

1、美化后的页面效果展示
1.jpg 02.jpg


2、美化涉及到需要修改文件包括:header.htm   header_userstatus.htm,需要新增加的文件包括:common.js    header.css,需要新增加的图片包括:qq_bind_small.gif   qq_n.png    weibo_bg.png  rjian.gif    top_bg.gif     mylogin.gif,建议安装前备份下吧。不过我在x3.2测试过了,很完美。
3、步骤1:确认你使用的是默认的X3模板,请将文件包内的header.htm   header_userstatus.htm 上传覆盖/template/default/common/目录下的header.htm   header_userstatus.htm(请先备份,以万一)

4、步骤2:将文件包内 common.js    header.css上传到/template/default/common/目录下,其中  header.css 涉及到
  1. www.xingjiaowang.org
复制代码
的地方修改成自己的网址。

的地方请修改为你的网站地址;

5、步骤3:上传图片包内的图片到/static/image/common/目录下,如果有覆盖的,请覆盖。

6、友情提醒:我在header.htm中加了一段自定义广告代码:<div  style="padding-top:-65px; float:right;"><!--{ad/custom_1}--></div>,请在后台定义为你自己广告代码后,替换:<!--{ad/custom_1}-->就可以显示你的广告了。这个位置可以把搜索框移动过来哦,搜索框的代码是

  1. <!--{subtemplate common/pubsearchform}-->
复制代码
懒人一键上传安装包 头部修改文件包.rar (22.59 KB, 下载次数: 161, 售价: 2 金钱)


0

主题

2

帖子

42

积分

普通学员

Rank: 1

积分
42
发表于 2015-4-26 16:07:23 | 显示全部楼层
道勤网-数据www.daoqin.net
回复

使用道具 举报

0

主题

2

帖子

42

积分

普通学员

Rank: 1

积分
42
发表于 2015-4-26 16:07:48 | 显示全部楼层
道勤网-数据www.daoqin.net
恩恩ee
回复

使用道具 举报

 楼主| 发表于 2015-5-3 09:08:22 | 显示全部楼层
道勤网-数据www.daoqin.net

嗯。一起交流学习吧,骚年

0

主题

2

帖子

44

积分

普通学员

Rank: 1

积分
44
发表于 2015-5-31 23:32:51 | 显示全部楼层
道勤网-数据www.daoqin.net
支持!!!!!
回复

使用道具 举报

0

主题

2

帖子

44

积分

普通学员

Rank: 1

积分
44
发表于 2015-5-31 23:33:37 | 显示全部楼层
道勤网-数据www.daoqin.net
回复成功了么?
 楼主| 发表于 2015-5-31 23:53:26 | 显示全部楼层
道勤网-数据www.daoqin.net
秋天 发表于 2015-5-31 23:33
回复成功了么?

嗯,可以了
 楼主| 发表于 2015-5-31 23:53:45 | 显示全部楼层
道勤网-数据www.daoqin.net
秋天 发表于 2015-5-31 23:32
支持!!!!!

嗯,好的,不错

0

主题

1

帖子

42

积分

普通学员

Rank: 1

积分
42
发表于 2015-6-10 17:07:40 | 显示全部楼层
道勤网-数据www.daoqin.net
正需要这种,谢谢。

0

主题

2

帖子

42

积分

普通学员

Rank: 1

积分
42
发表于 2015-6-17 01:57:23 | 显示全部楼层
道勤网-数据www.daoqin.net
正需要这个
加入道勤网VIP-www.daoqin.net-享受建站指导服务!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

道勤网- 推荐内容!上一条 /2 下一条



 
 
技术支持
在线客服
点击这里给我发消息
点击这里给我发消息
道勤建站群:
3群建站-美工交流-道勤
道勤美工群:
3群建站-美工交流-道勤
工作时间:
8:00-18:00
客服热线:
15056962695
官方微信扫一扫
发布主题 上个主题 下个主题 快速回复 返回列表 联系我们 官方QQ群

关于我们|手机版|小黑屋|地图|【道勤网】-www.daoqin.net 软件视频自学教程|免费教程|自学电脑|3D教程|平面教程|影视动画教程|办公教程|机械设计教程|网站设计教程【道勤网】 ( 皖ICP备15000319号|赞助我们  

GMT+8, 2020-4-3 09:28

Powered by DaoQin! X3.2 © 2016-2063 Dao Qin & 道勤科技

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