Discuz！登录模板修改到顶部方法

猪八戒

道勤小编发现有不少Disucz!爱好者不太喜欢官方自带的登录，占用太多地方。都想像地方门户163K，蚂蚁地方门户程序一下移动顶部登录。

现道勤小编把方法分享出来。

discuz!官方自带默认登录窗口演示图

Discuz！登录模板修改到顶部方法

第一步：

找到当前模板路径比如道勤小编当前模板路径为template/ymzj/common/header.htm 头部文件。


搜索代码

1. <!--{template common/header_userstatus}-->

复制代码

剪切到
搜索template/ymzj/common/header.htm  
找到代码
<div class="y">


把
<!--{template common/header_userstatus}-->
放到<div class="y">后面


保存好之前接下来我们需要修改CSS样式表了。


找到当前模板，比如道勤小编template/ymzj/common/extend_common.css

打开extend_common.css，下面是道勤小编提供的登录信息CSS样式


如果你自己懂的写CSS样式也可以自己写加到extend_common.css 最底下。

1. /*用户信息*/
   
2.         #um,.deanum{ float:right; padding-top:0; padding-right:0;}
   
3.         #um li,.deanum li{ float:left; padding-right:5px;}
   
4.         #um li a,.deanum li a{ color:#8C8B8B;}
   
5.         #um li a:hover,.deanum li a:hover{ color:#666;}
   
6.         .vwmy{ background-position:0 8px;}
   
7.         .vwmy.qq { background-position:0 5px; }

复制代码

增加好CSS样式表之后，保存！


第三步，如果是用本教程提供的CSS样式的话，下载以下文件放到比如道勤小编路径template/ymzj/common/下
header_userstatus.RAR (1.42 KB, 下载次数: 0)

2018-5-14 18:41 上传

点击文件名下载附件
Discuz！登录模板修改到顶部方法

道勤主机提供365天*24小时全年全天无休、实时在线、零等待的售后技术支持。竭力为您免费处理您在使用道勤主机过程中所遇到的一切问题! 如果您是道勤主机用户，那么您可以通过QQ【792472177】、售后QQ【59133755】、旺旺【诠释意念】、微信：q792472177免费电话、后台提交工单这些方式联系道勤主机客服！ 如果您不是我们的客户也没问题，点击页面最右边的企业QQ在线咨询图标联系我们并购买后，我们为您免费进行无缝搬家服务，让您享受网站零访问延迟的迁移到道勤主机的服务！

lengbu

这个样式怎么看呢……

lengbu

继续支持下，金币扣除了  没下载窗口弹出呀

lengbu

强烈支持楼主ing……我非常赞同您的观点，

猪八戒

lengbu 发表于 2018-5-17 12:37
强烈支持楼主ing……我非常赞同您的观点，

真是难得给力的帖子啊。