插件作者的标准出来了!Manyou诚邀开发者加盟!
“互联网平台开发者”特刊 有奖征集开发者
立即免费下载 Discuz!6.1.0正式版
Discuz! 6.1.0 使用说明
Discuz!NT2.5正式版发布
开放源码下载
UCenter Home 1.2 正式版发布
官方站 | 帮助文档
基于ECShop的网店托管-卖否
PHP就业培训直通车 | LAMP培训大连
Discuz!收费服务内容及价格
《站长》杂志读者调查表
Discuz!/ECShop 专用官方虚拟主机
Insenz最新活动精美礼品大派送!
Comsenz 招聘信息
网店系统ECShop v2.6.0正式版火热发布
基于Discuz!的免费论坛空间5D6D
《站长》第七期:2008SNS进行时
返回列表 发新话题
3.画一个表格为770相素,
行3,列1的居中的表格!

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

[ 本帖最后由 SSAY 于 2006-12-10 21:41 编辑 ]
123.gif
晕,忘了,演示了www.mjdo.com
我汗.谁偷子我的密码.改我资料.???????
中间表格处,修改颜色为!
<td bgcolor="EFF7FE" style="border-color:#CAE2F8;border-width: 1px;border-style: solid;">&nbsp;</td>复制代码
看效果!
123.gif
在: <td bgcolor="EFF7FE" style="border-color:#CAE2F8;border-width: 1px;border-style: solid;"> </td>代码的&nbsp替换成:

======================博客代码===============================
<!--{if !empty($showmenu['blog'])}-->
        <!--{block name="category" parameter="type/blog/isroot/1/ischannel/2/order/c.displayorder/limit/0,10/cachetime/37800/cachename/category_blog/tpl/data"}-->
        <!--{loop $_SBLOCK['category_blog'] $value}-->
        <a href="$value[url]" target="_self" title="$value[name]">$value[name]</a><span class="STYLE5">&nbsp;&nbsp;|&nbsp;&nbsp;</span>
        <!--{/loop}-->
        <!--{/if}--></td>
复制代码
=====================相册代码=================================
<!--{if !empty($showmenu['image'])}-->
        <!--{block name="category" parameter="type/image/isroot/1/ischannel/2/order/c.displayorder/limit/10/cachetime/39800/cachename/category_image/tpl/data"}-->
        <!--{loop $_SBLOCK['category_image'] $value}-->
        <a href="$value[url]" target="_self" title="$value[name]">$value[name]</a><span class="STYLE5">&nbsp;&nbsp;|&nbsp;&nbsp;</span>
        <!--{/loop}-->
        <!--{/if}-->
复制代码
别忘了2段代码中间加
<br/>复制代码
来看小效果!
123.gif
现在我们来做中间的信息内容!

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

因为板块过多~中间省略,我只做一个样式!

OK,继续!

我们还是接着画一个表格长为770.居中!

在表格里插入代码:
$_SCONFIG[indexadheader]复制代码
说明下,这个是广告顶部代码!

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

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

把代码改变为:
<table width="770" border="0" align="center" cellpadding="0" cellspacing="0">
  <!--{if !empty($_SCONFIG['indexadheader'])}-->
        <tr>
    <td height="30" align="center">$_SCONFIG[indexadheader]</td>
  </tr>
        <!--{/if}-->
</table>
复制代码
这个说明,当我们不使用广告的时候这个表格是不可见的!
这个广告为的高是30
所以我们如果要添加后台广告的时候,我们应该把广告的尺寸设置为"770*30"
老规矩,我们现在继续画我们的表格!

画一个行为3列为1,宽为770的表格!

第一格和第3格的高分别设置为5

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

在第2格里插入表格

行为1,列为3的表格!
===================登入宽========================
在第一个表格里设置
宽为190
高为114

中间插入代码:
</div>
                <div class="rightside">
                        <!-- 用户面板 -->
                        <div id="userpanel" class="sideblock">
                                <script src="{S_URL}/batch.panel.php" type="text/javascript" language="javascript"></script>
                        </div>
复制代码
第2个宽设置宽为15
第3个留着!~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

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

