请教Genuine for ecshop 2.7.2的首页图片如何调整CSS

2016-07-07 15:16 来源:www.chinab4c.com 作者:ecshop专家

最近刚刚升级到Genuine for ecshop 2.7.2,感觉页面很不错,非常美观,非常谢谢模板的开发者哦

不过有个小问题,就是首页的图片大小不知如何设置,在后台设置的图片大小在首页没有效果,

只能通过style.CSS修改,但是这个模板的CSS跟别的模板有些不一样,我目前首页的照片只能显示一大边,

显得非常的不协调,破坏了美感,

请高人看看style.CSS里面应该改哪几个数字才能让首页的图片看着美感协调一些呢?

附style.css代码:

未命名1.jpg (91.17 KB)

未命名1.jpg


回答:
/*
Template Name: ECSHOP Genuine
Template URI: http://www.ecshop.com/
Description: The Genuine ECSHOP template.
Version: 2.7.2
Author: 失落的大地
Author URI: http://www.ecshop.com/
Logo filename: logo.gif
Template Type: type_0
*/

/* ====================公共样式==================== */
body{
background:url(images/bodybg.gif) repeat-x 0 0; font-size:12px; font-family:"宋体",Arial,Verdana; line-height:150%; margin:0; padding:0; color:#424242;
}
div{margin:0 auto; padding:0;}
h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form,img,p{
margin:0; padding:0; border:none; list-style-type:none;
}
h1,h2,h3,h4,h5,h6{
font-size:12px;
}
.block{
width:1000px; height:auto;
}
.blank{margin-bottom:8px;}
.fl{float:left;}
.fr{float:right;}
.tl{ text-align:left;}
.tc{ text-align:center;}
.tr{ text-align:right;}
.dis{display:block;}
.inline{display:inline;}
.none{display:none;}
.InputBorder{border:1px solid #ccc;}
.tips{
text-align:center;
font-size:14px;
font-weight:bold;
padding:30px 0px;
color:#ff6600;
}
.ads{
margin-bottom:8px;
}
.ads img{
display:block;
margin-bottom:0px;
}

.clearfix:after{
content:"."; display:block; height:0; clear:both;
visibility:hidden;
}
*html .clearfix{
height:1%;
}
*+html .clearfix{
height:1%;
}
/*英文强制换行*/
.word{word-break:break-all;}

/*全站按钮部分及修饰图标*/
acronym{
display:inline-block;
display:-moz-inline-stack;
*display:inline;
zoom:1;
vertical-align:middle;
overflow:hidden;
}

.bnt_number2,.bnt_number4,.bnt_number6,.bnt_number8,.bnt_number10{
border:none;text-align:center;font-weight:100;font-size:14px;color:#4a2f07;height:21px; vertical-align:middle;cursor:pointer;
padding-top:4px\9;*padding-top:3px;
}
.bnt_number2{
width:64px; background:url(images/bg.gif) no-repeat 0 -48px;
}
.bnt_number4{
width:81px; background:url(images/bg.gif) no-repeat -67px -48px;
}
.bnt_number6{
width:99px; background:url(images/bg.gif) no-repeat -151px -48px;
}
.bnt_number8{
width:128px; background:url(images/bg.gif) no-repeat 0 -71px;
}
.bnt_number10{
width:148px; background:url(images/bg.gif) no-repeat -131px -71px;
}
.go{
width:49px; height:21px; border:none; background:url(images/text_bg.gif) no-repeat 0-48px;cursor:pointer;
}
.bnt_join{
cursor:pointer;width:102px;height:43px;border:none;background:url(images/bg.gif) no-repeat -29px -154px;cursor:pointer;
}
.bnt_login{
cursor:pointer;width:102px;height:43px;border:none;background:url(images/bg.gif) no-repeat -136px -154px;cursor:pointer;
}
.txtdot{
background:url(images/bg.gif) no-repeat -287px -32px; padding-left:8px;
}



/*字体及颜色*/
.f1{color:#ff6c02;}
.f14b{font-size:14px; font-weight:bold;}
.f2{color:#aeacac;}
.username{color:#a80416;}
.market{ text-decoration:line-through;}
.price{color:#ff6c02; font-weight:bold; font-size:14px; font-family:Verdana, Arial;}

a:link {color: #424242; text-decoration:none;}
a:visited {color: #424242;text-decoration:none;}
a:hover {color: #ff0000; text-decoration:none;}
a:active {color: #424242; text-decoration:none;}

.a{color:#ff0000;}
.b{color:#0000ff;}

/* ====================goods.dwt==================== */
.goodsimgbox{
width:300px;
}
#focuscont{
width:300px;
height:300px;
line-height:300px;
border:1px solid #ccc;
overflow:hidden;
margin-bottom:5px;
}
.focuscont p img{
width:300px;
vertical-align:middle;
text-align:center;
*margin-top: expression(( 300 - this.height ) / 2);
}

#focustab{
width:300px; margin-bottom:12px;
}
#focustab li{
float:left;
}
#focustab li img{
height:54px;
width:54px;
display:block;
}
#focustab li a{
background:url(images/bg_pic_1.gif) no-repeat 0 0;
padding:9px 1px 3px 1px;
margin:0 1px 0 2px;
display:block;
}
#focustab li a.act{
background:url(images/bg_pic.gif) no-repeat 0 0;
padding:9px 3px 3px 3px;
text-align:center;
}
#focustab li a.act img{
border:none;
}
.goodstxtbox{
width:450px;
}
.goodName{
border-bottom:2px solid #ccc; position:relative; font-family:"黑体"; font-size:18px; font-weight:300;
padding-bottom:5px; margin-bottom:8px;
}
.goodName .prev{
position:absolute; right:0px; top:0px;
}
.goodstxtbox form{
font-size:14px; line-height:22px;
}
.Goodpromotion{
background:#f6f6f6;
border:1px solid #e8e8e8;
padding:8px;
margin:5px 0;
}
.infotit{
border-bottom:2px solid #ff5f00; padding:15px 10px 0 10px; margin-bottom:12px;
}
.infotit h2{
height:26px; background:url(images/tagbg1.gif) repeat-x left top; float:left; color:#fff; font-size:14px;
margin-right:3px; position:relative; bottom:-2px; padding:8px 12px 0 12px;
}
.infotit h2 span,.infotit .h2bg span{
width:5px; height:34px; display:block; position:absolute;
}
.infotit h2 span.l{
background:url(images/bg.gif) no-repeat 0 -155px; left:0px; top:0px;
}
.infotit h2 span.r{
background:url(images/bg.gif) no-repeat -6px -155px; right:0px; top:0px;
}
.infotit .h2bg{
background:url(images/tagbg.gif) repeat-x left top; color:#555; position:relative; bottom:0px; height:20px;padding:14px 12px 0 12px;
}
.infotit .h2bg span.l{
background:url(images/bg.gif) no-repeat -12px -155px; left:0px; top:0px;
}
.infotit .h2bg span.r{
background:url(images/bg.gif) no-repeat -18px -155px; right:0px; top:0px;
}
.tagcontent{
margin-bottom:10px; padding:10px 0 10px 20px;
}
.tagcontent .goodsbox{
*margin:0 3px;
}
/* ====================category.dwt==================== */
.mod1con .screeBox{
padding:5px 0;
border-bottom:1px dashed #ebeaea;
}
.mod1con .screeBox p{
padding:3px 5px; display:inline;
background:#ee340b;
color:#fff;
}
.sort{
font-size:12px;
font-weight:100;
line-height:28px;
position:relative;top:3px; top:1px\9; *top:3px;
}
.sort img{
position:relative; top:3px;
}
.sort select{
_position:relative; top:3px;
}
.sort input[type="submit"]{
position:relative;top:3px\9; *top:0px;
}
.cateGoodList ul{
border-bottom:1px solid #efeeee;
margin-bottom:8px;
}
.cateGoodList li{
float:left;
padding:5px 0;
}
.cateGoodList li.thumb{
margin-right:10px;
}
.cateGoodList li.thumb img{
width:60px;
height:60px;
border:1px solid #ccc;
}
.cateGoodList li.goodsText{
width:300px;
margin-right:20px;
}
.cateGoodList li.action{
float:right;
}
.goodsTitle{
line-height:28px;
font-weight:bold;
font-size:14px;
padding:0 20px;
background:url(images/title_bg_3.gif) repeat-x 0 0;
}
.grid .goodsbox{
width:150px;
margin:0 0 10px 0;
*margin:0 2px 10px 3px;
}

/* ====================文章系列==================== */
.articleBox{
background:#f6fcff; border:1px solid #d8d9d9; padding:15px;
}
.articleTit{
font-family:"黑体"; font-weight:300; font-size:18px;
}
.author{
border-bottom:1px solid #dcdddd; margin:10px 0 20px 0; position:relative; line-height:20px;
}
.author .articleSize{
position:absolute; top:0px; right:10px;
}
#article{
margin-bottom:20px;
}
.articlePrev{
border-top:1px solid #d8d9d9; padding-top:10px; margin-top:10px;
}
/* ====================团购,拍卖,夺宝奇兵==================== */
.group_buy_list{
border-bottom:1px solid #ccc;
margin-bottom:10px;
padding-bottom:10px;
}
.group_buy_list .groupImg{
border:1px solid #efeeee;
padding:20px;
margin-right:20px;
}
.grouplist{
padding:12px 10px 10px 10px; background:#fff;
}

/* ====================购物流程==================== */
.floatTable{
margin-bottom:10px;
}
.orderSuccess{
padding:20px;
margin-bottom:10px;
border:2px solid #b60037;
}
.orderSuccess .order_sn{
font-family:"黑体";
font-weight:normal;
font-size:18px;
margin:8px 0;
}
.orderSuccess .shipping_name{
line-height:24px;
padding-left:30px;
}
.orderSuccess p{
margin-top:20px;
text-align:center;
}
.orderSuccess p a{
text-decoration:underline;
color:#295ad0;
}
.step_login{
border:1px solid #ccc;
width:478px;
height:300px;
padding:5px;
margin-bottom:8px;
}
.user_login{
width:978px;
border:1px solid #ccc;
margin-bottom:8px;
padding:10px;
background:#fbfbfb;
}
.step_login h4,.user_login h4{
background:#d53a3e;
line-height:28px;
padding:0 10px;
margin-bottom:15px;
text-align:left;
color:#fff;
border-bottom:3px solid #e4e4e4;
}
.step_login h4.h4bg{
background:#5c5c5c;
}
/* ====================用户中心==================== */
.userMenu{
margin-left:30px;
}
.userMenu li{
background:url(images/bg.gif) no-repeat -291px -3px;
line-height:25px;
padding-left:15px;
font-size:14px;
}
.userMenu li a.curs{
font-weight:bold; color:#c40409;
}

.us_contentBox{
border:1px solid #d8d8d8;
border-top:2px solid #cc4124;
padding:10px;
margin-bottom:8px;
}
.us_contentBox h6{
height:25px;
line-height:25px;
background:url(images/bg.gif) no-repeat -243px -173px;
background-color:#efefef;
padding:0 20px;
margin-bottom:10px;
}
.us_notice{
border:1px solid #d2e2f2;
background:#f8fbff;
padding:10px;
text-indent:20px;
margin:10px 0;
}
.default{
padding:20px;
line-height:24px;
min-height:345px;
_height:345px;
}
.close{
border:2px solid #fe8802; float:left; background:#fffae7; margin-top:8px; padding:20px 8px 10px 10px; width:265px; position:relative;
display:none;
}
.close a{
text-decoration:underline;
}
.close a:hover{
text-decoration:none;
}
.close span{
display:block; width:14px; height:14px; overflow:hidden; background:url(images/close.gif) no-repeat 0 0;
position:absolute; top:3px; right:5px; cursor:pointer;
}
/* ======商品比较浮动块 ====== */
#compareBox {
width:128px;
background:url(images/compareBg.gif) no-repeat top center;
background-color:#edf8ff;
padding:35px 0 8px 0;
border: 1px solid #c5e4ff;
position: absolute;
right:1px;
top:200px;
}

#compareBox input {
width:52px; height:13px;
border:none;
background:url(images/compareSub.gif) no-repeat;
}

#compareList {
margin:0px 0px 8px 0px;
padding:0px;
width:120px;
background:#FFFFFF;
border:1px solid #d6ecff;
}

#compareList li {
color: #333;
text-align:left;
background: #fff;
padding: 3px 5px;
margin: 3px 0;
}

#compareList li img {
float:right;
padding-top:4px;
}

/*购物车提示*/
.messageli {
list-style-type:none;
padding:5px;
color:red;
}
.messagediv {
font-size:12px;
position:absolute;
border:1px solid #FFD700;
text-align:center;
padding:5px;
background-color:#FFFACD;
filter:alpha(opacity=50);
-moz-opacity:0.7;
opacity: 0.7;
}

/*积分兑换样式修改 */
.point li{
float:left;
width:300px;
}
.w200 .ads{
margin-bottom:0px;
}

模板美化,可以到模板美化区看下

里面找不到这样的教程啊,

请问哪位高人有具体的解决办法吗

你可以到模板美化区看下,贴下网址~

还是图片显示的问题

同问,这个广告位置的代码真的和其他版本的不一样

style.css 这个文件里的goodsbox样式的宽和高都定死 然后在去该 dwt 文件下的<img>标签里的宽和高,涉及的dwt文件好几个具体情况自己琢磨

进来看看,寻找高手!

到底怎么改啊,我也遇到同样的问题。