怎么把登录框变成横向的啊

求救 怎么把登录框变成横向的啊

原帖由 jourkey 于 2007-4-19 19:26 发表
求救 怎么把登录框变成横向的啊

解决这个问题的思路无非在登录口文件及其样式上面。
这里举例说明登录口文件（默认为根目录下的batch.panel.php）的修改。

1. <?php
   
2. /*
   
3. [SupeSite/X-Space] (C)2001-2006 Comsenz Inc.
   
4. 用户动态面板
   
5. $RCSfile: batch.panel.php,v $
   
6. $Revision: 1.8.4.3 $
   
7. $Date: 2006/11/23 01:28:24 $
   
8. */
   
9. include_once('./include/main.inc.php');
   
10. getcookie();
    
11. $uid = $_SGLOBAL['supe_uid'];
    
12. if(!empty($uid)) {
    
13. print <<<END
    
14. document.write('<div class="s1"><a href="$siteurl/?$uid" target="_blank">个人空间</a> | <a href="$siteurl/spacecp.php?docp=me" target="_blank">空间管理</a> | </div>');
    
15. document.write('<div class="s1"><a href="$bbsurl/pm.php" target="_blank">站内消息</a> | <a href="$bbsurl" target="_blank">访问论坛</a> | </div>');
    
16. document.write('<div class="s1"><a href="$siteurl/index.php?action_site_type_panel" target="_self">快捷面板</a> | <a href="$siteurl/batch.login.php?action=logout" target="_self">安全退出</a></div>');
    
17. END;
    
18. } else {
    
19. print <<<END
    
20. document.write('<form id="login" method="post" name="login" action="$siteurl/batch.login.php?action=login" target="_self">');
    
21. document.write('<div class="s1"><label for="username">用户名：</label></div>');
    
22. document.write('<div class="s2"><input id="username" name="username" /></div>');
    
23. document.write('<div class="s1"><label for="password">密码：</label></div>');
    
24. document.write('<div class="s2"><input name="password" id="userpass" type="password" /></div>');
    
25. document.write('<div class="s3"><button type="submit" name="loginsubmit" id="dologin" value="true">登录</button> <a href="$bbsurl/register.php?referer=$siteurl/index.php" target="_blank">会员注册</a> | <a href="$bbsurl/member.php?action=lostpasswd" target="_blank">找回密码</a></div>');
    
26. document.write('</form>');
    
27. END;
    
28. }
    
29. ?>

复制代码

可以将上述代码复制进记事本，保存为batch.panel2.php（只要与原文件不同名即可），放进根目录。
然后在相关模版文件中修改为这个文件的调用。
接下来，再来制定本部分的样式规则。
在样式表中，添加一下内容：

1. 
   
2. /*登录口 */
   
3. .s1{float:left; padding:11px 0 0 5px;}
   
4. .s2{float:left; padding:7px 0 0 5px;}
   
5. .s2 input{border:1px solid #000; width:50px; font-size:12px;}
   
6. .s2 select{font-size:12px;}
   
7. .s3{float:left; padding:7px 0 0 2px;}
   
8. .s3 button {height:20px; width:48px; background:url(../images/input_bg3.gif); border:0; padding:2px 0 0; font-size:12px;}
   

复制代码

然后将附件图片复制进你的样式图片目录。

说明一下，上面的登录口文件是上个版本的，你可以参照这写出自己的新版本的登录口文件。

谢谢 jsaren

看看，记下来了:)

记下了　方便下次查找