Discuz!头部登录框更改或移动到顶部（美化）

2024-10-17 15:32:56

大家好，今天程龙博给大家介绍的是Discuz!头部登录框更改或移动到顶部（美化）的方法。很多站长可能要建设门户或者咨询类网站，其中头部的登录框可能就不需要，或者说要变得简化和美观一点，那就快了关注（程龙博的discuz站长成长日记）吧！希望能帮助到你

工具/原料

安装好的Discuz!网站（可以更改）

能更改源码的软件（比如：DW等）

登录框更改或移位

1、首先咱们要明确的是目标，也就是想要更改成为什么样子，下面程龙博把自己改好的样式和期初的样式截图加上来，来看一下吧：

2、首先要去根目录下找到根目录下：template---default----member---login_simple.html，然后用DW软件打开就可以看到源码了：

3、在更改之前我们要做一下备份，或者添加一个自己的文件（注：大家都知道，如果你只是不想洫曛晗丕让你的门户首页或者资讯网站首页显示这样样式，但是针对网站的论坛你可能还需要这样的样式，那我还是劝你梓脶阗擗最好建立一个自己的样式文件，就是复制源文件然后改成自己想要的名字。这样你就可以在复制后的文件了随意更改了，这样还不影响源文件）。比如：

4、既然要用到自己定义后的文件，那首先就是凸鹣沮北把系统调用的自带的文件改成自己的文件，首先找到根目录下：template---default----common幻腾寂埒---header_userstatus.html，打开文件找到代码，然后把系统调用的自带文件login_simple改成自己定义的文件：login_m_simple看看那串代码吧

5、既然替换了自己的文件，那就可以在这个文件里面随意更改了。首先打开自定义的文件，我们看到源码（可能你看不懂，但是不要紧，直接复制程龙博给你改好的代码也可以）这样就可以更改成你想要的样式了，前提是你能看懂

6、这个文件的源码是表格形式的，懂的人就没有问题了，而不懂得则要注意一点。因为可能因为你随意改了一个字母它就不能用了。既然第一部定目标了，那我们就改成那个样式的，那要做的就是把密码的输入框和登录按钮都移动到账户的哪一行就行了：

7、如果你不知道怎么移动，那就直接复制下面代码吧，然后把源文件的代码覆盖就Ok了！ <div class="y pns"> <t锾攒揉敫able cellspacing="0" cellpadding="0"> <tr>  <td> <span class="ftid"> <select name="fastloginfield" id="ls_fastloginfield" width="50" tabindex="900"> <option value="username">{lang username}</option>  <option value="uid">{lang uid}</option>  <option value="email">{lang email}</option> </select> </span> <script type="text/javascript">simulateSelect('ls_fastloginfield')</script> </td> <td><input type="text" name="username" id="ls_username" autocomplete="off" class="px vm" tabindex="901" /></td>  <td><label for="ls_username">{lang account}</label></td>  <td><label for="ls_password"{if !$_G['setting']['autoidselect']} class="z psw_w"{/if}>{lang password}</label></td> <td class="fastlg_l"><input type="password" name="password" id="ls_password" class="px vm" autocomplete="off" tabindex="902" /></td> <td class="fastlg_l"><button type="submit" class="pn vm" tabindex="904" style="width: 75px;"><em>{lang login}</em></button></td> <td> <a href="member.php?mod={$_G[setting][regname]}" class="xi2 xw1">$_G['setting']['reglinkname']</a></td> </tr> </table> <input type="hidden" name="quickforward" value="yes" /> <input type="hidden" name="handlekey" value="ls" /> </div>（想要更改登录以后会员的显示信息的样式就关注程龙博的下一篇经验吧！）