·您现在的位置: 云翼网络 >> 文章中心 >> 网站建设 >> 网站建设问答 >> 织梦CMS网站顶部添加横向登录框

织梦CMS网站顶部添加横向登录框

作者:佚名      网站建设问答编辑:admin      更新时间:2022-07-23

DedeCMS自学教程5、顶部添加横向导航。本节以DedeCMS默认风格为例,所以,如果你站点使用的不是默认模板,要灵活调整修改。

1、DedeCMS默认风格里,顶部左边有一段话"织梦CMS - 轻松建站从此开始!",很多朋友想把这段话修改成一个横向登录框,像织梦吧顶部一样。

DedeCMS自学教程5、织梦CMS顶部添加横向登录框 图1

 图1

2、打开头部公用模板文件templets/default/head.htm,找到如下汉字:

DedeCMS自学教程5、织梦CMS顶部添加横向登录框 图2

图2

把上图里汉字,替换为如下登录调用代码, 改后为:

DedeCMS自学教程5、织梦CMS顶部添加横向登录框 图3

图3

其实仅仅这段代码还不够,还需要如下代码相辅助才能达到效果:

那么,我这里为什么没有加这段代码呢?这是因为默认主页模板文件index.htm里,已经包涵了这段代码。如果没有,或被自己删除了,请添加在index.htm里之前。

3、打开member/ajax_loginsta.php文件,找到如下代码,

DedeCMS自学教程5、织梦CMS顶部添加横向登录框 图3

 图4

上图红色框内的代码,即为登录成功后,返回用户信息。多数时候,我们的顶部导航没太宽的地方,以显示这些数据,所有完全没必要全部返回这些信息,可以适当减少几项,并且对div做美化,以达到美观体验。这里,简单做下调整,如下:

DedeCMS自学教程5、织梦CMS顶部添加横向登录框4

图5

下载上图已修改好的文件:ajax_loginsta.php:www.***.com/dedecms/dedecms-ad/10832_2.html

下载后替换member目录下的同名文件。更新生成后,可以看到如下效果:

DedeCMS自学教程5、织梦CMS顶部添加横向登录框 图5

图6

OK,这样一个顶部横向登录框就制作完了。文章来源地址http://www.d8bbs.com。