织梦网站技术教程网让你更全面的了解和使用织梦cms

当前位置:织梦教程网 > 织梦安装使用 > DedeCMS自学教程5、织梦CMS顶部添加横向登录框

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

已有人收藏发布时间:2018-10-17 10:53   来源:www.dedejc.com 作者:织梦教程网

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

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

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


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

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

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


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

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

   <div id=http://www.dedejs.com/dedecms/use/"_userlogin"> 

   <form name=http://www.dedejs.com/dedecms/use/"userlogin" action=http://www.dedejs.com/dedecms/use/"{dede:global.cfg_memberurl/}/index_do.php" method=http://www.dedejs.com/dedecms/use/"POST">

<input type=http://www.dedejs.com/dedecms/use/"hidden" name=http://www.dedejs.com/dedecms/use/"dopost" value=http://www.dedejs.com/dedecms/use/"login" />

<span>用户名:</span>

<input type=http://www.dedejs.com/dedecms/use/"text" name=http://www.dedejs.com/dedecms/use/"userid" size=http://www.dedejs.com/dedecms/use/"10" class=http://www.dedejs.com/dedecms/use/"ipt-txt" />

<span>密码:</span>

<input type=http://www.dedejs.com/dedecms/use/"password" name=http://www.dedejs.com/dedecms/use/"pwd" size=http://www.dedejs.com/dedecms/use/"10" class=http://www.dedejs.com/dedecms/use/"ipt-txt" />

{dede:php}

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

echo '

   <span>验证码:</span>

       <input type=http://www.dedejs.com/dedecms/use/"text" name=http://www.dedejs.com/dedecms/use/"vdcode" size=http://www.dedejs.com/dedecms/use/"8" class=http://www.dedejs.com/dedecms/use/"ipt-txt" />

<img id=http://www.dedejs.com/dedecms/use/"vdimgck" align=http://www.dedejs.com/dedecms/use/"absmiddle" onClick=http://www.dedejs.com/dedecms/use/"this.src=this.src+\'?\'" style=http://www.dedejs.com/dedecms/use/"cursor:pointer;margin-left:0px;text-transform:uppercase;" alt=http://www.dedejs.com/dedecms/use/"看不清?点击更换" src=http://www.dedejs.com/dedecms/use/"'.$cfg_cmspath.'/include/vdimgck.php"/>';}

{/dede:php}

<button type=http://www.dedejs.com/dedecms/use/"submit" class=http://www.dedejs.com/dedecms/use/"btn-1">登录</button>

<a href=http://www.dedejs.com/dedecms/use/"{dede:global.cfg_memberurl/}/index_do.php?fmdo=user&dopost=regnew" >注册帐号</a> <a href=http://www.dedejs.com/dedecms/use/"{dede:global.cfg_memberurl/}/resetpassword.php">忘记密码?</a> 

</form>

</div>

<script language=http://www.dedejs.com/dedecms/use/"javascript" type=http://www.dedejs.com/dedecms/use/"text/javascript">CheckLogin();</script>

 

改后:

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


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

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