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

2024-10-13 18:41:45

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]如何实现横排登陆
猜你喜欢