教你如何简单的修改官方的风格！[演示站qq.com]技术提供，浙江娱乐网！

３．画一个表格为７７０相素，
行３，列１的居中的表格！

第一个格子的高设置为５相素
第３个格子的高为５相素

[ 本帖最后由 SSAY 于 2006-12-10 21:41 编辑 ]

晕,忘了,演示了www.mjdo.com

中间表格处，修改颜色为！

1. <td bgcolor="EFF7FE" style="border-color:#CAE2F8;border-width: 1px;border-style: solid;">&nbsp;</td>

复制代码

看效果！

在：　<td bgcolor="EFF7FE" style="border-color:#CAE2F8;border-width: 1px;border-style: solid;">&nbsp;</td>代码的&nbsp替换成：

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝博客代码＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

1. <!--{if !empty($showmenu['blog'])}-->
   
2.         <!--{block name="category" parameter="type/blog/isroot/1/ischannel/2/order/c.displayorder/limit/0,10/cachetime/37800/cachename/category_blog/tpl/data"}-->
   
3.         <!--{loop $_SBLOCK['category_blog'] $value}-->
   
4.         <a href="$value[url]" target="_self" title="$value[name]">$value[name]</a><span class="STYLE5">&nbsp;&nbsp;|&nbsp;&nbsp;</span>
   
5.         <!--{/loop}-->
   
6.         <!--{/if}--></td>

复制代码

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝相册代码＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

1. <!--{if !empty($showmenu['image'])}-->
   
2.         <!--{block name="category" parameter="type/image/isroot/1/ischannel/2/order/c.displayorder/limit/10/cachetime/39800/cachename/category_image/tpl/data"}-->
   
3.         <!--{loop $_SBLOCK['category_image'] $value}-->
   
4.         <a href="$value[url]" target="_self" title="$value[name]">$value[name]</a><span class="STYLE5">&nbsp;&nbsp;|&nbsp;&nbsp;</span>
   
5.         <!--{/loop}-->
   
6.         <!--{/if}-->

复制代码

别忘了２段代码中间加

1. <br/>

复制代码

来看小效果！

现在我们来做中间的信息内容！

这个主观上来说每个人的口味不一样，所以排法也就不会雷同．
我们可以模仿别人的设计来调节！

因为板块过多～中间省略，我只做一个样式！

ＯＫ，继续！

我们还是接着画一个表格长为７７０．居中！

在表格里插入代码：

1. $_SCONFIG[indexadheader]

复制代码

说明下，这个是广告顶部代码！

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

为了避免我们刚才的表格在ＩＥ中出现无广告的时候有空缺的现象，我们调节下代码的值．

把代码改变为：

1. <table width="770" border="0" align="center" cellpadding="0" cellspacing="0">
   
2.   <!--{if !empty($_SCONFIG['indexadheader'])}-->
   
3.         <tr>
   
4.     <td height="30" align="center">$_SCONFIG[indexadheader]</td>
   
5.   </tr>
   
6.         <!--{/if}-->
   
7. </table>

复制代码

这个说明，当我们不使用广告的时候这个表格是不可见的！
这个广告为的高是３０
所以我们如果要添加后台广告的时候，我们应该把广告的尺寸设置为"770*30"

老规矩，我们现在继续画我们的表格！

画一个行为３列为１，宽为７７０的表格！

第一格和第３格的高分别设置为５

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

在第２格里插入表格

行为１，列为３的表格！
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝登入宽＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
在第一个表格里设置
宽为１９０
高为１１４

中间插入代码：

1. </div>
   
2.                 <div class="rightside">
   
3.                         <!-- 用户面板 -->
   
4.                         <div id="userpanel" class="sideblock">
   
5.                                 <script src="{S_URL}/batch.panel.php" type="text/javascript" language="javascript"></script>
   
6.                         </div>
   

复制代码

第２个宽设置宽为１５
第３个留着！～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～

表格美化．．．因为简单画出来的表格是没边框颜色的．．．．．
所以自己设置！

上面已经制作过一次了，怎么添加表格颜色，现在你自己动手模仿下吧！

资讯图片幻灯片:

1. <!--资讯图片幻灯片 开始-->
   
2.                         <!--{block name="spacenews" parameter="grade/4/haveattach/1/showattach/1/order/i.dateline DESC/limit/0,4/cachetime/15000/subjectlen/30/cachename/newspic/tpl/data"}-->
   
