Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

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

[复制链接]
 楼主| SSAY 发表于 2006-12-10 22:37:31 | 显示全部楼层
OK..看来首页只有最后一步了.我们就要完成我们今天的一小部分任务了!

最后,我们来画一个表格

行为3,列为1,宽为770

第一个表格里插入"水平分割线"

代码为
  1. <hr>
复制代码


设置下他的颜色和宽细!

第2格操作:

{$_SCONFIG[sitename]} | 快捷面板 | 站点地图 | 友情链接 | 联系我们

打上这些内容...

代码分别是

  1. <a href="{S_URL}" target="_self">{$_SCONFIG[sitename]}</a> |
  2.                   <a href="{S_URL}/?action_site_type_panel" target="_self">快捷面板</a> |
  3.                         <a href="{S_URL}/?action_site_type_map" target="_self">站点地图</a> |
  4.                         <a href="{S_URL}/?action_site_type_link" target="_self">友情链接</a> |
  5.                         <a href="mailto:$_SCONFIG[adminemail]" target="_self">联系我们</a>
复制代码


=========================================================
然后全选{$_SCONFIG[sitename]} | 快捷面板 | 站点地图 | 友情链接 | 联系我们

设置为居中对齐!
==========================================================

第3段写下乱七八糟的说明.如:

本站所有文章,发表者拥有版权,浙江娱乐网拥有展示权,转载请注明出处,如有问题请及时与我们联系,我们会尽快处理! 所有交易发起(含团购)均属个人行为,请网友自行核实,本站不成担相关责任,也不处理受骗申诉(请找国家相关机构)!
拒绝任何人以任何形式在本站发表与中华人民共和国法律相抵触的言论!!
回复

使用道具 举报

 楼主| SSAY 发表于 2006-12-10 22:41:56 | 显示全部楼层
如何我们把这个做好的文件添加一些CSS效果:

什么乱七八糟的都行~~~~只要你自己喜欢@


CSS的添加可以是在html里,也可以是外部连接!

这个我就不必要具体说明了..........[省略]

我们把这个文件另存,名字叫index.html.php

我们现在来做内页!
回复

使用道具 举报

 楼主| SSAY 发表于 2006-12-10 22:47:23 | 显示全部楼层
第一步~~~先建个文件叫header.htm文件保存到电脑上!

设置网页名字
  1. <title>$_SCONFIG[sitename] - Powered By SEE-SAY.COM</title>
复制代码


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

打开index.html.php文件......

拷贝相应要出现在内页的筐架代码!

起始句先说明下
  1. <!-- Header页首 -->
  2. <!--系统菜单 begin-->
复制代码


结束语最后写明!
  1. <!-- /Header页首 -->
复制代码
回复

使用道具 举报

 楼主| SSAY 发表于 2006-12-10 22:49:01 | 显示全部楼层
第2步制作内页尾巴...

和首页类似,复制首页相应代码,写明开始和结束!

保存出文件为footer.htm文件!
回复

使用道具 举报

redrain0834 发表于 2006-12-10 22:50:25 | 显示全部楼层
呵呵,不错,都会操作,但是没有做过:)
学习,支持中!
回复

使用道具 举报

 楼主| SSAY 发表于 2006-12-10 22:55:57 | 显示全部楼层
现在我们要面对的是

bbs_header.html.php

blog_header.html.php

file_header.html.php

......

九个文件

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

他们不同的地方在于小行的分类!

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

BBS代码为



  1. <table width="770" border="0" align="center" cellpadding="0" cellspacing="0">
  2.         <tr>
  3.     <td height="5" align="center"></td>
  4.   </tr>
  5.   <!--{if empty($fid) && empty($tid)}-->
  6.                         <!--{if !empty($_SCONFIG['indexadheader'])}-->       
  7.   <tr>
  8.     <td align="center">$_SCONFIG[indexadheader]</td>
  9.   </tr>
  10.   <!--{/if}-->
  11.                         <!--{elseif !empty($tid)}-->
  12.                         <!--{if !empty($_SCONFIG['viewadheader'])}-->       
  13.   <tr>
  14.     <td align="center">$_SCONFIG[viewadheader]</td>
  15.   </tr>
  16.    <!--{/if}-->
  17.                         <!--{else}-->
  18.                         <!--{if !empty($_SCONFIG['listadheader'])}-->               
  19.   <tr>
  20.     <td align="center">$_SCONFIG[listadheader]</td>
  21.   </tr>
  22.     <td align="center">$_SCONFIG[listadheader]</td>
  23.   </tr>
  24.           <!--{/if}-->
  25.         <!--{/if}-->
  26.         <tr>
  27.     <td height="5" align="center"></td>
  28.   </tr>
  29. </table>
复制代码




