zoukankan      html  css  js  c++  java
  • 【8】了解淘宝提供给我们可布局的地方

    在上面一节我们创建了一个自己的模板,但是问题来了,淘宝装修店铺是不可能整个页面都让你装修了,是有限制的,下来我们就看看我可以装修那些地方:

    其中黄色部分是淘宝自己的模板,不可以进行修改;

    蓝色部分就是淘宝提供给我们可以进行装修的地方了。

    下面我们就随便打开一个c店看看,真正布局的这块是怎么样的,这里我们就要用上火狐的firebug插件来看看了(对于不知道怎么用这个插件的同学们,可以自己百度下或是自己摸索怎么用,这个插件我们也只是用到一些很简单的功能)。

    我们可以查到我们可以进行布局的层,div是<div id="content"></div> 这个是简化通用版的

    下面这个是我查到这家店铺的完整版:
    <div id="content" class="tb-shop head-expand eshop " data-cat="J_Cat0"></div>

    ===========================================================

    ps.好了,貌似就这么点,要是还有没有说到位的,请大家在下面留言,哦,对了,还有一个文件大家要去看看,就是这个site.xml,这个文件我也在前面提到过,有空就看看,不是很复杂,代码如下。

      1 <?xml version="1.0" encoding="GBK"?>
      2 
      3 <site version="1">
      4 
      5      <!—模板标识由系统自动生成 -->
      6 
      7      <id> 2cd2659796794dbab1e4115dac7facf3</id>
      8 
      9      <!—模板名称--> 
     10 
     11      <name>模板-1</name>
     12 
     13      <!—设计师信息-->
     14 
     15      <author wangwang="XX" url="http://www.taobao.com">Jacky</author>
     16 
     17      <!—模板缩略图-->
     18 
     19      <thumbnail>assets/images/frontpage.png</thumbnail>
     20 
     21      <!—模板语言-->
     22 
     23      <language>php</language>
     24 
     25      <!—模板版本-->
     26 
     27      <version>2010050901</version>
     28 
     29      <!—修改日志-->
     30 
     31      <change-notes>
     32 
     33             change log
     34 
     35      </change-notes>
     36 
     37      <!—模板描述,不要超过100个字-->
     38 
     39     <description>
     40 
     41             description here
     42 
     43      </description>
     44 
     45      <!—模板全局信息-->
     46 
     47      <global>
     48 
     49            <!—模板头部-->
     50 
     51            <header>header.php</header>
     52 
     53             <!—模板尾部-->
     54 
     55             <footer>footer.php</footer>
     56 
     57            <!—模板全局CSS文件-->
     58 
     59            <css>assets/stylesheets/global.css</css>
     60 
     61      </global>
     62 
     63            <!—模板风格--> 
     64 
     65      <styles>
     66 
     67         <style>
     68 
     69            <!—风格名称-->
     70 
     71            <name>green</name>
     72 
     73            <!—风格缩略图-->
     74 
     75            <thumbnail>assets/images/green.jpg</thumbnail>
     76 
     77        <!—风格CSS文件-->
     78 
     79            <css>/assets/stylesheets/green.css</css>
     80 
     81         </style>
     82 
     83      </styles>
     84 
     85      <!—模板参数信息-->
     86 
     87     <parameters>
     88 
     89         <param name="demo" description="只读属性-1" readonly="true">demo</param>
     90 
     91         <param name="theme" description="主题风格">green</param>
     92 
     93     </parameters>
     94 
     95     <!—模板页面-->
     96 
     97     <pages>
     98 
     99         <page type="index">
    100 
    101             <name>首页</name>
    102 
    103             <file>index.php</file>
    104 
    105             <parameters>
    106 
    107                 <param description="标题">untitled</param>
    108 
    109             </parameters>
    110 
    111         </page>
    112 
    113         <page type="detail">
    114 
    115             <name>宝贝详情页</name>
    116 
    117             <file>detail.php</file>
    118 
    119         </page>
    120 
    121         <page type="article">
    122 
    123             <name>文章页面</name>
    124 
    125             <file>article.php</file>
    126 
    127         </page>
    128 
    129         <page type="other">
    130 
    131             <name>促销页面</name>
    132 
    133             <file>onsale.php</file>
    134 
    135         </page>
    136 
    137     </pages>
    138 
    139 </site>

     这里要说下,申明一个页面我们用标签<page></page>,同时我们要注意这个标签下包裹了那些标签及属性和作用等。

  • 相关阅读:
    API接口的安全设计验证—ticket,签名,时间戳
    能上QQ,浏览器不能上网?
    jQuery 获取元素当前位置offset()与position()
    USB Type-C工作原理解析
    利用SVN工具下载OpenCore代码
    内存数据保存到文件
    oracle07
    oracle06
    oracle05
    oracle04--伪列
  • 原文地址:https://www.cnblogs.com/huige728/p/2466164.html
Copyright © 2011-2022 走看看