养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

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

时间:2024-11-07 21:45:41

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

工具/原料

安装好的Discuz!网站(可以更改)

能更改源码的软件(比如:DW等)

登录框更改或移位

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

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

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

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

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

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

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

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

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

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

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

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

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

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

7、如果你不知道怎么移动,那就直接复制下面蜣贺鱿柢代码吧,然后把源文件的代码覆盖就Ok了! <divclass="ypns"> <t锾攒揉敫ablecellspacing="0"cellpadding="0"> <tr> <!--{if!$_G['setting']['autoidselect']}--> <td> <spanclass="ftid"> <selectname="fastloginfield"id="ls_fastloginfield"width="50"tabindex="900"> <optionvalue="username">{langusername}</option> <!--{ifgetglobal('setting/uidlogin')}--> <optionvalue="uid">{languid}</option> <!--{/if}--> <optionvalue="email">{langemail}</option> </select> </span> <scripttype="text/javascript">simulateSelect('ls_fastloginfield')</script> </td> <td><inputtype="text"name="username"id="ls_username"autocomplete="off"class="pxvm"tabindex="901"/></td> <!--{else}--> <td><labelfor="ls_username">{langaccount}</label></td><!--{/if}--> <td><labelfor="ls_password"{if!$_G['setting']['autoidselect']}class="zpsw_w"{/if}>{langpassword}</label></td> <tdclass="fastlg_l"><inputtype="password"name="password"id="ls_password"class="pxvm"autocomplete="off"tabindex="902"/></td><tdclass="fastlg_l"><buttontype="submit"class="pnvm"tabindex="904"style="width:75px;"><em>{langlogin}</em></button></td> <td>&nbsp;<ahref="member.php?mod={$_G[setting][regname]}"class="xi2xw1">$_G['setting']['reglinkname']</a></td> </tr> </table> <inputtype="hidden"name="quickforward"value="yes"/> <inputtype="hidden"name="handlekey"value="ls"/> </div>(想要更改登录以后会员的显示信息的样式就关注程龙博的下一篇经验吧!)

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

© 一点知识