五
6
2010
shopex模板教程

Shopex4.85模板教程-制作一个首页-实例（二）

Author 文章 by kulolo    Comments 10 评论

接上篇，需要补充的是css路径和图片路径，打开block/header.html文件，在<head></head>标记中调用你的模板css文件。

例如:<link rel=”stylesheet” href=”images/css.css” type=”text/css” /> 路径尽量用相对路径。

接下来打开block/footer.html文件，想要模范下京东商城的底部信息，如下图（点击放大）

首先需要布局成5块，然后添加不同的挂件位，如下html代码

<ul>

<li><{widgets id=”siteinfo1″}></li>

<li><{widgets id=”siteinfo2″}></li>

<li><{widgets id=”siteinfo3″}></li>

<li><{widgets id=”siteinfo4″}></li>

<li><{widgets id=”siteinfo5″}></li>

</ul>

设置li的CSS样式浮动float:left，ul的CSS 为overflow:hidden(清除浮动)。并添加5个挂件位。

进入后台可视化编辑模板，添加版块>导航相关>站点目录树。这些信息是后台>页面管理>站点栏目中信息，可自行添加修改。

确保底部footer.html中含有<{footer}>代码。完成footer.html文件编辑。

布局HTML 详解 参考下图


觉得文章不错，请分享给你的朋友：

更多



标签：,

10 Comments + Add Comment

  • 鸽子树 2010年05月8日 2:16 下午

    不错哒，知识共享。能再多一点就更好了，呵呵~~

  • Shopex模板教程文章集合列表 | 关注shopex独立网店 2010年05月31日 4:57 下午

    [...] Shopex4.85模板教程-制作一个首页-实例（二） [...]

  • Eversiming 2010年05月31日 9:14 下午

    学习了，感谢分享。。

    还有很多需要学习呀，唉。。

  • 伶俐 2010年06月9日 4:00 下午

    学习中，受益匪浅！谢谢

  • sea 2010年07月8日 12:29 上午

    您好,我是新手.两个问题:
    1、边框的HTML要针对某一个挂件写代码吗？下面代码是紫气东来的border_gray.html代码：
    <div class="BorderColored" id="”>

    <div class="bg “>

    其中“class=”bg “”这段中的尖括号中也是一个样式吗？不明白？

    2、挂件的CSS是在做首页静态页时调好还是添加挂件后再调呢？

    麻烦你了，如果我说的不清楚，请加我QQ80179962，非常感谢

  • xd1412 2010年07月8日 9:34 上午

    有2种方式，简单点的，是添加好挂件后，修改css，还有种就是自己做HTML静态页后，然后修改挂件模板的HTML，然后调用css即可。这比较麻烦一点。架构可能更好一点。

  • Moons 2010年08月22日 9:07 下午

    添加诸如此的自定义widgets后，后台可视化编辑中没有显示改区域，无论将ID改成什么都没有，是否这个id需要在那里定义？

  • kulolo 2010年08月23日 9:32 上午

    修改widgets的id理论上来说就会变成新的挂件位，可以添加新的挂件，至于你说的自定义widgets是不是后台有这个挂件位里面没内容？如果是的话，那是485的一个BUG，目前最新版本好像修复好了。可以试验下

  • 小熊 2010年10月12日 7:42 下午

    很不错,正在学习中

  • 中国建站网 2011年10月8日 1:19 下午

    不做，正在学，长沙信息网：http://www.0731xinxi.com中国建站网:http://www.zhongguoweb.com

留下你的小脚印


博主简介

由于shopex模板教程比较少，于是我打造出一个个人用于shopex模板教程的网站，希望一些制作shopex模板的朋友碰到困难可以在博客留言，我会尽力回答，个人曾做过不少于30套各种各样的shopex模板，主要是定制系列高难度模板。有比较丰富的经验。
如果想做好shopex模板
1.相信自己一定能成功。
2.努力做到最好。
3.坚持，持之以恒。
联系QQ:点击这里给我发消息 (工作QQ，如果想购买模板或者定制可以找我)
发送邮件：

博主推荐

分类目录

热门标签

4.85 SEO shopex shopex4.85 shopex4.85模板教程 shopex模板教程 免费下载 模板教程

给力评论

文章存档

近期文章