zblog《蓝色简约》主题发布

免费主题15542488年前 (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。

评论列表

邹海明网络营销
邹海明网络营销
6年前 (2014-03-29)

不错。新手可以使用

邹海明网络营
邹海明网络营
6年前 (2014-06-18)

不错。新手可以使用

评论者
评论者
6年前 (2014-06-18)

请问这款主题可以修改 LOGO吗。

拓源网 回复:
LOGO需手动调整CSS样式即可
6年前 (2014-06-18)
拓源网 回复:
LOGO需手动调整CSS样式即可
6年前 (2014-06-18)
拓源网 回复:
LOGO需手动调整CSS样式即可
5年前 (2015-08-24)
拓源网 回复:
LOGO需手动调整CSS样式即可
4年前 (2016-12-13)
拓源网 回复:
LOGO需手动调整CSS样式即可
3年前 (2017-02-24)
评论者
评论者
6年前 (2014-06-18)

请问这款主题可以修改 LOGO吗。

SHIMENBBS.CN
SHIMENBBS.CN
6年前 (2014-08-15)

很不错这款主题 谢谢

网站初学者
网站初学者
6年前 (2014-09-06)

请问在主题设置”幻灯管理“的”新增“怎么使用,我点了没有反应!

gdex
gdex
6年前 (2014-12-11)

我点”新增“也没有反应

评论者 回复:
换用谷歌或火狐浏览器登陆后台试试。
6年前 (2014-12-12)
评论者 回复:
换用谷歌或火狐浏览器登陆后台试试。
5年前 (2015-08-24)
评论者 回复:
换用谷歌或火狐浏览器登陆后台试试。
4年前 (2016-12-13)
评论者 回复:
换用谷歌或火狐浏览器登陆后台试试。
3年前 (2017-02-24)
姜云馨
姜云馨
6年前 (2014-12-19)

同楼上的问题一样,主题设置”幻灯管理“的”新增“怎么使用,我点了没有反应! 谷歌火狐都用了。。

发的
发的
5年前 (2015-02-23)

分类有限制吧,

搞笑语录
搞笑语录
5年前 (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>

拓源网 回复:
1.主题未重建;2.更换旧版YTCMS插件试试。
5年前 (2015-08-11)
拓源网 回复:
1.主题未重建;2.更换旧版YTCMS插件试试。
5年前 (2015-08-24)
拓源网 回复:
1.主题未重建;2.更换旧版YTCMS插件试试。
4年前 (2016-12-13)
拓源网 回复:
1.主题未重建;2.更换旧版YTCMS插件试试。
3年前 (2017-02-24)
邹海明网络营
邹海明网络营
5年前 (2015-08-23)

不错。新手可以使用

评论者
评论者
5年前 (2015-08-24)

请问这款主题可以修改 LOGO吗。

SHIMENBBS.CN
SHIMENBBS.CN
5年前 (2015-08-24)

很不错这款主题 谢谢

网站初学者
网站初学者
5年前 (2015-08-24)

请问在主题设置”幻灯管理“的”新增“怎么使用,我点了没有反应!

gdex
gdex
5年前 (2015-08-24)

我点”新增“也没有反应

姜云馨
姜云馨
5年前 (2015-08-24)

同楼上的问题一样,主题设置”幻灯管理“的”新增“怎么使用,我点了没有反应! 谷歌火狐都用了。。

发的
发的
5年前 (2015-08-24)

分类有限制吧,

搞笑语录
搞笑语录
5年前 (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>

邹海明网络营
邹海明网络营
4年前 (2016-12-13)

不错。新手可以使用

评论者
评论者
4年前 (2016-12-13)

请问这款主题可以修改 LOGO吗。

发表评论

访客

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