3.                         <div id="slideimg" class="sideblock cleanblock">
   
4.                         <!--{if empty( $_SBLOCK['newspic'])}-->
   
5.                         <div style="height:234px; he\ight: 214px; padding:0px; line-height:150%;">图文资讯显示区域<br />该区域显示的资讯需要满足的条件为：<br />1.<u>资讯的审核等级为4</u><br />2.<u>资讯含有图片附件</u></div>
   
6.                         <!--{else}-->
   
7.                         <!--{eval $picarr = $linkarr = $textarr = array();}-->
   
8.                         <!--{loop $_SBLOCK['newspic'] $value}-->
   
9.                         <!--{eval $picarr[] = '"'.$value[a_thumbpath].'"';}-->
   
10.                         <!--{eval $linkarr[] = '"'.$value[url].'"';}-->
    
11.                         <!--{eval $textarr[] = '"'.$value[subject].'"';}-->
    
12.                         <!--{/loop}-->
    
13.                         <!--{eval $pics = implode(',', $picarr);}-->
    
14.                         <!--{eval $links = implode(',', $linkarr);}-->
    
15.                         <!--{eval $texts = implode(',', $textarr);}-->
    
16.                                 <script type="text/javascript" language="javascript">
    
17.                                 <!--                       
    
18.                                 var focus_width=160;
    
19.                                 var focus_height=120;
    
20.                                 var text_height=20;
    
21.                                 var xsImgs = new Array({$pics});
    
22.                                 var xsImgLinks = new Array({$links});
    
23.                                 var xsImgTexts = new Array({$texts});
    
24.                                 var xsImgSize = new Array(focus_width, focus_height);
    
25.                                 //-->
    
26.                                 </script>
    
27.                                 <script language="javascript" type="text/javascript" src="include/js/slide.js"></script>
    
28.                         <!--{/if}-->
    
29.                         </div>
    
30.                         <!--资讯图片幻灯片 结束-->

复制代码

----------------------------------------------------------咨询３级－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

1. <!--{block name="spacenews" parameter="grade/3/order/i.lastpost DESC/limit/0,8/cachetime/14400/subjectlen/30/cachename/recommendnews/tpl/data"}-->
   
2.                                 <ul class="msgtitlelist" style="height: 12.8em;">
   
3.                                 <!--{if empty($_SBLOCK['recommendnews'])}-->
   
4.                                         <li style="height: auto; padding: 0; background-image: none;">该区域显示资讯需要满足的条件为：<br /><u>资讯审核等级为3</u></li>
   
5.                                 <!--{else}-->
   
6.                                 <!--{loop $_SBLOCK['recommendnews'] $value}-->
   
7.                                         <li><a href="$value[url]">$value[subject]</a></li>
   
8.                                 <!--{/loop}-->
   
9.                                 <!--{/if}-->

复制代码

－－－－－－－－－－－－－－－－－－－－－－－－资讯５级－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

1. <!--{block name="spacenews" parameter="grade/5/haveattach/1/showattach/1/order/i.dateline DESC/limit/0,1/cachetime/40000/showdetail/1/subjectlen/34/messagelen/80/messagedot/1/cachename/headline/tpl/data"}-->
   
2.                         <!--{if empty($_SBLOCK[headline])}-->
   
3.                         <div id="headline" class="cleanblock">
   
4.                                 <strong>最新头条资讯</strong>
   
5.                                 <p>该区域显示的资讯需要满足的条件为：<br /><u>资讯的审核等级为5</u></p>
   
6.                         </div>
   
7.                         <!--{else}-->
   
8.                         <div id="headline" class="cleanblock">
   
9.                         <!--{loop $_SBLOCK[headline] $value}-->
   
10.                                 <strong><a href="$value[url]">$value[subject]</a></strong>
    
11.                                 <p>$value[message]</p>
    
12.                         <!--{/loop}-->
    
13.                         </div>
    
14.                         <!--{/if}-->
    
15.                         <!-- 1周回复热点 -->
    
16.                         <!--{block name="spaceblog" parameter="dateline/604800/notype/1/order/i.replynum DESC/subjectlen/34/subjectdot/1/limit/0,10/cachetime/13600/showspacename/1/cachename/newinfos/tpl/data"}-->
    
17.                         <div id="focus">
    
18.                                 <ul class="msgtitlelist">
    
19.                                 <!--{loop $_SBLOCK[newinfos] $value}-->
    
