猪八戒 发表于 2018-5-14 18:41:58

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

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

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

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

第一步:

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


搜索代码
<!--{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 最底下。

/*用户信息*/
      #um,.deanum{ float:right; padding-top:0; padding-right:0;}
      #um li,.deanum li{ float:left; padding-right:5px;}
      #um li a,.deanum li a{ color:#8C8B8B;}
      #um li a:hover,.deanum li a:hover{ color:#666;}
      .vwmy{ background-position:0 8px;}
      .vwmy.qq { background-position:0 5px; }增加好CSS样式表之后,保存!


第三步,如果是用本教程提供的CSS样式的话,下载以下文件放到比如道勤小编路径template/ymzj/common/下



lengbu 发表于 2018-5-17 12:34:28

这个样式怎么看呢……

lengbu 发表于 2018-5-17 12:36:45

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

lengbu 发表于 2018-5-17 12:37:05

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

猪八戒 发表于 2018-5-22 11:25:01

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

真是难得给力的帖子啊。
页: [1]
查看完整版本: Discuz!登录模板修改到顶部方法