请教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)
回答:
/* 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文件好几个具体情况自己琢磨 |
进来看看,寻找高手! |
到底怎么改啊,我也遇到同样的问题。 |
最近更新
常用插件
- ecshop二次开发售后维修卡
插件介绍: 本插件是用于专门从事电子,信息,软件等售后服务关键比...
- ecshop选择下单时间插件
ecshop选择下单时间插件主要是根据不同的下单配送要求,在ecshop购物车...
- ecshop供应商插件免费下载
ecshop供应商插件免费下载...
- ecshop按分类筛选销售排行
ecshop按分类筛选销售排行...
- ecshop快递发货单打印商品
ecshop快递发货单打印商品信息,大家都知道ecshop快递单打印的时候,只能...
ecshop热门问答
ecshop热门资料
ecshopconsignee
ecshop标点符号
ecshop更换
扩展分类
ecshop折服
ecshop短消息
ecshop高亮
ecshop模范
ecshop不正常
ecshopgoogle
ecshop贵州办公
ecshop到期
ecshop淘宝同步
ecshop商品分类
ecshopdiy装机
ecshop分页的页数怎么改啊
ecshop顶用
ecshopUnavailable
ecshop名点
ecshop干儿子
ecshop快捷登录
ecshoplazyload
ecshop国际
ecshopmod
ecshop声音
ecshop盗版软件
ecshop回车键
ecshop二级分类
ecshop左区域
ecshop收藏本站点