字体: 小 中 大  

[模板堂出品]蓝灰色的奇迹for discuz6.1和6.0版正式版(5.16新增个性改动，2楼）

hldcp888 发表于: 2008-5-09 11:07 来源: SupeSite/X-Space官方站

** 风格名称：[模板堂出品]蓝灰色的奇迹for discuz6.1正式版
** 适用版本： Discuz!6.1.0
** 语言编码： gbk
** 风格作者： hldcp888
** 版权所属： 模板堂
** 风格转换者： 原创作品
** 支持网站： www.mobantang.com
** 演示地址： www.mobantang.com
**发布方式：免费发布，不收任何费用。
**发布时间：母亲节（5月11日）
测试通过   IE6+IE7+火狐
蓝灰色的奇迹，寓示着无论在顺境和逆境，只要坚持自已的信念，不懈努力，就能创造奇迹。

***************************************

风格图片目录 -- upload/images/mobantang
风格模版目录 -- upload/templates/mobantang
风格配色方案 -- doc/discuz_style_蓝灰色的奇迹.txt


//-------------------安装方法-------------------------------
1. 打开后台，点击  版块 -> 界面风格 -> 导入 -> 导入界面方案 -> 浏览 把discuz_style_蓝灰色的奇迹.txt导入，然后点 “提交”

2. 把风格包中的 images 内的 mobantang 目录上传到论坛目录下 images 目录内

3. 把风格包中的 templates 内的 mobantang 目录上传并覆盖到论坛目录下 templates 目录内

4. 最后到 后台 -> 工具 -> 左侧的更新缓存 -> 选中数据缓存和模板缓存 -> 确定，返回论坛选择风格看效果吧！
//---------------------------------------------------------

     此风格为免费风格，风格版权归 模板堂（www.mobantang.com），请保留一切版权说明，谢谢！

     最后，在这神圣的节日，祝天下的母亲健康长寿！


首页：


首页.jpg



栏目页：


栏目页.jpg



子页：


终页.jpg



[ 本帖最后由 hldcp888 于 2008-5-16 09:24 编辑 ]

蓝灰色的奇迹for discuz6.1版.rar
(2008-05-12 15:02:45, Size: 164 KB, Downloads: 2779)

LOGO底图.rar
(2008-05-12 09:56:37, Size: 4.14 KB, Downloads: 740)

蓝灰色的奇迹for discuz6.0版.rar
(2008-05-12 15:03:11, Size: 184 KB, Downloads: 766)

最新回复

hldcp888 at 2008-5-09 11:09:02
为了满足一些站长对此模板的个性化需要，并对站长提出的个性化需要，进行一一解答：（但是这些修改不会进入上面发布的压缩包里，如果你喜欢这些个性化的修改，你自已对照修改）。
    特别提供纯文字四格，只改动模板文件，纯JS调用。
   效果：


纯四格.jpg


    修改模板：第一步，打开css_common.htm,找到/*~~~~~~~~~~~~~~~~~  toplist ~~~~~~~~~~~~~~~~~~~*/，开始到文件最后，全部换成：

CODE:

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~  toplist ~~~~~~~~~~~~~~~~~~~~~~*/
.mbttoplist{
        border:1px solid #DAD7CB;

margin-top: 10px;
}
.mbttoplist th{
        background:#EEEEEA url({IMGDIR}/bg_top.gif) repeat-x scroll 0%;
        color: #666666;
        font-weight:bold;
        padding: 6px 10px 6px 10px;
}
.mbttoplist td{

        padding: 3px 3px 3px 0px;
        background: #F9F9F7;
        border-top:1px solid #DAD7CB;
}
.mbttoplist .light{
        border-left: 1px solid white;
}
.mbttoplist .dark{
        border-right: 1px solid #DAD7CB;
}
.mbttoplist div{
        height: 1.5em;
        overflow: hidden;
}
.mbttoplist span{
        float: right;
        color: #999;
}
#redback {width:258px; height:159px; margin:0px;  background:url({IMGDIR}/redback.gif) no-repeat top;padding:0px;}
#redback ul {margin:0px; padding:0 0 0 30px; line-height: 27px;}
#redback ul li {padding: 0 5 0 27px; margin:0px; }
#blueback {width:258px; height:159px; margin:0px; padding:0px; background:url({IMGDIR}/blueback.gif) no-repeat top;}
#blueback ul {margin:0px; padding:0 0 0 30px; line-height: 27px;}
#blueback ul li {padding: 0 5 0 27px; margin:0px; }
#huiyuan { width:133px;height:159px; margin:0px; padding:0px; background:url({IMGDIR}/huiyuan.gif) no-repeat top;}
#huiyuan ul {margin:0px; padding:0 0 0 30px; line-height: 27px;}
#huiyuan ul li {padding: 0 5 0 27px; margin:0px; }
.ctl01 { text-decoration:none; color:#333333; font-size:13px; line-height: 19px; }
.ctl01 a:link { text-decoration:none; color:#333333; }
.ctl01 a:visited { text-decoration:none; color:#333333; }
.ctl01 a:hover         { text-decoration:underline; color:#000080; }第二步，打开discuz.htm文件，你想到什么地方出现四格，就把下列代码加到什么地方！
  代码：

CODE:

<div class="mbttoplist">

<table width="100%" cellpadding="0" cellspacing="0" border="0">

        <tr>
                <th width="28%" class="dark">最新主题</td>
                <th width="28%" class="light dark">最新回复</td>
        <th width="28%" class="light dark">热门主题</td>
                <th width="15%" class="light">
                        <img id="mbttoplist_img" style="float:right;cursor:pointer;" src="{IMGDIR}/collapsed_no.gif" title="收起/展开" alt="收起/展开" onclick="toggle_collapse('mbttoplist');" />
                        会员排行
                </td>
        </tr>

        <tbody id="mbttoplist" style="">
        <tr>

        <td valign="top" class="dark">
                <!--new topic-->
<div id="redback">
<ul class="ctl01">
                {eval request('threads_new');}
</ul>
</div>
        </td>

        <td valign="top" class="light dark">
                <!--new reply-->
                <div id="blueback">
<ul class="ctl01">
                {eval request('threads_huifu');}
</ul>
</div>
        </td>

        <td valign="top" class="light dark">
                <!--hot topic-->
<div id="blueback">
<ul class="ctl01">
                        {eval request('threads_hot');}
</ul>
</div>
        </td>
<td valign="top" class="light">
                <!--huiyuan topic-->
<div id="huiyuan">
<ul class="ctl01">
        {eval request('memberrank_huiyuan');}
</ul>
</div>
        </td>
        </tr>
        </tbody></table></div>        像{eval request('threads_huifu');}，{eval request('threads_hot');}，{eval request('memberrank_huiyuan');}等，换成你自已的调用，至于怎么去设置调用，那去看官方的教程，
     再后，把3个图片，blueback.gif，redback.gif,huiyuan.gif,传上去，图片在这个包里：

图片包.rar
(2008-05-12 11:03:05, Size: 1.98 KB, Downloads: 224)


    至此，四格文字就安装完毕了。

   一、 问：

QUOTE:

原帖由 tzgay 于 2008-5-11 09:31 发表
首页底部没有有无新帖～
还有底部广告能否在上面的框内，不要单独出来隔在中间？
答：打开footer.htm文件，找到以下代码：

CODE:

</div></div></div>
{subtemplate jsmenu}

<!--{if $admode && empty($insenz['hardadstatus']) && !empty($advlist)}-->
        <div class="ad_footerbanner" id="ad_footerbanner1">$advlist[footerbanner1]</div><div class="ad_footerbanner" id="ad_footerbanner2">$advlist[footerbanner2]</div><div class="ad_footerbanner" id="ad_footerbanner3">$advlist[footerbanner3]</div>
<!--{else}-->
        <div id="ad_footerbanner1"></div><div id="ad_footerbanner2"></div><div id="ad_footerbanner3"></div>
<!--{/if}-->修改为：

CODE:

{subtemplate jsmenu}

<!--{if $admode && empty($insenz['hardadstatus']) && !empty($advlist)}-->
        <div class="ad_footerbanner" id="ad_footerbanner1">$advlist[footerbanner1]</div><div class="ad_footerbanner" id="ad_footerbanner2">$advlist[footerbanner2]</div><div class="ad_footerbanner" id="ad_footerbanner3">$advlist[footerbanner3]</div>
<!--{else}-->
        <div id="ad_footerbanner1"></div><div id="ad_footerbanner2"></div><div id="ad_footerbanner3"></div>
<!--{/if}-->
</div></div></div>其实从修改来看，就是把代码的位置变了一下，这样的效果，就是把底部广告放在上面的框内。
二、问：

QUOTE:

原帖由 tzgay 于 2008-5-11 09:38 发表
公告栏那里能不能使用白色背景啊，不要边框，这样比较舒服
答：打开css_common.htm文件，找到代码：

CODE:

#announcement { line-height: 33px; height: 35px; overflow: hidden;background-color: #FFEBCE;  }
        #announcement div { border: 1px solid #FFB663; padding: 0 10px; line-height: 32px !important; height: 33px; overflow-y: hidden;}背景色：background-color: #FFEBCE;，你喜欢修改什么色，就是什么色；框：border: 1px solid #FFB663; 你愿意去掉就去掉，随你心动！
三、问：这个模板右上角的连接怎么删，或者怎么改/
             如图：


右上角的导航条形码.bmp.jpg


       答：打开文件header.htm,找到如下代码：

CODE:

<div id="mbttop">
                        <div class="wrapper">                       
                                <ul class="topnav">
                                              <li class="first"><a href="#">discuz</a></li>

                                               <li><a href="#">uchome</a></li>

                                                <li><a href="#">ss/xs</a></li>

                                <li><a href="#">supev</a></li>

                                <li><a href="#">ecshop</a></li>

                                <li><a href="#" target="_blank">discuz!nt</a></li>

                                <li><a href="#">Contact</a></li>
                        </ul>
                        </div>
                </div>看到上述代码，至于怎么修改，就不用我一一说明了吧，呵呵！
四、问，编辑器所见即所得的背景如何修改？   
     如图：


编辑器背景修改的问题.jpg.jpg


       答：找到文件css_editor文件，这个文件在你原来默认default文件里，找到：
    #wysiwyg { font: {MSGFONTSIZE}/1.6em {FONT} !important; }
      改为：#wysiwyg { font: {MSGFONTSIZE}/1.6em {FONT} !important;background:#FFF; }
五、我想要首页显示版板图标，该怎么办呢？
  效果显示：


ban.jpg



答：打开discuz.htm文件，找到代码：

CODE:

<tbody id="forum$forum[fid]"><tr>                <th>                                                                <!--{if $forum[todayposts] && !$forum['redirect']}--><div class="todaynew">$forum[todayposts]<p>{lang index_today}</p></div><!--{else}--><div class="today">0<p>{lang index_today}</p></div><!--{/if}-->把它替换成：

CODE:

<tbody id="forum$forum[fid]">        <tr>                                                        <th$forum[folder]>
        <!--{if $forum[todayposts] && !$forum['redirect']}--><div class="todaynew">$forum[todayposts]<p>{lang index_today}</p></div><!--{else}--><div class="today">0<p>{lang index_today}</p></div><!--{/if}-->$forum[icon]就大功告成了。

六问：如何在子栏目横排也显示版块图标和今日多少贴？   

效果如图：


横排显示.jpg



解决方法：把这个文件上传到/templates/mobantang/下，然后更新后台缓存，就可以了
          文件在这里（这是6.1版）：

forumdisplay_subforum.rar
(2008-05-15 10:50:21, Size: 1.12 KB, Downloads: 224)


      
                                     （ 这里是6.0版）：

forumdisplay_subforum.rar
(2008-05-15 10:58:28, Size: 1.13 KB, Downloads: 163)



7问：近日有站长想要在首页横版也要显示版块图片？
     
    想要的效果是：


横排显示.jpg.jpg


    答：修改方法为：打开discuz.htm,找到代码：

CODE:

<th width="$cat[forumcolwidth]"{$forum[folder]}>
                                                        <!--{if $forum[todayposts] && !$forum['redirect']}--><div class="todaynew">$forum[todayposts]<p>{lang index_today}</p></div><!--{else}--><div class="today">0<p>{lang index_today}</p></div><!--{/if}--><h2><a href="forumdisplay.php?fid=$forum[fid]">$forum[name]</a></h2>替换成：

CODE:

<th width="$cat[forumcolwidth]"{$forum[folder]}>
                                                        <!--{if $forum[todayposts] && !$forum['redirect']}--><div class="todaynew">$forum[todayposts]<p>{lang index_today}</p></div><!--{else}--><div class="today">0<p>{lang index_today}</p></div><!--{/if}-->$forum[icon]<h2><a href="forumdisplay.php?fid=$forum[fid]">$forum[name]</a></h2>就可以了！

[ 本帖最后由 hldcp888 于 2008-5-16 09:20 编辑 ]
正联燕子 at 2008-5-09 11:13:20
是听好看的  收下了
inonce at 2008-5-09 11:14:55
不错、··
inonce at 2008-5-09 11:16:11
在支持下、、``好赞的风格、·
ywxs at 2008-5-09 11:22:07
宽屏下有错误
hldcp888 at 2008-5-09 11:26:12

QUOTE:

原帖由 ywxs 于 2008-5-9 11:22 发表
宽屏下有错误
谢谢这位朋友，已经修改过来了，是因为用了绝对定位的缘故，呵

[ 本帖最后由 hldcp888 于 2008-5-9 11:31 编辑 ]
ywxs at 2008-5-09 11:31:26
可以了
能否改成自适应宽屏满屏的
xinruichou at 2008-5-09 11:37:08
呼呼……赞
qw2006 at 2008-5-09 11:48:45
beien at 2008-5-09 12:04:11
不错～一定要顶！
lihao677 at 2008-5-09 12:10:24
很漂亮的一个风格~~~我喜欢！
easyker at 2008-5-09 12:16:15
sca at 2008-5-09 14:04:11
很不错 但是好像没有看到附件啊
antuar at 2008-5-09 14:09:48
呼呼，好风格啊，确实很不错
wolky at 2008-5-09 14:19:30
好风格，期待ing
hi.boyfriend at 2008-5-09 14:41:30
如果上方導航再美化下的..就更加好的....
ch00133525 at 2008-5-09 14:45:39
这风格不错 下载下来试用
hy221 at 2008-5-09 18:28:23
留个位置，等下载。。。。。
hy221 at 2008-5-09 18:29:55
这是传说中的错位吗


32.jpg

kiss8 at 2008-5-09 20:24:23
www.eia8.com/bbs

这个好看！
查看全部回复 我也来说两句

最新更新主题

SupeSite/X-Space官方站 | 交流论坛 | 快捷面板 | 站点地图 | 友情链接 | 空间列表 | 站点存档 | 联系我们