汽车

织梦CMS顶部添加横向登录框7z7z

2019-06-14 23:02:21来源:励志吧0次阅读

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

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

图 DedeCMS自学教程

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

图 DedeCMS自学教程

把上图里汉字,替换为如下代码:

div id=_userlogin

form name=userlogin action={dede:g_memberurl/}/index_p method=POST

input type=hidden name=dopost value=login /

span用户名:/span

input type=text name=userid size=10 class=ipt-txt /

span密码:/span

input type=password name=pwd size=10 class=ipt-txt /

{dede:php}

if(preg_match(#2# $safe_gdopen)){

echo

span验证码:/span

input type=text name=vdcode size=8 class=ipt-txt /

img id=vdimgck align=absmiddle onClick=c=c+\?\ style=cursor:pointer;margin-left:0px;text-transform:uppercase; alt=看不清?点击更换 src=.$cfg_cmspath./include/p/;}

{/dede:php}

button type=submit class=btn-1登录/button

a href={dede:g_memberurl/}/index_p?f注册帐号/a a href={dede:g_memberurl/}/p忘记密码?/a

/form

/div

script language=javascript type=text/javascriptCheckLogin();/script

改后:

图 DedeCMS自学教程

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

script language=javascript type=text/javascript src={dede:g_cmsurl/}/include/scriptscript language=javascript type=text/javascript!--function CheckLogin(){var taget_obj = tElementById(_userlogin);myajax = new DedeAjax(taget_objfalsefalse);ndGet2({dede:g_cmspath/}/member/ajax_p);DedeXHTTP = null;}--/script那么,我这里为什么没有加这段代码呢?这是因为默认主页模板文件m里,已经包涵了这段代码。如果没有,或被自己删除了,请添加在m里之前。

3、打开member/ajax_p文件,找到如下代码,

图 DedeCMS自学教程

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

图 DedeCMS自学教程

上图附件下载: .dedecms8./dedecms/dedecms-ad/10832_ml

更新生成后,可以看到如下效果:

图 DedeCMS自学教程

OK,这样一个顶部横向登录框就制作完了。转载请注明来源【织梦吧】,谢谢合作。欢迎大家加DedeCMS8-群:交流学习。

预防护理
台州小程序开发商
微信公众平台小程序怎么用
分享到: