首页 > 织梦学院 > 织梦技巧 >

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

相关案例演示

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

标签:

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

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

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

复制代码代码如下:

密码:<input type="password" name="pwd" size="18" class="ipt-txt" />

验证码:<input type="text" name="vdcode" size="8" class="ipt-txt" />

</form>

</div>

</td></tr></table>

</span>

</div>

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(../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;

上一篇：DEDECMS用sql标签分页

下一篇：超漂亮DEDECMS提示框样式修改美化

免责声明：本站所有文章和图片均来自用户分享和网络收集，文章和图片版权归原作者及原出处所有，仅供学习与参考，请勿用于商业用途，如果损害了您的权利，请联系网站客服处理。

来源：网友投稿关注：时间：2020-06-22 08:41

☉首先声明，只要是我们的vip会员所有源码均可以免费下载，不做任何限制(了解更多)
☉本站的源码不会像其它下载站一样植入大量的广告。为了更好的用户体验以后坚持不打水印
☉本站只提供精品织梦源码，源码在于可用，不在多！！希望在这里找到你合适的。
☉本站提供的整站织梦程序，均带数据及演示地址。可以在任一源码详情页查看演示地址
☉本站所有资源（包括源码、模板、素材、特效等）仅供学习与参考，请勿用于商业用途。
☉如有其他问题，请加网站客服QQ进行交流。