上面已经制作过一次了,怎么添加表格颜色,现在你自己动手模仿下吧!
资讯图片幻灯片:
<!--资讯图片幻灯片 开始-->
                        <!--{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"}-->
                        <div id="slideimg" class="sideblock cleanblock">
                        <!--{if empty( $_SBLOCK['newspic'])}-->
                        <div style="height:234px; he\ight: 214px; padding:0px; line-height:150%;">图文资讯显示区域<br />该区域显示的资讯需要满足的条件为:<br />1.<u>资讯的审核等级为4</u><br />2.<u>资讯含有图片附件</u></div>
                        <!--{else}-->
                        <!--{eval $picarr = $linkarr = $textarr = array();}-->
                        <!--{loop $_SBLOCK['newspic'] $value}-->
                        <!--{eval $picarr[] = '"'.$value[a_thumbpath].'"';}-->
                        <!--{eval $linkarr[] = '"'.$value[url].'"';}-->
                        <!--{eval $textarr[] = '"'.$value[subject].'"';}-->
                        <!--{/loop}-->
                        <!--{eval $pics = implode(',', $picarr);}-->
                        <!--{eval $links = implode(',', $linkarr);}-->
                        <!--{eval $texts = implode(',', $textarr);}-->
                                <script type="text/javascript" language="javascript">
                                <!--                       
                                var focus_width=160;
                                var focus_height=120;
                                var text_height=20;
                                var xsImgs = new Array({$pics});
                                var xsImgLinks = new Array({$links});
                                var xsImgTexts = new Array({$texts});
                                var xsImgSize = new Array(focus_width, focus_height);
                                //-->
                                </script>
                                <script language="javascript" type="text/javascript" src="include/js/slide.js"></script>
                        <!--{/if}-->
                        </div>
                        <!--资讯图片幻灯片 结束-->
复制代码
----------------------------------------------------------咨询3级------------------------------
<!--{block name="spacenews" parameter="grade/3/order/i.lastpost DESC/limit/0,8/cachetime/14400/subjectlen/30/cachename/recommendnews/tpl/data"}-->
                                <ul class="msgtitlelist" style="height: 12.8em;">
                                <!--{if empty($_SBLOCK['recommendnews'])}-->
                                        <li style="height: auto; padding: 0; background-image: none;">该区域显示资讯需要满足的条件为:<br /><u>资讯审核等级为3</u></li>
                                <!--{else}-->
                                <!--{loop $_SBLOCK['recommendnews'] $value}-->
                                        <li><a href="$value[url]">$value[subject]</a></li>
                                <!--{/loop}-->
                                <!--{/if}-->
复制代码
------------------------资讯5级-------------------------------
<!--{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"}-->
                        <!--{if empty($_SBLOCK[headline])}-->
                        <div id="headline" class="cleanblock">
                                <strong>最新头条资讯</strong>
                                <p>该区域显示的资讯需要满足的条件为:<br /><u>资讯的审核等级为5</u></p>
                        </div>
                        <!--{else}-->
                        <div id="headline" class="cleanblock">
                        <!--{loop $_SBLOCK[headline] $value}-->
                                <strong><a href="$value[url]">$value[subject]</a></strong>
                                <p>$value[message]</p>
                        <!--{/loop}-->
                        </div>
                        <!--{/if}-->
                        <!-- 1周回复热点 -->
                        <!--{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"}-->
                        <div id="focus">
                                <ul class="msgtitlelist">
                                <!--{loop $_SBLOCK[newinfos] $value}-->
                                        <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>
                                <!--{/loop}-->
                                </ul>
复制代码
-------------------空间排行榜----------------------------
<a href="#action/blog#" class="more2">更多</a>
                        <h2>博客</h2>
                </div>
                <div class="content" style="background: none;">
                        <div class="sideR">
                        <!--{block name="userspace" parameter="order/u.spaceallnum DESC/limit/0,10/cachetime/44000/cachename/topspace/tpl/data"}-->
                                <div id="hotspace" class="sideblock stat" style="height: 19.2em;">
                                        <h3><a href="#action/spaces#" class="more">所有空间&gt;&gt;</a>空间排行</h3>
                                        <ol>
                                        <!--{loop $_SBLOCK['topspace'] $value}-->
                                                <li><em>$value[spaceallnum]</em><a href="$value[url]">$value[spacename]</a></li>
                                        <!--{/loop}-->
                                        </ol>
复制代码
--------------------同城空间-----------------------
<div id="cityspace" class="sideblock cleanblock">
                                        <script language="javascript" type="text/javascript" src="{S_URL}/include/js/city.js"></script>
                                        <form action="{S_URL}/batch.search.php" method="post">
                                                <button type="submit" name="usersearch" value="true">同城<br />空间</button>
                                                <script language="javascript" type="text/javascript">showprovince('province', 'city', '');</script>
                                                <script language="javascript" type="text/javascript">showcity('city', '');</script>
                                        </form>
                                </div>
复制代码
热门话题:
<!--{block name="tag" parameter="order/spaceallnum DESC/limit/0,20/cachetime/21600/cachename/hottag/tpl/data"}-->
                                <div id="hottag" class="sideblock boldblock">
                                        <h3>热门话题</h3>
                                        <div style="height: 10.5em;">
                                        <!--{loop $_SBLOCK['hottag'] $value}-->
                                                <a href="$value[url]">$value[tagname]<em>($value[spaceallnum])</em></a>
                                        <!--{/loop}-->
                                        </div>
                                </div>
复制代码
下面省略,自己找寻添加.....注意,请符合相关CSS控制使用!





下面一样是多次表格.

[这部分省略.....]

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

如何得到信息代码...

打开后台..调用JavaScript设置!

演示:

[ 本帖最后由 SSAY 于 2006-12-15 22:10 编辑 ]
{865875EB-39AF-417B-86C0-123BA49870BA}0_JtBBZODZtqOt.jpg
黄金广告位啊~~~~~~~~~~~~~
东风夜放花千树,更吹落,星如雨。
滨州论坛:http://www.bbsbz.net
..............

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

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

回答:广告啊........

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

中间部分不做演示和说明,自己来吧~~~

提供代码:
$_SCONFIG[indexadcenter]<!--首页第广告位置-->复制代码
<div onclick="adclick(1);">{$_SGLOBAL[ad][1][adcontent]}</div><!--首页第二通栏-->复制代码
<div onclick="adclick(2);">{$_SGLOBAL[ad][2][adcontent]}</div><!--首页第三个通栏-->复制代码
<div onclick="adclick(3);">{$_SGLOBAL[ad][3][adcontent]}</div><!--首页第四通栏-->复制代码
<!--{if !empty($_SCONFIG['indexadfooter'])}-->                               
                        $_SCONFIG[indexadfooter]               
        <!--{/if}-->
复制代码
========================================================================

编辑代码的时候要记住的一个[在边上写说明语言]这样方便寻找和修改!
返回列表