20.                                         <li><cite><a href="#uid/$value[uid]/action/space#">$value[username]</a> </cite>[<a href="#action/$value[type]#">{$lang[$value[type]]}</a>] <a href="$value[url]">$value[subject]</a></li>
    
21.                                 <!--{/loop}-->
    
22.                                 </ul>

复制代码

－－－－－－－－－－－－－－－－－－－空间排行榜－－－－－－－－－－－－－－－－－－－－－－－－－－－－

1. <a href="#action/blog#" class="more2">更多</a>
   
2.                         <h2>博客</h2>
   
3.                 </div>
   
4.                 <div class="content" style="background: none;">
   
5.                         <div class="sideR">
   
6.                         <!--{block name="userspace" parameter="order/u.spaceallnum DESC/limit/0,10/cachetime/44000/cachename/topspace/tpl/data"}-->
   
7.                                 <div id="hotspace" class="sideblock stat" style="height: 19.2em;">
   
8.                                         <h3><a href="#action/spaces#" class="more">所有空间&gt;&gt;</a>空间排行</h3>
   
9.                                         <ol>
   
10.                                         <!--{loop $_SBLOCK['topspace'] $value}-->
    
11.                                                 <li><em>$value[spaceallnum]</em><a href="$value[url]">$value[spacename]</a></li>
    
12.                                         <!--{/loop}-->
    
13.                                         </ol>

复制代码

－－－－－－－－－－－－－－－－－－－－同城空间－－－－－－－－－－－－－－－－－－－－－－－

1. <div id="cityspace" class="sideblock cleanblock">
   
2.                                         <script language="javascript" type="text/javascript" src="{S_URL}/include/js/city.js"></script>
   
3.                                         <form action="{S_URL}/batch.search.php" method="post">
   
4.                                                 <button type="submit" name="usersearch" value="true">同城<br />空间</button>
   
5.                                                 <script language="javascript" type="text/javascript">showprovince('province', 'city', '');</script>
   
6.                                                 <script language="javascript" type="text/javascript">showcity('city', '');</script>
   
7.                                         </form>
   
8.                                 </div>

复制代码

热门话题：

1. <!--{block name="tag" parameter="order/spaceallnum DESC/limit/0,20/cachetime/21600/cachename/hottag/tpl/data"}-->
   
2.                                 <div id="hottag" class="sideblock boldblock">
   
3.                                         <h3>热门话题</h3>
   
4.                                         <div style="height: 10.5em;">
   
5.                                         <!--{loop $_SBLOCK['hottag'] $value}-->
   
6.                                                 <a href="$value[url]">$value[tagname]<em>($value[spaceallnum])</em></a>
   
7.                                         <!--{/loop}-->
   
8.                                         </div>
   
9.                                 </div>

复制代码

下面省略，自己找寻添加．．．．．注意，请符合相关ＣＳＳ控制使用！





下面一样是多次表格．

［这部分省略．．．．．］

主要是给你放各类信息代码！

如何得到信息代码．．．

打开后台．．调用JavaScript设置！

演示：

[ 本帖最后由 SSAY 于 2006-12-15 22:10 编辑 ]

黄金广告位啊~~~~~~~~~~~~~

．．．．．．．．．．．．．．

我们中国人的毛病，喜欢把东西分开来，这样听说叫什么＂局部分开＂
不过传统的形式给了我们良好的习惯．．．
所以ＤＺ也不列外．．．．

那么我们用什么来局部分开呢？

回答：广告啊．．．．．．．．

我们每画一个表格添加一行代码广告．．．．

中间部分不做演示和说明，自己来吧～～～

提供代码：

1. $_SCONFIG[indexadcenter]<!--首页第广告位置-->

复制代码

1. <div onclick="adclick(1);">{$_SGLOBAL[ad][1][adcontent]}</div><!--首页第二通栏-->

复制代码

1. <div onclick="adclick(2);">{$_SGLOBAL[ad][2][adcontent]}</div><!--首页第三个通栏-->

复制代码

1. <div onclick="adclick(3);">{$_SGLOBAL[ad][3][adcontent]}</div><!--首页第四通栏-->

复制代码

1. <!--{if !empty($_SCONFIG['indexadfooter'])}-->                               
   
2.                         $_SCONFIG[indexadfooter]               
   
3.         <!--{/if}-->

复制代码

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

编辑代码的时候要记住的一个［在边上写说明语言］这样方便寻找和修改！