新任店长装修店面经验技巧

    网店装修首先我自己接触这个东西也不是很久，在网上查了很多关于淘宝装修的代码，基本上大部分都是复制粘贴，对于刚刚入门的我来说非常纠结并表示不理解，为了帮助同样表示纠结和不理解的朋友们解惑，我决定把我目前所了解的需要代码编辑的知识分享出来供这些朋友参考。

　　有些废话还是要说一下：页面风格什么的我就不说了，人各有爱，而且网络应该更多元化的存在而不是一味的复制粘贴，这也是我写这个的目的，好，马上进入主题。

　　首先是如何获得代码，非常简单，进入别人的网店，然后右键点击你想要获得代码的图片，文字或者其他东西选择属性，然后复制地址，然后点击浏览器的查看选项，进入源文件，这个时候就会看到这个页面所有的代码，然后点查找或者按CTRL+F在查找里面输入刚才复制的代码就能跳转到该代码所在的位置了，然后复制这段代码粘贴到记事本上，一般整段代码大部分都以<DIV>开头</DIV>结尾，所以比较好找，然后就慢慢修改代码内容吧。好吧，代码什么的最讨厌了 ，但是又想弄这种效果。所以只好做最傻瓜版本的教程了，那就直接来复制这段吧。但是很多部分还是需要慢慢理解试验，不要盲目粘贴，请看完以下教程后能够熟练运用这段代码。

　　图片轮换代码：

　　首先新建一个自定义页面或者在已编辑的自定义页面点击 编辑HTML源码 图标进入编辑，光标移到最下面一行输入回车然后粘贴本段代码：

　　<DIV></DIV>

　　<DIV class=bd>

　　<DIV style="HEIGHT: 500px" class="slider-promo J_Slider J_TWidget" data-widget-type="Slide" data-widget-config="{\'effect\':\'fade\',\'contentCls\': \'lst-main\', \'navCls\': \'lst-trigger\', \'activeTriggerCls\': \'current\'}" data-type="fade">

　　<ul class=lst-main>

　　<li><A style="HEIGHT: 500px" href="http://连接地址" target=_blank><img alt="" src="图片.png" ></A></li>

　　<li><A style="HEIGHT: 500px" href="http://连接地址" target=_blank><img alt="" src="图片.png" ></A></li>

　　<li><A style="HEIGHT: 500px" href="http://连接地址" target=_blank><img alt="" src="图片.png.png" ></A></li>

　　<li><A style="HEIGHT: 500px" href="http://连接地址" target=_blank><img alt="" src="图片.png.png" ></A></li>

　　<li><A style="HEIGHT: 500px" href="http://连接地址" target=_blank><img alt="" src="图片.png.png" ></A></li>

　　</ul>

　　</DIV></DIV>

　　<DIV></DIV>

　　这是一段图片淡出淡入的代码，一共有五张图片轮流播放，好，观察一下这段代码，教你如何在这段代码上面做修改。

　　1.在淘宝图片空间上传所要轮播的图片，这样就可以获得图片地址。这里有一点很重要，没做到这段代码就不能实现图片轮播，所以要特别注意：如果你的图片轮播是放在750PX宽的自定义内容区图片就必须是宽750PX，同样宽度950PX的自定义去图片也要950PX宽。并且同一个图片轮播中的图片高度要相同。如果你不知道怎么获得一张750或者950PX宽度的图片那还需要参加蒋老师PHOTOSHOP培训课程。图片格式最好是PNG，GIF之类的，因为文件小不占空间。

　　2.有没有看到HEIGHT: 500px，这就是图片的高度，图片多高就写多少，把所有的500PX都改成你的图片高度。当然你也可以使用500PX的图片。这个地方的宽度由你新建的自定义区域大小决定，自定义区域只有两种，一种就是950PX的一种就是750PX的，所以不用太纠结这个。改好就进入下一步。

　　3.粘贴好上面那段代码后点击编辑HTML源码就可以返回可视化编辑，这个时候应该可以看到5把小红X，双击小红叉会看到图片地址，尺寸，内部边距（这里可以设置图片边框粗细颜色），连接地址。粘贴图片地址和要连接到的地址，5把小红叉都替换好后保存，然后预览一下。如果没有看到图片轮换那就参考第一条。

　　4.<li><A style="HEIGHT: 500px" href="http://连接地址" target=_blank><img alt="" src="图片.png" ></A></li>

　　这段可增可减，轮播的图片数量多或少就在这段的句首或句尾增加或减少一段，增加减少的时候请注意这段文字的完整性。测试没问题之后再次进入HTML源码里面复制已经编辑好的代码粘贴在记事本中，以后就不用这么麻烦了

　　其他教程将会陆续推出，希望这些免费分享能给大家带来好生意！