聚网通社区电子商务聚网通皮肤专区聚网通皮肤制作详细说明文档

1  /  1  页   1 跳转 查看:1244

标题: 聚网通皮肤制作详细说明文档

聚网通皮肤制作详细说明文档

聚网通皮肤制作详细说明文档
[此文档由ZHIGA整理]

附件附件:

您所在的用户组无法下载或查看附件

最后编辑charles 最后编辑于 2008-06-03 20:04:14
引用
 

回复: 聚网通皮肤制作详细说明文档

关于主题的的制作技巧与问题可以在论坛发布贴子。
引用
 

回复:聚网通皮肤制作详细说明文档

第一:整个容器使用table来布局?
----------------------

就是说,这个容器就是一个 table, 只能是table,最外层table 外面不能最放其它标签
然后内部有几个要点,其它自由发挥。

然后内部有几个要点?

    [title]    表标标题的位置
    [actions]  三角形的位置
    [body]    放入模块的位置,后台的模块都是加入到这个里面的

    * [title] [actions] [body] ,每个容器中必须有,且只能有一个

    * 产生行为菜单效果的 就是那个  [actions]  ,这个后台自动生成

    * [body] 就相关于一个小的 页面,用来放其它内容
引用
 

回复:聚网通皮肤制作详细说明文档

第二:关于 index.html
----------------------
index.html 理论上不放任何东西,只有区域。不过 logo 顶部 是相对固定的,所以我直接写在index.html中。

每个区域由2个div 组成
* 外面一个是用来定义布局的,
* 内部一个是用来模块的,决定模块放到哪个位置是根据内部 DIV 的 ID 来确定

向index.html的“区域”中添加“模块”时系统默认选择一个“容器”随“模块”一起加入“区域”
引用
 

回复:聚网通皮肤制作详细说明文档

关于菜单〔menu〕的结构问题,它是基于table还是list?比如
<ul>
      <li>
      <li>
</ul>
?
能否具体一点, 谢谢
引用
 

回复 5F hylewis 的帖子

回复:hylewis
菜单是基于table的。
以下是table的结构:
<table id="ctl04__topMenu" class="menu ctl04__topMenu_5 ctl04__topMenu_2" cellpadding="0" cellspacing="0" border="0">
    <tr>
        <td onmouseover="Menu_HoverRoot(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(this)" id="ctl04__topMenun0"><table class="menuItem ctl04__topMenu_4 menuSelectedItem ctl04__topMenu_10" cellpadding="0" cellspacing="0" border="0" width="100%">
            <tr>
                <td style="white-space:nowrap;"><a class="ctl04__topMenu_1 menuItem ctl04__topMenu_3 menuSelectedItem ctl04__topMenu_9" href="http://px1.zhiga.com/index.shtml" style="border-style:none;font-size:1em;">首页</a></td>
            </tr>
        </table></td><td style="width:0px;"></td><td><table border="0" cellpadding="0" cellspacing="0" width="100%" class="menu ctl04__topMenu_5">
            <tr>
                <td style="width:0px;"></td><td onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(this)" id="ctl04__topMenun1"><table class="menuItem ctl04__topMenu_4" cellpadding="0" cellspacing="0" border="0" width="100%">
                    <tr>
                        <td style="white-space:nowrap;"><a class="ctl04__topMenu_1 menuItem ctl04__topMenu_3" href="http://px1.zhiga.com/page2.shtml" style="border-style:none;font-size:1em;">导航标题1</a></td>
                    </tr>
                </table></td><td style="width:0px;"></td><td style="width:0px;"></td><td onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(this)" id="ctl04__topMenun2"><table class="menuItem ctl04__topMenu_4" cellpadding="0" cellspacing="0" border="0" width="100%">
                    <tr>
                        <td style="white-space:nowrap;"><a class="ctl04__topMenu_1 menuItem ctl04__topMenu_3" href="http://px1.zhiga.com/page4.shtml" style="border-style:none;font-size:1em;">导航标题2</a></td>
                    </tr>
                </table></td><td style="width:0px;"></td>
            </tr>
        </table><div id="ctl04__topMenun2Items" class="ctl04__topMenu_0 menuPopup ctl04__topMenu_8">
            <table border="0" cellpadding="0" cellspacing="0">
                <tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(this)" id="ctl04__topMenun3">
                    <td><table class="menuPopupItem ctl04__topMenu_7" cellpadding="0" cellspacing="0" border="0" width="100%">
                        <tr>
                            <td style="white-space:nowrap;width:100%;"><a class="ctl04__topMenu_1 menuPopupItem ctl04__topMenu_6" href="http://px1.zhiga.com/page3.shtml" style="border-style:none;font-size:1em;">导航标题</a></td>
                        </tr>
                    </table></td>
                </tr>
            </table><div class="menuPopupItem ctl04__topMenu_7 ctl04__topMenu_0" id="ctl04__topMenun2ItemsUp" onmouseover="PopOut_Up(this)" onmouseout="PopOut_Stop(this)" style="text-align:center;">
                <img src="/WebResource.axd?d=0MQXA5aJDxmnC1K0_JBzoYkX6U-oL5VBWEdmFA5nmQk1&t=633407896560382500" alt="向上滚动" />
            </div><div class="menuPopupItem ctl04__topMenu_7 ctl04__topMenu_0" id="ctl04__topMenun2ItemsDn" onmouseover="PopOut_Down(this)" onmouseout="PopOut_Stop(this)" style="text-align:center;">
                <img src="/WebResource.axd?d=i1WTLFG_7-bfa0wnjQ5-cETTth7QBk7u3WQ5TlAopAQ1&t=633407896560382500" alt="向下滚动" />
            </div>
        </div></td>
    </tr>
</table>
引用
 

回复:聚网通皮肤制作详细说明文档

查看详细的结构可以参照http://www.shjialing.com/这个站点。
另外可以建议按装一个IE developer toolbar 通过这个工具可以分析页面构成和样式。
引用
 

回复:聚网通皮肤制作详细说明文档

引用
 

回复:聚网通皮肤制作详细说明文档

代码......?
引用
 

回复:聚网通皮肤制作详细说明文档

引用
 
1  /  1  页   1 跳转

版权所有 聚网通社区  聚网通社区 聚网通  Sitemap

Powered by Discuz!NT 2.0.1115    Copyright © 2001-2009 Comsenz Inc.
Processed in 0.03125 second(s) , 6 queries.
返顶部