zblog《蓝色简约》主题发布

免费主题 22825 12年前 (2012-12-12)

主题名称:《蓝色简约》主题

主题作者:toyean

适用版本:zblogASP 2.2

发布时间:2012.12.12

更新时间:2013.12.19

主题大小:401KB

下载地址:您需要有拓源网账号,并且 登录 后即可查看或下载隐藏部分的内容.

发布地址:https://www.toyean.com/post/BlueSimple.html

主题截图:

zblog蓝色简约主题-首页

蓝色简约主题-首页

zblog蓝色简约主题-文章页

蓝色简约主题-文章页

主题默认侧栏无选项卡模块,需要的朋友可自行添加选项卡模块,代码如下。

1. 修改首页(bluesimple/template/default.html和catalog.html),在<#template:sidebar#>处换行添加以下代码:

<div class="sidebar_block">
<div class="tabtitle">
  <ul id="tabnav">
    <li class="selected">最新文章</li>
    <li class="">热门文章</li>
    <li class="">随机文章</li>
  </ul>
</div>
<div class="tabcon" id="tab-content">
  <ul>
    <#CACHE_INCLUDE_PREVIOUS#>
  </ul>
  <ul class="hide">
    {YT:Article DataSource="GetArticleRandomSortTopHot(10)"}
      <li><a href="{$Article.Url}">{$Article.HtmlTitle}</a></li>
    {/YT:Article}
  </ul>
  <ul class="hide">
    {YT:Article DataSource="GetArticleRandomSortRand(10)"}
      <li><a href="{$Article.Url}">{$Article.HtmlTitle}</a></li>
    {/YT:Article}
  </ul>
</div>
</div>
</div>

2. 向主题插件自定义样式表(bluesimple/plugin/default.css.html)文件中添加以下CSS代码:

/* 侧栏选项卡 */
.tabtitle { font-size:14px; color:#000; font-weight:bold; line-height:35px; overflow:hidden; }
.tabcon { height:230px; padding:5px 0; line-height:30px; overflow:hidden; }
#tabnav { display:block; clear:both; zoom:1; }
#tabnav li { width:103px; float:left; margin-bottom:5px; font-size:14px; color:{%aryColor(4)%}; font-weight:normal; text-align:center; cursor:pointer; border-bottom:2px solid #323436; }
#tabnav .selected { color:{%strHdBg%}; border-bottom:2px solid {%strHdBg%}; position:relative; }
#tab-content .hide { display:none; }
#tab-content ul { height:240px; overflow:hidden; }
#tab-content ul li { float:left; width:100%; padding-left:8px; line-height:22px; border-bottom:1px dashed #f3f3f3; text-indent:0.8em; background:url(images/list.png) no-repeat 0 9px; }
#tab-content ul li a { font-size:12px; color:{%aryColor(1)%}; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#tab-content ul li a:hover { color:{%aryColor(2)%}; }

3. 向主题脚本(bluesimple/script/common.js)文件中添加以下js代码:

$(function(){
	$('#tabnav li').hover(function() {
		$(this).addClass("selected").siblings().removeClass();
		$("#tab-content > ul").eq($('#tabnav li').index(this)).fadeIn(100).siblings().hide()
	});
});

4. 修改后进入主题配置中选择一套颜色方案并保存,文件重建即可。


2013-12-19 更新内容 V1.3

新增网站幻灯片展示和管理

新增文章页广告位展示和管理

新增二级栏目导航

新增主题版权保护机制

优化主题插件,方便设置页面样式及其他配置

优化首页CMS模块智能管理

修正样式等若干BUG

2013-8-28 更新内容 V1.2

修正了主题浏览器兼容性问题

调整主题结构 

修正了主题在YTCMS下不显示浏览数问题

调整了侧栏模块CSS样式

调整了标签页面tags样式

调整了导航栏目当前页面的active样式

新增首页分类显示参数设置

隐藏了文章摘要中的图片

2013-1-6 更新内容 V1.0

修正主题已知BUG

2012-12-27 更新内容:

修正搜索按钮不能提交的问题

修正&ldquo;带gravatar头像的最新评论&rdquo;插件的三种显示适应

2012-12-12 更新

主题自带快捷键Ctrl+enter提交,不支持IE6

主题自带插件,网站欢迎语请在后台插件管理中进行配置与使用。

主题说明:

zblog《蓝色简约》主题需 YT.CMS 与 Mini缩略图 两个插件支持。

此款主题为zblog2.2版主题,安装时请登录zblog2.2后台管理,在应用中心可下载此主题应用,或者在主题管理中选择本地的BlueSimple.zba文件提交并激活即可使用。

如有任何建议或疑问请与我们留言,我们的网址是:www.toyean.com,联系邮箱:toyean@qq.com。

分享给朋友: