首页 > 免费主题 > zblog《蓝色简约》主题发布

zblog《蓝色简约》主题发布

2012-12-12 toyean 免费主题 48人评论 10518人浏览

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

主题作者:toyean

适用版本:ZBlogASP 2.2

发布时间:2012.12.12

更新时间:2013.12.19

主题大小:401KB

下载地址:BlueSimple.rar

发布地址:http://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。

打赏

评论列表

邹海明网络营销  3年前 (2014-03-29) 回复该评论
不错。新手可以使用
邹海明网络营销
邹海明网络营  3年前 (2014-06-18) 回复该评论
不错。新手可以使用
邹海明网络营
评论者  3年前 (2014-06-18) 回复该评论
请问这款主题可以修改 LOGO吗。
toyean  3年前 (2014-06-18) 回复该评论
LOGO需手动调整CSS样式即可
toyean
toyean  3年前 (2014-06-18) 回复该评论
LOGO需手动调整CSS样式即可
toyean
toyean  2年前 (2015-08-24) 回复该评论
LOGO需手动调整CSS样式即可
toyean
toyean  7个月前 (12-13) 回复该评论
LOGO需手动调整CSS样式即可
toyean
toyean  4个月前 (02-24) 回复该评论
LOGO需手动调整CSS样式即可
toyean
toyean
评论者  3年前 (2014-06-18) 回复该评论
请问这款主题可以修改 LOGO吗。
评论者
SHIMENBBS.CN  3年前 (2014-08-15) 回复该评论
很不错这款主题 谢谢
SHIMENBBS.CN
网站初学者  3年前 (2014-09-06) 回复该评论
请问在主题设置”幻灯管理“的”新增“怎么使用,我点了没有反应!
网站初学者
gdex  3年前 (2014-12-11) 回复该评论
我点”新增“也没有反应
评论者  3年前 (2014-12-12) 回复该评论
换用谷歌或火狐浏览器登陆后台试试。
评论者
评论者  2年前 (2015-08-24) 回复该评论
换用谷歌或火狐浏览器登陆后台试试。
评论者
评论者  7个月前 (12-13) 回复该评论
换用谷歌或火狐浏览器登陆后台试试。
评论者
评论者  4个月前 (02-24) 回复该评论
换用谷歌或火狐浏览器登陆后台试试。
评论者
评论者
姜云馨  3年前 (2014-12-19) 回复该评论
同楼上的问题一样,主题设置”幻灯管理“的”新增“怎么使用,我点了没有反应! 谷歌火狐都用了。。
姜云馨
发的  2年前 (2015-02-23) 回复该评论
分类有限制吧,
发的
搞笑语录  2年前 (2015-08-11) 回复该评论
谁能帮忙解答下 我在首页边栏里 添加
<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>
toyean  2年前 (2015-08-11) 回复该评论
1.主题未重建;2.更换旧版YTCMS插件试试。
toyean
toyean  2年前 (2015-08-24) 回复该评论
1.主题未重建;2.更换旧版YTCMS插件试试。
toyean
toyean  7个月前 (12-13) 回复该评论
1.主题未重建;2.更换旧版YTCMS插件试试。
toyean
toyean  4个月前 (02-24) 回复该评论
1.主题未重建;2.更换旧版YTCMS插件试试。
toyean
toyean
邹海明网络营  2年前 (2015-08-23) 回复该评论
不错。新手可以使用
邹海明网络营
评论者  2年前 (2015-08-24) 回复该评论
请问这款主题可以修改 LOGO吗。
评论者
SHIMENBBS.CN  2年前 (2015-08-24) 回复该评论
很不错这款主题 谢谢
SHIMENBBS.CN
网站初学者  2年前 (2015-08-24) 回复该评论
请问在主题设置”幻灯管理“的”新增“怎么使用,我点了没有反应!
网站初学者
gdex  2年前 (2015-08-24) 回复该评论
我点”新增“也没有反应
gdex
姜云馨  2年前 (2015-08-24) 回复该评论
同楼上的问题一样,主题设置”幻灯管理“的”新增“怎么使用,我点了没有反应! 谷歌火狐都用了。。
姜云馨
发的  2年前 (2015-08-24) 回复该评论
分类有限制吧,
发的
搞笑语录  2年前 (2015-08-24) 回复该评论
谁能帮忙解答下 我在首页边栏里 添加
<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>
搞笑语录
邹海明网络营  7个月前 (12-13) 回复该评论
不错。新手可以使用
邹海明网络营
评论者  7个月前 (12-13) 回复该评论
请问这款主题可以修改 LOGO吗。
评论者

发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

拓源网官方微信
关注拓源网微博
476590949
09:00 - 18:00
拓源网QQ群: 491920017
客服邮箱: