大家好,今天程龍博給大家介紹的是Discuz!頭部登錄框更改或移動到頂部(美化)的方法。很多站長可能要建設門戶或者諮詢類網站,其中頭部的登錄框可能就不需要,或者說要變得簡化和美觀一點,那就快了關注(程龍博的discuz站長成長日記)吧!希望能幫助到你
工具/原料
安裝好的Discuz!網站(可以更改)
能更改源碼的軟件(比如:DW等)
登錄框更改或移位
首先咱們要明確的是目標,也就是想要更改成為什麼樣子,下面程龍博把自己改好的樣式和期初的樣式截圖加上來,來看一下吧:
首先要去根目錄下找到根目錄下:template---default----member---login_simple.html,然後用DW軟件打開就可以看到源碼了:
在更改之前我們要做一下備份,或者添加一個自己的文件(注:大家都知道,如果你只是不想讓你的門戶首頁或者資訊網站首頁顯示這樣樣式,但是針對網站的論壇你可能還需要這樣的樣式,那我還是勸你最好建立一個自己的樣式文件,就是複製源文件然後改成自己想要的名字。這樣你就可以在複製後的文件了隨意更改了,這樣還不影響源文件)。比如:
既然要用到自己定義後的文件,那首先就是把系統調用的自帶的文件改成自己的文件,首先找到根目錄下:template---default----common---header_userstatus.html,打開文件找到 代碼,然後把系統調用的自帶文件login_simple改成自己定義的文件:login_m_simple看看那串代碼吧
既然替換了自己的文件,那就可以在這個文件裡面隨意更改了。首先打開自定義的文件,我們看到源碼(可能你看不懂,但是不要緊,直接複製程龍博給你改好的代碼也可以)這樣就可以更改成你想要的樣式了,前提是你能看懂
這個文件的源碼是表格形式的,懂的人就沒有問題了,而不懂得則要注意一點。因為可能因為你隨意改了一個字母它就不能用了。既然第一部定目標了,那我們就改成那個樣式的,那要做的就是把密碼的輸入框和登錄按鈕都移動到賬戶的哪一行就行了:
如果你不知道怎麼移動,那就直接複製下面代碼吧,然後把源文件的代碼覆蓋就Ok了!
(想要更改登錄以後會員的顯示信息的樣式就關注程龍博的下一篇經驗吧!)
注意事項
一定要記住備份系統自帶的文件
源碼覆蓋的時候最好是一邊操作,一邊看前臺的效果,防止出錯。