本帖最后由 lwd815813 于 2009-6-26 16:58 编辑
在此前感谢以前分享的朋友~!因为该风格是源于一些朋友的作品的。先看效果(http://www.xt666.com),
如果觉得可以就往下看,因为这个用户登录面板是由根目录的batch.panel.php文件产生,加JS和CSS实现。呵呵,好像是这么多东西了,因为做这个已经很长时间了,不太记得具体是不是这些,应该没错了,继续~!
我们先把batch.panel.php改成如下,如果不想以后升级有问题的话,就把文件改名吧(这是我个人认为的,具体升级会不会影响还得知道的人能告诉我。在这先谢谢了)然后把CSS设置一下,如下- /* top */
- .lwd_intopbox{ width:960px; margin:0 auto; background:#2c2f38 url(../images/lwdimages/bg.jpg); overflow:hidden; color:#fff }
- .lwd_t_left{position:absolute; float:left; height:30px; width:800px; padding-left:10px;}
- .lwd_t_left li{float:left; padding-top:5px; margin-right:8px}
- .lwd_t_left a:link,.lwd_t_left a:visited{color:#fff}
- .lwd_t_left_line{padding-right:10px;}
- .lwd_int_top{padding-top:10px}
- .lwd_int{background:#fff; width:80px; height:17px; line-height:17px; border: solid #7f9db9 1px;}/*文本输入框*/
- .lwd_input_bn{background:#2c2f38 url(../images/lwdimages/a1.gif) no-repeat 0px 0px; width:51px; height:15px; border:none; cursor:pointer}/*登录按键*/
- .lwd_s_bn{padding-top:1px}
- .lwd_t_text01{color:#72b4cd}
- .lwd_t_text01 a:link,.lwd_t_text01 a:visited{color:#72b4cd}
- .lwd_t_right{float:right; width:150px; text-align:right; line-height:30px}
- /*登陆状态*/
- /*发布信息下拉*/
- #lwd_contribute_op { position:absolute; top:29px; left:420px; padding:5px 10px; border-right:1px solid #5292ab; border-bottom:1px solid #5292ab; border-left:1px solid #5292ab; background:#000; width:90px;}
- #lwd_contribute_op li { margin:2px 0; clear:both; }
- #lwd_contribute_op li a:link,#lwd_contribute_op li a:visited{color:#72b4cd;}
- #lwd_contribute_op li a:active,#lwd_contribute_op li a:hover{color:#ff7302;}
复制代码 最后把调用代码从index.html.php调到header.htme.php的后面就可以了(改名的记得你的名也跟着改哦。)
好了,就这么简单,先总结到这里,到时有问题再改,
最后希望大家能给上一个能适合各浏览器的"加入收藏“和”设为首页“代码,这样这个顶置的基本完美了。 |