对论坛注册页的小修改 [复制链接] [手机版]

昨晚把登录页页脚信息上方的一条横线删除了，原来是样式文件中的上边框控制的。然后继续研究注册页，因为在注册页可以看到下方的卷轴，但上方的没有，而且上部只有一个logo，显得有些空旷。总之，就是各种不理想。之前也研究过，但直到昨晚才出成果。

图片:563.gif

通过360极速浏览器的审查元素功能，可以看到logo所在块是由head样式控制的（右上注册页文件），其中的一个样式定义是它的高度为187px。而logo只有100个像素，所以显得有些空旷，而且有些单调。然而，这个187个像素高的样式到底在什么地方，一直没有找到。搜索“head 187px”，只在本地备份文件中找到了缓存文件，并没有实质性的文件中包含这个样式。那这个样式到底是怎么定义的呢？最后想到了后台，原来是自定义的忆江南风格（换换不同的页头背景图就有不同的心情），而这个高度值是保存在数据表中的，所以找不到。

那就继续研究如何才能把页头背景图和上卷轴（它们是组合在一起的，一个图像）也显示在注册页，那样页面就完美了。自然是添加样式和修改注册页文件，终于在今天凌晨快一点的时候在本机论坛实现。

今晚的任务就是发表这个主题，以及实际修改家园论坛文件及测试。其实，这个时候应该去睡觉了，因为已经连续8天从早8点干到晚8点了，中午和晚上吃饭后有十几分钟的休息时间，实际上班时间还是达到了11个小时，不知道还要加几天。

不说了，下载文件，修改，上传，测试。

再三的检查帖子是必不可少的，正式开始干活。

注册页文件register.htm
改为：

        <div class="head_top">
        <div id="head" class="cc">
                <a href="$db_bbsurl/"><img src="$imgpath/$stylepath/logo.png" class="fl reglogo" title="" /></a>
        </div></div>

logo添加额外的样式reglogo，使其相对于正常的位置再下移40px，也就是调整logo所在的位置。
.reglogo{position:relative;top:40px;}

head_top的块（</div>）放到head的后面，也就是原来是两个块，现在改为块中块。

修改head_top的样式（原来只有height:0px;所以这个块实际上没有显示出来）
.head_top{background:url(/images/214/top_jiangnan/08.gif) no-repeat center top;height:180px;}

注册页文件已经上传覆盖，接下来上传样式文件。然后退出，测试。

测试期间继续微调样式，去掉regTitle的下边框属性。模板文件中加上我们的经典“遇见你是最美的缘！”

<h5><span class="s2">遇见你是最美的缘！</span>欢迎来到注册页面，我们热情欢迎你的加入！</h5>

测试期间发现新的问题：退出和登录时会短暂的出现提示信息，而上面样式中提到的页头背景图会出现其中，是不是head_top的样式在别的文件中也有调用（主要的修改就是这个样式）？

模板文件中搜索下看看结果，然后本地修改下这个样式名测试。

果然，在备份文件中发现有几个文件应该应用到这个样式：除了本主题中提到的注册页文件，还有refreshto.htm（和跳转有关）、sendpwd.htm（这个应该是重置密码文件）和showmsg.htm。里面的代码和注册页都是一样的：

<div class="head_top"></div>

所以，本地基本不用测试了，改下这个样式名吧。

随便改个名称，改成head_topbg（top背景），解决问题。完美！  

现在的注册页果然好看多了，关键是还有美女哦。