xucm0423

　　　　　　　iMacromedia 三栏 Skin
一、简介
　　本Skin在iMacromedia的基础上修改，由Synow Xu将其修改为目前流行的三栏形式，修改文件较多，请注意备份。版权没有，转载不究！效果见http://synow.cn！
二、实现思路
　　在Tbody层的左侧增加一个Lsidebar层，设定其float属性为left，同时给Tbody层增加float属性为right，然后怎就一个Leftbar.asp文件用于左侧边栏。
三、实现方法
　　1.在全部需要增加左侧边栏的页面增加Lsidebar层，代码如下：

复制内容到剪贴板

代码:

<!--内容--><!--以下为增加代码-->
      <%Side_Module_Replace '处理系统左侧栏模块信息%>
        <div id="Lsidebar">
           <div id="innersidebar">
                     <div id="sidebar-topimg"><!--工具条顶部图象--></div>
                          <!--#include file="Leftbar.asp" -->
                     <div id="sidebar-bottomimg"></div>
           </div>
       </div>
      <div id="Tbody"><!--以上为增加代码-->

　　修改文件列表：article.asp、BlogLink.asp、default.asp、search.asp、tag.asp、siteMaster.asp(aboutme插件)、guestbook.asp(留言本插件)
　　2.在layout.css文件中增加Lsidebar层控制代码，设定其float属性为left，同时调整Tbody层、mainContent层设置，修改container层、header层、foot层宽度730为940。
　　　代码如下：

复制内容到剪贴板

代码:

#container #Tbody{float:right;width:730px;text-align:left;}
        #sidebar{float:right;width:200px;text-align:center;}
        #Lsidebar{float:left;width:200px;text-align:center;}  
        #mainContent{float:left;margin-left:-210px;text-align:center;width:100%;}

　　3.新建Leftbar.asp文件，按需要增加内容。

复制内容到剪贴板

代码:

<div id="Side_BlogInfo" class="sidepanel"><!--id="这里写标签，便于区分"-->
             <h4 class="Ptitle">左侧边栏</h4><!--这里是标题-->
          <div class="Pcontent">
             <!--这里写内容,可以放广告代码等内容-->
          </div>
          <div class="Pfoot"></div>
        </div>

四、样式美化
　　1.由于修改了Tbody层属性，使其不居中，而很多页面文件中使用了Tbody层，故进行美化。方法为去掉<div id="Tbody">中id="Tbody"，这样就可使其居中。
　　修改文件列表：blogedit.asp、blogpost.asp、member.asp、showmsg.asp、login.asp、register.asp
　　2.在layout.css中修改foot层属性,使其居中，这样会好看点。
　　　代码如下：

复制内容到剪贴板

代码:

#container #foot{width:940px;margin:0 auto;padding:15px;text-align:center;}

五、压缩包说明
　　压缩包中不包含美化部分的下载，因为我尚且不知道去掉id="Tbody"的后果，所以请谨慎修改！
六、下载地址
　　http://synow.cn/article.asp?id=178

[ 本帖最后由 xucm0423 于 2006-4-10 18:28 编辑 ]

force

感觉不错

不过，能不能不修改这么多文件实现？

独来读网

是哦,改文件就不好了.

xucm0423

如果不想改太多文件也可以，和其它三栏Skin一样，修改article.asp、default.asp、layout.css就可以了！

mac_young

在Firefox上访问有问题。