怎样为市场价加一条红色删除线? red_concise模版

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



如题,我所用的是淘宝商城模版,想在商品详细页面的市场价那里搞个红色删除线的效果,请问怎么修改?

回答:
知道的麻烦说一下吧,谢谢了!~~

<S>你想加删除线的地方</S>

你想加删除线的地方
daydx 发表于 2009-5-28 02:32


按照这个方法,虽然删除线加上了,但不是红色的,还有如图所示,货币符号,数字,元上边的线不是连在一起的。这样看起来不是很美观。不过还是谢谢楼上的热心朋友。

谁还有好的方法共享出来吧,在此先谢谢了!~~

未命名.jpg (4.26 KB)

未命名.jpg


研究一下 html代码吧 很容易的


夏天不穿衣服的秘诀!

修改CSS~~~~~

这是CSS代码 具体修改哪一点呢?

  1. /*--- goods_grid ---*/
  2. .goods_grid{ display:block; overflow:hidden; zoom:1; padding:0 0 0 4px;}
  3. .goods_grid li{ width:165px; float:left; padding:11px 8px 9px;}
  4. .goods_grid .img{border:1px solid #E4E4E4; width:165px; height:165px;}
  5. .goods_grid .img img{width:165px; height:165px;}
  6. .goods_grid .name{text-align:center; height:28px; padding-top:4px; overflow:hidden; line-height:14px; width:165px;}
  7. .goods_grid .price{text-align:center; height:20px; width:165px; line-height:20px; overflow:hidden; }

  8. /*--- goods_grid2 ---*/
  9. .goods_grid2{ display:block; overflow:hidden; zoom:1; padding:0 0 0 4px;}
  10. .goods_grid2 li{ width:165px; float:left; padding:11px 9px 9px;}
  11. .goods_grid2 .img{border:1px solid #E4E4E4; width:158px; height:158px;}
  12. .goods_grid2 .img img {width:158px; height:158px;}
  13. .goods_grid2 .img a{height:158px; height:158px; display:block;}
  14. .goods_grid2 .name{text-align:center; height:25px; overflow:hidden; line-height:25px; font-size:12px; font-weight:bold; width:158px;}
  15. .goods_grid2 .market_price{text-decoration:line-through; color:#000;}
  16. .goods_grid2 .price{text-align:center; font-size:12px; color:#CE2104; width:158px; line-height:20px; overflow:hidden; }

  17. /*--- goods_item ---*/
  18. .goods_item{ display:block; overflow:hidden; zoom:1; padding:0 0 0 4px;}
  19. .goods_item li{ width:99%; display:block; float:left; padding:11px 0 9px; border-bottom:1px #ccc dashed;}
  20. .goods_item .img{border:1px solid #E4E4E4; float:left; width:65px; height:65px;}
  21. .goods_item .img img{height:65px; width:65px;}
  22. .goods_item .name{text-align:center; padding:0 10px; text-align:left; width:290px; height:40px; overflow:hidden; line-height:20px; float:left;}
  23. .goods_item .name a:hover{color:#333;}
  24. .goods_item .name a{font-size:13px; font-weight:bold; color:#FF6600;}
  25. .goods_item .price{text-align:center; float:left; padding-top:8px; text-align:left; color:#CE2104; line-height:20px; overflow:hidden; }
  26. .goods_item .market_price{text-decoration:line-through; color:#000;}
  27. .goods_item .item_cart{float:right; padding-top:25px;}


  28. /*--- goods_text ---*/
  29. .goods_text{ display:block; overflow:hidden; zoom:1; padding:0 0 0 4px;}
  30. .goods_text li{ width:99%; display:block; float:left; padding:11px 0 9px; border-bottom:1px #ccc dashed;}
  31. .goods_text .name{text-align:center; padding:0 10px; text-align:left; width:380px; height:40px; overflow:hidden; line-height:20px; float:left;}
  32. .goods_text .name a:hover{color:#333;}
  33. .goods_text .name a{font-size:13px; font-weight:bold; color:#FF6600;}
  34. .goods_text .price{text-align:center; float:left; padding-top:8px; text-align:left; color:#CE2104; line-height:20px; overflow:hidden; }
  35. .goods_text .market_price{text-decoration:line-through; color:#000;}
  36. .goods_text .item_cart{float:right; padding-top:16px;}
复制代码

要修改CSS的,看是什么模板。

是red_concise仿淘宝商城模版

自己顶下请CSS高手把方法贴出来吧CSS文件在7楼看看具体怎么改。

10# 天蝎的梦想

<s color=red> dfdgfgfg</s>

测试不通过

自从css 发明之后

怎么感觉越来越繁琐

楼上的方法也不行。

我也正想找这个样子的,帮楼主顶一下。

还没结果吗?

按照以上朋友的提供的方法,都不行。 这个功能看起来好多人需要,再自己顶一下