济南高新区房源:巧用工具，扶植版也疯狂!_顶级店铺>>淘宝店铺装修免费模板 如何在淘宝网上开店 淘宝店铺模...

巧用工具，扶植版也疯狂

打破常规方法，装修商城新装免费让你穿！扶植版也能使用CSS！

开篇语：连续两天，写了两篇帖子，都加为精华了，开心啊！继续努力。所以说：“常在顶级店铺里学习，不牛也疯狂！”

今天再和大家继续分享的是：突破常规方法，巧用工具，让你的扶植版旺铺也装修得很漂亮，让你的扶植版也能免费添加CSS样式，免费更换店铺分类背景，（扶植版会限制自定义区域添加CSS样式代码，装修时会自动屏蔽CSS代码）而且，菜鸟也能免费换上装修商城的收费新装啊！你再无需为不懂图片处理而烦恼，也无需网页代码而头痛，只须认识几个关键字，你就可以轻松解决了。这是新方法啊，经验之谈啊，并不是论坛里众多的朋友使用的常规方法啊，再让我老生长谈了！

一、成果先一睹为快

看下成果，在此为了不影响篇幅，只截取店铺缩略图和部份关键特写图了。

（注：此图片已做模糊处理，避免有广告悬疑，如需清晰整体效果，可到本店查看。）

 说明：从上图可以看到，扶植版的啊，并没有购买收费的模板啊，再看下，“宝贝分类”的背景图，是不是，也让我换掉了？还有“推广宝贝”，样式也换掉了。一口价里的样式就是CSS代码实现的了。

 下面大家跟着我的步伐，我带大家一步一步去实现，让大家也可以免费动手装修店铺，此方法无论是扶植版旺铺，旺铺其它也一样可以。只是扶植版会限制自定义区域添加CSS样式代码，装修时，自定义区会自动屏蔽CSS代码，无法让你添加。接下来的我们的方法就是教大家怎样突破这个屏蔽，从而实现免费也能添加CSS样式代码。细心留意下面方法啊，也就是你实现免费的重点啊。

二、换装实战详谈

下面我将方法分为三步：

（一）装修商城借新装，挑选自己喜欢的模板；

（二）免费试用，巧借其图片与代码；

（三）突破常规，巧用工具，实现新装更换。

好了，清楚这三个步伐了，接下来我们顺着这三步，一步一步去实现：

（1）装修商城借新装，挑选自己喜欢的模板；这一步非常简单，相信很多朋友都懂的了，简略说明下。首先我，我们登陆淘宝店铺，进入我的店铺主页，右侧，有个“装修此页面”点击进入装修面。或者进入我的淘宝，店铺管理里，装修店铺也可以。进入装修页面后。点击顶部“模板”进入，再选择“装修市场”，转到装修市场页面后，看图，点击左边的分类，我们选择“扶植版”。

到此，大家就慢慢去挑选吧，都是资深的设计师设计的啊，喜欢那些就试那些，看到喜欢的了，我们不急着去购买，因为这些模板，等下我们都可以免费去换上的。

（2）免费试用，巧借其图片与代码；这么多的模板，我就不一一说明了，我只教大家方法，懂是方法了，其它的模板，你也一样能换上，只要是扶植板的你都可以用上。下面，我们以实例说明吧，截图。我随便挑装修市场上的一个扶植版模板举例吧。

选择确定试用后，进入试用界面了，然后，我们点最顶的“预览”，看下效果，呵呵，不错吧，就喜欢这个风格。

跟着，我们就借用这个模板，找到它的图片，它的CSS样式代码。在当前页面空白处，点击鼠标右键，菜单中选取“查看页面源码”，找到相关的源码，其它里面包含图片链接，CSS样式代码。

接下来关键一步了，大家看清楚：首先我先取CSS样式代码。在此顺便提醒下，扶植版旺铺的自定义区里不支持CSS代码的，还有，自定义区域里只支持最大的代码为20KB啊，超出保存不了的啊。下面查看代码，复制代码，大家可以在桌面新建个“记事本”文件，将取下来的代码粘贴进去，方便下一步操作。看图，代码里，我教大家看下那些是CSS样式代码，大家只要找到这两个就可以了，一般就这两符号间的代码，一个在页面前几行，以结尾，大家只要将这间的代码复制下来，放到先前建立的记事本文件里即可，包含这个在内啊。

 记得复制下来后保存啊，看上图，右下角，就是我复制下来的新建文本文件里了，注意保存后，文件的大小啊，看下，CSS样式代码占用9.62KB大小，还记得我之前提示的啊，20KB以内啊。

到此，样式代码任务我们完成了，如果还喜欢模板里的，自定义区域里的图片轮播、秒杀、公告、收藏店铺、掌握推荐等代码，方法也一样。不详说了，论坛其它教程很多。这里，简单提下。

再接下看下代码，从CSS样式代码往下看，查找。

从上图，找到关键字，如“BEST优惠促销”这几个文字了没有，我就按这几个字，从代码中查找他的位置，查找后，定下范围，一般就在你查找的位置前与后的一些代码

最上面应该与表格“

大家慢慢找，就知道了，好了，接着，我们就复制这段代码出来，放在刚刚的CSS样式代码下方，再一起保存，再看下大小，不要超出20KB啊。如果超出，你自己去改下，删除些用不着的样式代码，容量就会小点了。再来一张，复制后的图片和保存后的大小截图，注意看图中红字和红框。

这一步，大家慢慢去理解，细心去查找，不要搞错啊，搞错，会错位的啊，一个完整的表格代码是这样的： 

多试几次，慢慢去发现。这里不多说了。

（3）突破常规，巧用工具，实现新装更换。这一步非常重要也非常简单，所以说是巧用工具了。

  许多老手也知道，装修时，IE或者其它浏览器打开，自定义区域里，添加CSS代码，你一保存，马上发现代码不见了，只有此HTML常用代码，其它CSS代码自定义区会自动屏蔽了。也就是我们扶植版所说的不支持添加CSS样式代码了。淘宝自定义代码编辑器里做了限制，为了这一步，我这里教大家用非常规方法去添加，绕过淘宝自动屏蔽限制。这里，我所用到的方法是，得用“Mozilla Firefox 4”火狐浏览器，大家可以到网上下载，其它浏览器不行，我试过IE 6 7 8 版本，搜狗浏览器，360浏览器，傲游，QQ浏览器等，都不行。其它浏览器，大家去发现了。使用火狐浏览器，去在自定义区里添加CSS代码，就可以突破限制了。记住啊，一定要这么啊，其它不行的，我试过好多次了。

在自定义区域里添加代码，步骤应该都懂了吧。这里不一步步示范了。先将刚才我们复制下来的“CSS样式代码”和“自定义区域那些图片轮播代码”全选，复制，然后，用火狐浏览器，打开装修页面，自定义内容区，编辑，编辑器工具栏最右边，代码。内容框里，粘贴复制的代码，然后，点击下方的保存，其间不要动任何位置，直到保存完成，然后，才点发布即可。这样，效果就出来了。记住，保存期间不能做任何修改，和再次重新编辑啊，只要你重新编号，代码就会自己屏蔽了。切记啊。重新编辑得重新复制代码再粘贴啊。

好了，总算完成了，看看成果吧，是不是很漂亮呢。是不是很有成就感啦！写了三个多小时了，希望大家慢慢看，慢慢去理解，多练习下。可能，你还有更好的方法啦。目前发现，此方法只能应用于店铺首页