关于登录模块重新制做问题

如何修改CSS,或者别的文件使其外观如图所示

并且有登录判断
登录后显示为
欢迎您, XXXXX 站点设置 我的个人空间 管理我的空间 退出系统

是横排的

[ 本帖最后由 bhcgn 于 2006-7-9 11:47 编辑 ]

#indexbar .left {
        height: 177px;
        width: 189px;
        float: left;
}

（以上是登陆区域这一块的总大小，修改高和宽成为你想要的大小。）
#indexbar .login {
        height: 70px;
        width: 168px;
        margin: 40px 15px 9px 6px;
}
#indexbar .login input {
        font-size: 12px;
        height: 16px;
        width: 80px;
}
#indexbar .reg {
        height: 40px;
        width: 120px;
        margin-top: 18px;
        margin-right: 26px;
        margin-left: 29px;
        margin-bottom: 0px;
  
}
#indexbar .reg a {
        display: block;
        height: 100%;
        width: 100%;
}

上面三段就是登陆区域的CSS，主要是修改高宽，还有margin代码后的值来控制各个块的位置

多谢,试试

sanreal 兄,这个具体如何调用呢

<div id="indexbar">
  <div class="left">
    <div class="login"><div id="userpanel">$div[userpanel]</div></div>
    <div class="reg"><a href="?action/panel" title="开通我的个人网络门户" target="_blank"></a></div>
  </div>

看上面这段代码

再看我http://www.sanreal.com （我这里的登陆块）

再比较你自己的样式。。

这段代码是在index.html.php里的。而这个页面调用的CSS却是在header.html.php里！因为这个页面最上方有个
{template header}。你再打开header.html.php页面，会看到上部份代码有具体调用的是哪个css文件！从而找到登录模块的CSS样式代码

多谢大侠,我加你QQ啦

如果要把用户名

密　码

登录

注册找回密码
这些都弄在一行怎么改呢/

我弄的成这样了

1. #userpanel {
2.   height: 80px;
3. overflow: hidden;
4. }
5. #userpanel form {
6. display:inline;
7. margin: 0;
8. padding: 10px;
9. }
10. #userpanel * {
11. color: #660099;
12. }
13. #userpanel fieldset#userlogin {
14. margin: 0;
15. padding: 0;
16. border: none;
17. }
18. #userpanel fieldset#userlogin legend {
19. display: none;
20. }
21. #userpanel fieldset#userlogin p {
22. display:inline;
23. margin: 0px;
24. }
25. #userpanel input {
26. width: 102px;
27. w\idth: 100px;
28. border: 1px solid #B8B9C9;
29. background: #FFF url(../images/input_bg.gif) repeat-x top;
30. line-height: 20px;
31. height: 22px;
32. he\ight: 20px;
33. margin-left: 5px;
34. }
35. #userpanel button {
36. border: none;
37. background: #747691 url(../images/btn_bg.gif);
38. width: 45px;
39. height: 20px;
40. display: block;
41. color: #FFF;
42. line-height: 20px;
43. overflow: hidden;
44. cursor: pointer;
45. margin-right: 10px;
46. margin-top: 3px;
47. float: right;
48. }
49. #userpanel .links {
50. line-height: 29px;
51. text-indent: -5px;
52. }
53. #userpanel .links a {
54. color: #333;
55. background: url(../images/links_item_line.gif) no-repeat right;
56. padding: 0 8px;
57. text-decoration: none;
58. }
59. #userpanel .links a:hover {
60. color: #c72374;
61. }

复制代码

上面的图片是你的吗？

不是已经好了？？