分类导航代码:
  1. <!--论坛分类导航菜单-->
  2.                 <!--{block name="bbsforum" parameter="type/forum/allowblog/1/order/displayorder/limit/0,100/cachetime/14400/cachename/forumarr/tpl/data"}-->
  3.                 <div id="menu">
  4.                         <ul>
  5.                                 <!--{loop $_SBLOCK['forumarr'] $value}-->
  6.                                 <li><a href="$value[url]" target="_self">$value[name]</a></li>
  7.                                 <!--{/loop}-->
  8.                         </ul>
  9.                 </div>
复制代码

我的位置:

  1. 您的位置:
  2.                                 <a href="{S_URL}" target="_self">首页</a>
  3.                                 <!--{loop $guidearr $value}-->
  4.                                 &gt;&gt; <a href="$value[url]" target="_self">$value[name]</a>
  5.                                 <!--{/loop}-->
复制代码


公告代码:

  1. <!--{block name="announcement" parameter="order/displayorder/limit/0,6/cachetime/86400/subjectlen/60/cachename/announce/tpl/data"}-->
  2.                  <td width="41%" align="left" style="padding:0 9px 0 9px;"><marquee id="infonews1" onmouseover="infonews1.stop()" onmouseout="infonews1.start()" scrollamount="3">
  3.                 <!--{if empty($_SBLOCK['announce'])}-->
  4.                 <li>暂时没有公告</li>
  5.                 <!--{else}-->
  6.                 <!--{loop $_SBLOCK['announce'] $value}-->
  7.                 &nbsp;&nbsp;&nbsp;<font color="#FF6600">·</font><a href="$value[url]">$value[subject]</a>
  8.                 <!--{/loop}-->
  9.                 <!--{/if}-->
  10.           </marquee>
复制代码
回复

使用道具 举报

 楼主| SSAY 发表于 2006-12-10 23:00:00 | 显示全部楼层
连接代码为:

----------------------------------------友情连接代码---------------------------------------
  1. <!-- Link -->
  2. <!--{block name="bbslink" parameter="order/displayorder/limit/0,16/cachetime/11600/namelen/16/cachename/bbslink/tpl/data"}-->
  3. <!--{eval $imglink=$txtlink="";}-->
  4. <!--{loop $_SBLOCK['bbslink'] $value}-->
  5. <!--{if $value[logo]}-->
  6. <!--{eval $imglink .="<li><a href="".$value[url]."" target="_blank" title="".$value[nameall].""><img src="".$value[logo]."" alt="".$value[nameall]."" /></a></li>";}-->
  7. <!--{else}-->
  8. <!--{eval $txtlink .= "<li><a href="".$value[url]."" title="".$value[nameall]."" target="_blank">".$value[name]."</a></li>";}-->
  9. <!--{/if}-->
  10. <!--{/loop}-->
  11. <div id="friendlink">
  12.         <ul class="imglink">
  13.         $imglink
  14.         </ul>
  15.         <ul>
  16.         $txtlink
  17.         </ul>
  18. </div>
  19.         <!-- /Link-->
复制代码





----------------------------------------css书写---------------------------------------


  1. /*------------------------------------------------------------------------------------友情链接*/
  2. #friendlink ul { height: 1%; overflow: hidden; margin: 1em 1.5em; padding: 0; list-style: none; }
  3.         #friendlink li { float: left; margin: 2px; width: 100px; height: 24px; line-height: 24px; text-align: center; overflow: hidden; }
  4.         .imglink { border-bottom: 1px solid #BBE9FF; padding-bottom: 1em !important; }       
  5.                 .imglink li { height: 31px !important; }
  6.                 .imglink li img { width: 88px; height: 31px; }       
复制代码
       


时间关系,我不能很详细的来写这些东西了,因为个人事情~~~~

其他各分页代码如blog的首页什么的请参考他人提供的风格添加!

FOOTER部分只要复制9个文件,相对修改不同的名字就OK!~~~~

哎~~难得以为自己有时间,刚认真的来写这个东西,就有电话来单位有事情了...

祝大家的风格越来越漂亮!~~~~

也希望你们永远支持我们"浙江娱乐网

[ 本帖最后由 SSAY 于 2006-12-15 21:56 编辑 ]
回复

使用道具 举报

ppcy 发表于 2006-12-10 23:52:57 | 显示全部楼层
谢谢LZ,适合我们菜菜,学习中``````````````
回复

使用道具 举报

kyoyy5 发表于 2006-12-14 20:23:04 | 显示全部楼层
好东西!顶上去
回复

使用道具 举报

bhcgn 发表于 2006-12-14 21:26:05 | 显示全部楼层
:)
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-16 19:56 , Processed in 0.032327 second(s), 3 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表