dedecms实现首页顶部会员登陆框的方法

织梦教程 强烈建议 2024-02-26 11:24 99 0

  很多做网站的人在做门户资讯网站的时候,都喜欢在首页顶部的位置来个横向的会员登陆。而dede的会员登陆则是在右边的。那到底要如何来实现这个功能呢?请先看效果图。 下面我

  标签:

  很多做网站的人在做门户资讯网站的时候,都喜欢在首页顶部的位置来个横向的会员登陆。而dede的会员登陆则是在右边的。那到底要如何来实现这个功能呢?

  下面我们来一步一步修改!

  首先在index.html中删掉原来的登陆代码,在头部文件head.html加入以下新的代码:

  复制代码代码如下:

  

  

  

  

  

  

  

  

  

  

  

  

用户名:

  密码:

  验证码:

  dedecms实现首页顶部会员登陆框的方法

  

  注册帐号 忘记密码?

  

  

  

  

  

  

  

  

  

  

  HTML代码现在我们已经有了,下面把上面代码中用到的CSS样式完善了:

  代码如下:

  /*---------- head ---------*/

  .header{

  width:100%;

  width:960px;

  margin:auto;

  overflow:hidden;

  }

  .header_top{

  height:32px!important;

  height:31px;

  line-height:32px;

  color:#676767;

  overflow:hidden;

  background:url(https://www.风格酷模板网.com/a/images/top_bg.gif) repeat-x;

  }

  .center{

  margin:0px auto;

  }

  .w960{

  width:960px;

  /*position:relative;*/

  }

  .header_top .time{

  float:left;

  padding-left:10px;

  }

  .header_top .toplinks{

  float:right;

  text-align:right;

  }

  .header_top .toplinks a{

  margin:0 5px;

  }

  .header .top{

  clear:both;

  overflow:hidden;

  margin-top:10px;

  }

  .header .title{

  float:left;

  }

  .header .title h1 a{

  width:386px;

  height:58px;

  display:block;

  overflow:hidden;

  }

  .header .banner{

  width:434px;

  height:55px;

  float:right;

  margin-left:20px;

本站资源均来自互联网或会员发布,如果不小心侵犯了您的权益请与我们联系。我们将立即删除!谢谢!