本帖最后由 戀傷 于 2013-10-22 11:21 编辑
登陆浮动框
打开
/template/你的风格目录/common/extend_common.css
在最下面加入以下代码:
/* 登录注册 */
.input_box {position:relative;color:#666;}
.input_box label {display:inline-block;margin:6px 10px 0 0;width:65px;text-align:right;}
.input_box .input {border-radius:3px;border:1px solid #CCC;width:200px;height:17px;line-height:17px;padding:5px 5px 5px 25px;}
.input_box a {color: #666666 !important;display: inline-block;margin-right: 10px;margin-top: 6px;text-align: right;text-decoration: none;}
.tipcol {padding-left:10px;}
.input_box select {box-shadow:1px 3px 3px rgba(208,208,208,.23) inset;border-radius:3px;border:1px solid #CCC;width:231px;height:17px;
line-height:17px;padding:7px 5px 5px 5px;height:30px;background:transparent;color:#666; *height:20px; *line-height:20px; *padding-top:10px;}
.input_box:hover label , .input_box:hover a {color:#666 !important;}
/* 注册扩展 */
.input_box .kzinput {border-radius:3px;border:1px solid #CCC;width:200px;height:17px;line-height:17px;padding:5px 5px 5px 8px;}
.input_box .px { background:none; border-radius:3px;border:1px solid #CCC;width:200px;height:17px;line-height:17px;padding:5px 5px 5px 10px;}
.input_box .ps {width:217px;}
/* 验证码，问题 */
.input_boxs {position:relative;color:#666; min-height:68px; _height:68px; }
.input_boxs .input {border-radius:3px;border:1px solid #CCC;width:200px;height:17px;line-height:17px;padding:5px 5px 5px 21px; background-color:#FFFFFF}
.input_boxs .px { background:none; border-radius:3px;border:1px solid #CCC;width:200px;height:17px;line-height:17px;padding:5px 5px 5px 5px; *margin-left:-4px;}
.input_boxs .ps {width:217px;}
.input_boxs a {color: #666666 !important;display: inline-block;margin-right: 10px;margin-top: 6px;text-align: right;text-decoration: none;}
.input_boxs p {display:inline-block;margin:6px 14px 0 0;width:65px;text-align:right; text-indent:4px;}
.input_boxs p { *display:inline}
.input_boxs em { position:relative; left:80px; top:2px;width:200px;text-align:right;}
.input_boxs em span { *display:block; *overflow:hidden}
#reginfo_a_btn { padding-left:82px; *padding-left:86px; }
.tipwide { padding-left:73px;}
.reg_btn {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background-color: #a2d205;background-image: -moz-linear-gradient(top, #aad501, #95cd0a);background-image: -ms-linear-gradient(top, #aad501, #95cd0a);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#aad501), to(#95cd0a));background-image: -webkit-linear-gradient(top, #aad501, #95cd0a);background-image: -o-linear-gradient(top, #aad501, #95cd0a);background-image: linear-gradient(top, #aad501, #95cd0a);background-repeat: repeat-x;filter: progid XImageTransform.Microsoft.gradient(startColorstr='#aad501', endColorstr='#95cd0a', GradientType=0);border-color: #95cd0a #95cd0a #608406;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);border-width: 1px;line-height: 30px; _height:30px;
-webkit-box-shadow: inset 0 2px 2px rgba(218, 239, 122, 0.75), 0 1px 2px rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 2px 2px rgba(218, 239, 122, 0.75), 0 1px 2px rgba(0, 0, 0, 0.15);
box-shadow: inset 0 2px 2px rgba(218, 239, 122, 0.75), 0 1px 2px rgba(0, 0, 0, 0.15);color: #fff;text-align: center;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);font-weight: bold; cursor: pointer;padding:0 10px;}
.reg_btn:hover { background-color: #afe305; background-image: -moz-linear-gradient(top, #beee01, #99d20a);
background-image: -ms-linear-gradient(top, #beee01, #99d20a);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#beee01), to(#99d20a));
background-image: -webkit-linear-gradient(top, #beee01, #99d20a);background-image: -o-linear-gradient(top, #beee01, #99d20a);
background-image: linear-gradient(top, #beee01, #99d20a);background-repeat: repeat-x;
filter: progidXImageTransform.Microsoft.gradient(startColorstr='#beee01', endColorstr='#99d20a', GradientType=0);}
.reg_btn:active {background-color: #9dd006;background-image: -moz-linear-gradient(top, #95cd0a, #aad501);background-image: -ms-linear-gradient(top, #95cd0a, #aad501);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#95cd0a), to(#aad501));
background-image: -webkit-linear-gradient(top, #95cd0a, #aad501);background-image: -o-linear-gradient(top, #95cd0a, #aad501);
background-image: linear-gradient(top, #95cd0a, #aad501);background-repeat: repeat-x;
filter: progidXImageTransform.Microsoft.gradient(startColorstr='#95cd0a', endColorstr='#aad501', GradientType=0);}
.reg_btn img {vertical-align:middle;margin:-1px 5px 0 0; margin-top:-2px\9}
.login_btn {margin-left:80px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background-color: #ffc955;
background-image: -moz-linear-gradient(top, #ffd75b, #ffb54c);background-image: -ms-linear-gradient(top, #ffd75b, #ffb54c);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffd75b), to(#ffb54c));background-image: -webkit-linear-gradient(top, #ffd75b, #ffb54c);
background-image: -o-linear-gradient(top, #ffd75b, #ffb54c);background-image: linear-gradient(top, #ffd75b, #ffb54c);
background-repeat: repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd75b', endColorstr='#ffb54c', GradientType=0);
border-color: #ffb54c #ffb54c #ff9500;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);border-width: 1px;
line-height: 30px;-webkit-box-shadow: inset 0 2px 2px rgba(255, 238, 152, 0.75), 0 1px 2px rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 2px 2px rgba(255, 238, 152, 0.75), 0 1px 2px rgba(0, 0, 0, 0.15);
box-shadow: inset 0 2px 2px rgba(255, 238, 152, 0.75), 0 1px 2px rgba(0, 0, 0, 0.15);color: #fff;text-align: center;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);font-weight: bold;cursor: pointer;padding:0 10px;}
.login_btn img {vertical-align:middle;margin:-1px 5px 0 0;}
.login_btn:hover {background-color: #ffd276;background-image: -moz-linear-gradient(top, #ffe38e, #ffb751);
background-image: -ms-linear-gradient(top, #ffe38e, #ffb751);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffe38e), to(#ffb751));
background-image: -webkit-linear-gradient(top, #ffe38e, #ffb751);background-image: -o-linear-gradient(top, #ffe38e, #ffb751);
background-image: linear-gradient(top, #ffe38e, #ffb751);background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe38e', endColorstr='#ffb751', GradientType=0);}
.login_btn:active {background-color: #ffc352;background-image: -moz-linear-gradient(top, #ffb54c, #ffd75b);
background-image: -ms-linear-gradient(top, #ffb54c, #ffd75b);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffb54c), to(#ffd75b));
background-image: -webkit-linear-gradient(top, #ffb54c, #ffd75b);background-image: -o-linear-gradient(top, #ffb54c, #ffd75b);
background-image: linear-gradient(top, #ffb54c, #ffd75b);background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb54c', endColorstr='#ffd75b', GradientType=0);}
.with_icon_1 { background:url({STYLEIMGDIR}/member/icon_4.png) 5px 50% no-repeat; }
.with_icon_2 { background:url({STYLEIMGDIR}/member/icon_2.png) 5px 50% no-repeat; }
.with_icon_3 { background:url({STYLEIMGDIR}/member/icon_1.png) 5px 50% no-repeat; }
.with_icon_4 { background:url({STYLEIMGDIR}/member/icon_3.png) 5px 50% no-repeat; }
.with_icon_5 { background:url({STYLEIMGDIR}/member/icon_5.png) 5px 50% no-repeat; }
如果没有extend_common.css 请创建一个
将图片包上传至风格目录
将template文件夹根目录.(自己修改下template下的风格目录名称)
后台更新缓存即可
|
置顶卡
喧嚣卡
变色卡
千斤顶
显身卡
楼主