Discuz模板DIY:[4]如何实现横排登陆

2025-05-24 06:51:05

1、未修改之前,头文件布局,如图所示:

Discuz模板DIY:[4]如何实现横排登陆Discuz模板DIY:[4]如何实现横排登陆

4、我们通过审查元素可以看到,头部文件的位置,然后在header.htm找到,如图“

Discuz模板DIY:[4]如何实现横排登陆

5、将其剪切复制到”y“的下面,如图:

Discuz模板DIY:[4]如何实现横排登陆

7、我们通过上面可以看出,我们需要会员信息,所以我们需要将会员信息文件header_userstatus.htm复制到common文件夹下,如图:

Discuz模板DIY:[4]如何实现横排登陆Discuz模板DIY:[4]如何实现横排登陆

10、同理,将小人图标也对应删除,如图:

Discuz模板DIY:[4]如何实现横排登陆

11、我们看到还是两行,怎么回事呢,再审查元素,我们发现有两套<p></p>嵌套,这样我们就删除一套,如图:

Discuz模板DIY:[4]如何实现横排登陆

12、效果,如图:

Discuz模板DIY:[4]如何实现横排登陆Discuz模板DIY:[4]如何实现横排登陆Discuz模板DIY:[4]如何实现横排登陆

16、现在要修改,未登录时的效果,如图:

Discuz模板DIY:[4]如何实现横排登陆

18、登陆框代码,如图:

Discuz模板DIY:[4]如何实现横排登陆

20、效果,如图:

Discuz模板DIY:[4]如何实现横排登陆
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