Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

提供“登陆框”与“搜索框”的CSS

[复制链接]
爱洞特漏 发表于 2006-8-23 17:14:16 | 显示全部楼层 |阅读模式
只是对官方的风格稍作了修改,请用下列代码替/css/main.css的相应部分,可根据自己的需要修改 ,效果见附件

/*用户面板*/
#userpanel {
height: 125px; /* 高度 */
width:170px; /* 宽度 */
overflow: hidden;
}
#userpanel * {
color: #333; /* 文字颜色 */
}
#userpanel form {
margin: 0;
padding: 10px;
}
#userpanel fieldset#userlogin {
margin: 0;
padding: 0;
padding-top: 28px; /* 上边框距离 */
border: none;
background: url(../images/login_title.gif) no-repeat left top;
}
#userpanel fieldset#userlogin legend {
display: none;
}
#userpanel fieldset#userlogin p {
margin: 5px 0;
}
#userpanel input {
width: 105px;
border: 1px solid #99cc66; /* 输入框粗细 线形 颜色(变成自己需要的颜色即可) */
line-height: 18px;
height: 18px;
he\ight: 16px;
margin-left: 5px;
vertical-align: middle;
}
#userpanel button {
border: none;
width: 46px; /* 按钮宽度 */
display: block;
overflow: hidden;
line-height:16px;
cursor: pointer;
float: right;
}
#userpanel .links {
line-height: 29px;
text-indent: -5px;
}
#userpanel .links a {
background: url(../images/links_item_line.gif) no-repeat right;
padding: 0 5px;
}
#userpanel .links a:hover {
color: #646585;
}

/*登录后*/
#userpanel ul {
margin: 0 10px 0 10px;
padding: 10px 0;
list-style: none;
line-height: 22px;
background: url(../images/dotline_list.gif) 0 10px;
}
#userpanel li {
background: url(../images/icon_item_arrow.gif) no-repeat left;
padding-left: 10px;
color: #333;
}
#userpanel li a {
color: #333;
}
#userpanel li a:hover {
color: #646585;
}

/*搜索框*/
#searchbox {
height: 26px;
}
#searchbox form {
margin: 0;
padding: 0;
}
#searchbox input {
height: 18px;
he\ight: 16px;
border: 1px solid #99cc66;
line-height: 16px;
margin-left: 5px;
}
#searchbox span.outbdr {
width: 52px;
w\idth: 50px;
}
#searchbox button {
color: #333;
line-height:16px;
}
#searchbox.simple form {
margin-left: 48px;
}

[ 本帖最后由 爱洞特漏 于 2006-8-23 17:21 编辑 ]
001.gif
002.gif
WeDone 发表于 2006-8-24 20:31:44 | 显示全部楼层
虽然效果一般,但重在提供了别一个风格
回复

使用道具 举报

ny165 发表于 2007-9-11 19:54:20 | 显示全部楼层
没有  /css/main.css
回复

使用道具 举报

ny165 发表于 2007-9-11 20:02:13 | 显示全部楼层
楼主  怎么找不到 有    /css/main.css
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2025-1-7 21:10 , Processed in 0.024039 second(s), 4 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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