立即注册 找回密码

QQ登录

只需一步,快速开始

查看: 7503|回复: 4

[Discuz 通用教程] Discuz!登录模板修改到顶部方法

[复制链接]

111

主题

16

回帖

1819

积分

大学四年级

Rank: 6Rank: 6

积分
1819
发表于 2018-5-14 18:41:58 | 显示全部楼层 |阅读模式
道勤网-数据www.daoqin.net

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

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

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

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

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

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)

0

主题

5

回帖

10

积分

普通学员

Rank: 1

积分
10
发表于 2018-5-17 12:34:28 | 显示全部楼层
道勤网-数据www.daoqin.net
这个样式怎么看呢……

0

主题

5

回帖

10

积分

普通学员

Rank: 1

积分
10
发表于 2018-5-17 12:36:45 | 显示全部楼层
道勤网-数据www.daoqin.net
继续支持下,金币扣除了  没下载窗口弹出呀

0

主题

5

回帖

10

积分

普通学员

Rank: 1

积分
10
发表于 2018-5-17 12:37:05 | 显示全部楼层
道勤网-数据www.daoqin.net
强烈支持楼主ing……我非常赞同您的观点,

点评

真是难得给力的帖子啊。  详情 回复 发表于 2018-5-22 11:25

111

主题

16

回帖

1819

积分

大学四年级

Rank: 6Rank: 6

积分
1819
 楼主| 发表于 2018-5-22 11:25:01 | 显示全部楼层
道勤网-数据www.daoqin.net
lengbu 发表于 2018-5-17 12:37
强烈支持楼主ing……我非常赞同您的观点,

真是难得给力的帖子啊。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

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

!jz_fbzt! !jz_sgzt! !jz_xgzt! 快速回复 !jz_fhlb! !jz_lxwm! !jz_gfqqq!

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

GMT+8, 2024-11-10 13:12

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

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