示例网站:
http://www.uini.org
安装方法:
重要提示:选择与您的网站编码一致的版本下载!!!
1、解压缩后,直接copy到你的supersite的根目录,不会覆盖、损失你原先的任何网站文件。
2、登录到你的supersute管理后台,点选上方的:“基本设置”,然后到左边栏找到“站点设置”,点击进入,在右边找到“页面风格目录”,从下拉菜单中进行选择"uini2",然后保存。
3、进行缓存更新
4、如果你启用了html,必须重新生成,否则已经生成的网页不会以新的样式呈现。
5、templates/source目录里面有几个psd文件,其实没多大意思,大家的ps都比我好,可以自己动手。
主要更新:
1、消除首页快速登录区的黑色小斑点;
2、首页及其他页面导航的标题宽度调整;
3、圈子不再错位;
4、补上mygroup\space的页面;
5、合并了一些样式表文件;
6、增加了对联及漂浮广告代码;
7、调整了其他一些东西;
8、修正了首页论坛调用相同问题;
9、首页公告顺序按照发布时间倒序排列;
10、圈子页面的错位
使用说明:
1、为保证达到本模版的设计效果,请打开你的language/main.lang.php 文件
找到第 285行改为2、关于导航区域的分类标题显示问题:
由于大家的网站情况各不相同,标题长度不一,这里我设计了几个样式,供各位在使用时根据自己的情况进行选择:
首页
.globalMenu .content .a2 {width:33px; }
.globalMenu .content .a3 {float:left; list-style-type:none; width:42px; padding:3px 0; display:block; background:url(../images/nav_bg.gif) right 3px no-repeat;}
.globalMenu .content .a4 {float:left; list-style-type:none; width:57px; padding:3px 0; display:block; background:url(../images/nav_bg.gif) right 3px no-repeat;}
其中2、3、4分别表示标题为2、3、4个汉字的情况。
举例说明修改应用:
首页index.html.php顶部:
<div class="content">
<ul>
<!--{loop $channels['menus'] $value}-->
<li><a href="$value[url]">$value[name]</a></li>
<!--{/loop}-->
<!--{if !empty($channels['types']['news'])}-->
<!--{block name="category" parameter="type/news/isroot/1/ischannel/2/order/c.displayorder/limit/0,15/cachetime/36800/cachename/category_news/tpl/data"}-->
<!--{loop $_SBLOCK['category_news'] $value}-->
<li class="a2"><a href="$value[url]" title="$value[name]">$value[name]</a></li>
<!--{/loop}-->
<!--{/if}-->
<!--{if !empty($channels['types']['blog'])}-->
<!--{block name="category" parameter="type/blog/isroot/1/ischannel/2/order/c.displayorder/limit/0,4/cachetime/37800/cachename/category_blog/tpl/data"}-->
<!--{loop $_SBLOCK['category_blog'] $value}-->
<li class="a4"><a href="$value[url]" title="$value[name]">$value[name]</a></li>
<!--{/loop}-->
<!--{/if}-->
<!--{block name="bbsforum" parameter="type/forum/limit/0,4/order/f.displayorder/cachetime/21500/cachename/bbsforum/tpl/data"}-->
<!--{loop $_SBLOCK['bbsforum'] $value}-->
<li class="a3"><a href="$value[url]" title="$value[name]">$value[name]</a></li>
<!--{/loop}-->
</ul>
</div>
这是我的网站的情况。
从频道列表(系统默认都是两个字,所以采用.a2)以后按照顺序,资讯,我共调用了15个分类——因为我都设计为2个汉字,所以调用比较多——这里就采用了.a2,接下来我调用了4个博客分类——都是4个汉字——我就设定了.a4;再接着,调用了4个论坛分类——都是3个汉字——我就采用.a3的样式。
其他页面:
都在site_header.html.php文件中修改。
位置:
<!-- 网站导航 -->
<div>
<a href="{S_URL}"><img src="{S_URL}/templates/$_SCONFIG[template]/images/163logo.gif" width="114" height="46" alt="$_SCONFIG[sitename] $_SCONFIG[seotitle]" title="返回$_SCONFIG[sitename] $_SCONFIG[seotitle]首页" class="left" /></a>
<div id="menu">
<ul>
<li class="a2"><a href="{S_URL}/">首页</a></li>
<!--{loop $channels['menus'] $value}-->
<li class="a2"><a href="$value[url]">$value[name]</a></li>
<!--{/loop}-->
<li class="a2"><a href="{S_URL}/batch.search.php">搜索</a></li>
<!--{block name="category" parameter="type/news/isroot/1/ischannel/2/order/c.displayorder/limit/0,19/cachetime/10800/cachename/category/tpl/data"}-->
<!--{loop $_SBLOCK['category'] $value}-->
<li class="a2"><a href="$value[url]">$value[name]</a></li>
<!--{/loop}-->
<!--{block name="category" parameter="type/blog/isroot/1/ischannel/2/order/c.displayorder/limit/0,4/cachetime/10800/cachename/category/tpl/data"}-->
<!--{loop $_SBLOCK['category'] $value}-->
<li class="a4"><a href="$value[url]">$value[name]</a></li>
<!--{/loop}-->
<!--{block name="bbsforum" parameter="type/forum/allowblog/1/order/displayorder/limit/0,4/cachetime/14400/cachename/forumarr/tpl/data"}-->
<!--{loop $_SBLOCK['forumarr'] $value}-->
<li class="a3"><a href="$value[url]">$value[name]</a></li>
<!--{/loop}-->
</ul>
</div><div class="clear"></div>
</div>
</div>
原理同首页。
3、广告位置:
本模版的广告位置不能很好的采用系统内置的样式是个遗憾。有几处需要您手动修改:
1)首页index.html.php右下的位置。
2)资讯察看页面newsview.html.php的下方,和商品展示并列的位置;
3)一个肾友网的小图标()
[ 本帖最后由 jsaren 于 2007-10-16 19:10 编辑 ] |