找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
查看: 113|回复: 0

[cms教程] dedecms实现首页顶部会员登陆框的方法

[复制链接]

该用户从未签到

发表于 2020-6-22 10:34:44 | 显示全部楼层 |阅读模式

您需要 登录 才可以下载或查看,没有账号?立即注册

×
很多做网站的人在做门户资讯网站的时候,都喜欢在首页顶部的位置来个横向的会员登陆。而dede的会员登陆则是在右边的。那到底要如何来实现这个功能呢?请先看效果图。 下面我
        标签:
        很多做网站的人在做门户资讯网站的时候,都喜欢在首页顶部的位置来个横向的会员登陆。而dede的会员登陆则是在右边的。那到底要如何来实现这个功能呢?
         
        下面我们来一步一步修改!
        首先在index.html中删掉原来的登陆代码,在头部文件head.html加入以下新的代码:
         
        复制代码代码如下:
         
         
         
         
       

         
         
         
        [i,
        [i,
        [i,
        用户名:[i,
        密码:[i,
        验证码:[i,
       
[img][/img]

        登录
        [url=,注册帐号[/url] [url=,忘记密码?[/url]
         
         
         
         
         
       

         
        [url=,设为首页[/url] | [url=,加入收藏[/url] | [url=,网站导航[/url]
         
         
         
        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;
        overflow:hidden;
        }
        .ipt-txt{
        width:100px;
        border:1px #CFCFCF solid;
        }
        .fb{
        color:#333333;
        }
        .btn-1{
        background: url("../images/comm-bt.gif") no-repeat scroll 0 0 transparent;
        border: medium none;
        color: #585858;
        cursor: pointer;
        height: 24px;
        letter-spacing: 1px;
        line-height: 25px;
        overflow: hidden;
        width: 70px;
        }
         
        HTML代码和CSS都有了,现在显示是没问题了,但要正常登入,还少一些JS文件要加载:
         
        代码如下:
回复

使用道具 举报

网站地图|页面地图|文字地图|Archiver|手机版|小黑屋|找资源 |网站地图

GMT+8, 2024-11-7 10:55

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表