【教材】可视化装修成自定义教程

• 发表于 2014-02-22 21:37

 可视化装修成自定义教程

 

站点示例1：折优选http://zheyouxuan.uz.taobao.com/

站点示例2：无敌好货http://super.uz.taobao.com/

我们以美丽日志为例子来教大家做。

第一步：删除系统自带导航条。

第二步：设置背景图片（图片见文件夹）

装修后台-〉样式管理-〉背景设置-〉上传背景图片-〉横向平铺-〉保存

 

第三步：创建自定义分类页

 

 

第四步：修改头部代码（见text文件），将logo地址和导航链接地址换成自己的自定义分类页地址导航，红色部分，注意：不要在此处修改，去text中修改。

<div style="overflow:hidden;height:130px;">

<div style="overflow:hidden;height:89px; padding-left:40px;">

<img src="http://img03.taobaocdn.com/imgextra/i3/736954895/T2tevlXphaXXXXXXXX_!!736954895.png" />logo图片

</div>

<div style="overflow:hidden;height:38px; line-height:40px;">

<a href="http://beauty-diary.uz.taobao.com/" style="color:#fff; padding:0 15px; font-weight:bold;">首页</a>首页地址

<a href="http://beauty-diary.uz.taobao.com/p/rd924094.htm" style="color:#fff; padding:0 15px; font-weight:bold;">美妆</a>

<a href="http://beauty-diary.uz.taobao.com/p/rd741655.htm" style="color:#fff; padding:0 15px; font-weight:bold;">女装</a>

<a href="http://beauty-diary.uz.taobao.com/p/rd037587.htm" style="color:#fff; padding:0 15px; font-weight:bold;">母婴</a>

<a href="http://beauty-diary.uz.taobao.com/p/rd701083.htm" style="color:#fff; padding:0 15px; font-weight:bold;">家居</a>

<a href="http：//http://bangpai.taobao.com/group/680080.htm?isMemo=1/" style="color:#fff; padding:0 20px; float:right; font-weight:bold;">帮派</a>

</div>

</div>

第五步：首页和自定义分类页分别添加2个自定义内容区。将修改好的头部代码复制到最上面的自定义区内。每个页面都要这样做哦

第六步：去www.zheuz.com分别采集首页和分类页内容代码复制到第二个自定义内容区，保存发布。Ok啦

有问题请加QQ群：206124749

作者：折优选站长小奉。

以上教程免费使用，请大家不要用来商用谋取利益。

 

 

 

 

★★★★★可视化模板自动生成和自动采集：http://www.zheuz.com/

★★★★★更多经验请关注帮派：http://bangpai.taobao.com/group/680080.htm

★★★★★加入QQ群：206124749

 

头部代码：

<div style="overflow:hidden;height:130px;">

<div style="overflow:hidden;height:89px; padding-left:40px;">

<img src="//img03.taobaocdn.com/imgextra/i3/736954895/T2tevlXphaXXXXXXXX_!!736954895.png" />

</div>

<div style="overflow:hidden;height:38px; line-height:40px;">

<a href="http://beauty-diary.uz.taobao.com/" style="color:#fff; padding:0 15px; font-weight:bold;">首页</a>

<a href="http://beauty-diary.uz.taobao.com/p/rd924094.htm" style="color:#fff; padding:0 15px; font-weight:bold;">美妆</a>

<a href="http://beauty-diary.uz.taobao.com/p/rd741655.htm" style="color:#fff; padding:0 15px; font-weight:bold;">女装</a>

<a href="http://beauty-diary.uz.taobao.com/p/rd037587.htm" style="color:#fff; padding:0 15px; font-weight:bold;">母婴</a>

<a href="http://beauty-diary.uz.taobao.com/p/rd701083.htm" style="color:#fff; padding:0 15px; font-weight:bold;">家居</a>

<a href="http://bangpai.taobao.com/group/680080.htm?isMemo=1/" style="color:#fff; padding:0 20px; float:right; font-weight:bold;">帮派</a>

</div>

</div>

[最后更新时间为 2014-02-23 10:44]