|
亲注册登录道勤网-可以查看更多帖子内容哦!(包涵精彩图片、文字详情等)请您及时注册登录-www.daoqin.net
您需要 登录 才可以下载或查看,没有账号?立即注册
x
道勤小编发现有不少Disucz!爱好者不太喜欢官方自带的登录,占用太多地方。都想像地方门户163K,蚂蚁地方门户程序一下移动顶部登录。
现道勤小编把方法分享出来。
discuz!官方自带默认登录窗口演示图
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/下
header_userstatus.RAR
(1.42 KB, 下载次数: 0)
|
|