天兴工作室

主题演示站

天兴工作室自用主题[老版]使用说明

这个主题在本站的模板中心里面一直都有卖,但是是这样的,在本站买可以直接发送使用教程给客户,在zblog的应用中心就不能这么干了,所以就写了这一篇主题使用教程。

  1. 首先,必须要安装ytcms和minitu两个插件,在后台应用中心搜索下载安装并启用。

  2. logo可以在后台主题配置直接上传替换。

  3. 主题自带有三处广告位,在后台主题配置直接管理。

  4. flash幻灯片和一些自定义的地方均可在后台的主题配置直接修改。

  5. 首页调用的是侧栏2,列表页和内容页调用的是默认侧栏。

这里截图说大家可能比较困惑的地方:

后台主题配置处这两处

天兴工作室自用主题[老版]使用说明

对应的是网站首页的这两处,后台填写分类id,前台自动调用对应分类内容。

天兴工作室自用主题[老版]使用说明


先写到这里,以后再补充,主题有bug也欢迎在此页面留言。

zblog标题如何修改?网站名称+内容名称排序

很多初次使用zblog的朋友可能都会有这个疑惑,网站首页的标题怎么修改?内容页的标题怎么改成文章标题+网站名称?本文就为大家讲解下。

zblog现在分为zblogasp版和zblogphp版,分别如下:


zblogasp版标题修改

找到正在使用主题文件夹内的header.html(如何找到请看:zblog主题怎么修改?zblogasp主题修改方法),打开后可以看到以下代码:

<title><#ZC_BLOG_TITLE#><#ZC_MSG044#><#BlogTitle#></title>

这个即是标题,我们要弄清楚这写代码的含义:

<#ZC_BLOG_TITLE#> 这个是博客标题,就是你的网站名称。

<#ZC_MSG044#> 这个调用出来就是一个 - (横杠),可以自己改。

<#BlogTitle#> 这个是当前页面的标题,栏目页显示栏目名称,内容页显示文章标题。

弄懂这些代码什么意思后就可以根据自己意思随意调整了。


zblogphp版标题修改

zblogphp版和zblogasp版的大同小异,就是调用标签不同而已,zblogphp版是这样的:

<title>{$name}-{$title}</title>

{$name} 这个是网站标题。

{$title} 这个是是当前页面的标题,栏目页显示栏目名称,内容页显示文章标题。


如果你还有其他疑问欢迎评论区留言咨询,有时间会意义回复的。

回来了 一言难尽

这一个多星期可谓是一言难尽,磋磨死人啊!

小孩子突然发烧,和老婆两个人按照以往经验(38.5℃以下物理降温,38.5℃以上药物控制),一天一夜后不见效。而且第二天体温一直在39.4℃左右徘徊,非常吓人。

带小伢去湖北省妇幼医院检查,血象非常高,到了20多,说是炎症比较重,要住院。

打了一天针,不见效,两天针,不见效,两个人吃不好睡不好担惊受怕直到第三天针才算是体温降下来不发烧了。

继续巩固打了两天针。

7月28日说是网站的流量超出了要关站。

QQ上不停有人找,没心情回。

七七八八搞到今天才算是完事,回来打开网站统计一看,尼玛流量掉了一半,关键词更是掉的没影了。

QQ上被许多人吐槽,明天算是可以恢复正常了,慢慢来吧,路还是要一步一步走下去的。

买了个win8平板玩一玩 酷比魔方iwork8升级版

前年就买了一个三星i917,windows phone 7的系统,用了一段时间还蛮喜欢,个人感觉Modern界面比较高大上些,就是可以用的软件太TM少了,而且还不好用。后来就换安卓了。

不知道什么时候起就想着买个win8的平板玩下,对数码产品的喜爱应该是大多人男人的通病吧。借着过生日这个这个理由跟老婆报批,老婆审批后开始选平板。

预算有限,微软的Surface买不起,无意中在京东上看到一个酷比魔方的“iwork8”的升级版,居然只要799,前提是要秒杀。于是就一直关注,到了指定日期手机设闹钟,用京东的手机客户端抢,居然给我抢到了,⊙﹏⊙b汗 人品一直不好的我很少会秒杀到东西的。
等了两天,平板到手,这货长这样,上两张图吧,手机拍的不清楚。

Modern界面:

正常桌面界面:

用了一段时间总结下:

  1. 屏幕分辨率坑爹

  2. win8应用商店速度坑爹,可下载的程序也坑爹(下载一个QQ失败无数次,并且超级不好用)

  3. 正常桌面模式就跟一般的win7电脑是差不多的,使用方式什么的完全一样,比较喜欢这点。

  4. 看视频居然会卡至死机!看来不适合娱乐了。

  5. 没有配套的键盘鼠标,只好otg外接鼠标,吐槽下这么小的屏幕没有鼠标用手指操作超级坑爹啊!!!

  6. 摄像头懒得吐槽了,我是这样想的,反正就是799,做工什么的也不能要求太高,玩个新鲜吧,799能买个可以临时用下的笔记本已经超划算了额,目的性明确了就ok。

此文本来想发到京东评论上的,后来想想博客也需要填充内容啊,所以...

zblogphp分类页/内容页调用当前栏目文章的标签

这个zblogphp分类页/内容页调用当前栏目文章的标签也是在咨询了一些大牛们的之后才写出来的,分享之,希望会对你有用。

一共有两种方法调用:zblogphp原生的标签调用和”ytcms“插件的标签调用,两种用法的区别是,zblogphp原生标签只能调用当前栏目最新文章,ytcms标签则可以调用最新,最热,随机等一些效果。当然zblogphp版的ytcms插件是收费的额,15元一份,大家可以根据自己需求选择。

分类页调用当前栏目文章

zblogphp原生标签是”$article.Category.ID“,用法如下:

{foreach GetList(5,$article.Category.ID) as $related}
<li><a href="{$related.Url}">{$related.Title}</a></li>
{/foreach}

ytcms的标签是”$articlelist->Category->ID“,用法如下:

{YT:Article DataSource="GetArticleCategorysTophot(5,$Articlelist->Category->ID)"}
<li><a href="{$Article.Url}">{$Article.Title}</a><p>{mb_substr(TransferHTML($Article.Intro,'[nohtml]'),0,80,'UTF-8')}…</p></li>
{/YT:Article}


内容页调用当前栏目文章

zblogphp原生标签是”$article.Category.ID“,用法如下:

{foreach GetList(5,$article.Category.ID) as $related}
<li><a href="{$related.Url}">{$related.Title}</a></li>
{/foreach}

ytcms的标签是”$article->Category->ID“,用法如下:

{YT:Article DataSource="GetArticleCategorysTophot(5,$article->Category->ID)"}
<li><a href="{$Article.Url}">{$Article.Title}</a><p>{mb_substr(TransferHTML($Article.Intro,'[nohtml]'),0,80,'UTF-8')}…</p></li>
{/YT:Article}

wordpress转zblogphp版本详细步骤教程

上上篇文章讲了下“ wordpress转zblog(asp2.X版本)详细步骤教程”,本文就来讲讲wordpress转zblogphp版本的详细步骤教程。

其实看了上上篇说怎么从wordpress转zblogasp的教程后再操作worepress转zblogphp就很简单了,目前还没有直接从worepress转zblogphp的插件(希望zblog官方继续给力),所以我们的思路很简单:

wordpress转到zblogasp,zblogasp转到zblogphp,欧拉。具体步骤:

  1. 先按照此篇教程:“ wordpress转zblog(asp2.X版本)详细步骤教程”,把worepress转成zblogasp。

  2. zblogasp后台安装“Z-Blog To PHP数据导出“插件(下载地址点击进入),导出数据后保存。

  3. 进入zblogphp后台,安装”ASP转换PHP数据导入“插件(下载地址点击进入),导入改成从zblogasp导出的数据。

  4. zblogphp后台更新缓存,大功告成。

还有其他疑问欢迎在文章下面评论区域提问,有时间会一一解答的。

zblog多彩tag的实现方法 js+css

很多朋友喜欢在博客的右侧安排一个区块放置网站的热门tag标签,可以起到很好的聚合作用和seo作用。但是想要更漂亮怎么办呢?一般就是用多彩tag或者球形滚动tag来美化下。本文为大家介绍下zblog里多彩tag的做法。

事先说明下:zblogphp有多彩tag插件,不会html和css的朋友建议直接用插件实现。动手能力较强而又想要自定义的朋友可以尝试按照本文方法修改。

实现多彩tag一共有3个部分。

js部分,代码如下:

<script type="text/javascript"> 
$(document).ready(function() { 
var tags_a = $("#tags a"); 
tags_a.each(function(){ 
var x = 9; 
var y = 0; 
var rand = parseInt(Math.random() * (x - y + 1) + y); 
$(this).addClass("tags"+rand); 
}); 
})  
</script>

需要注意是:var tags_a = $("#tags a");这一行,#tags为你网站放置tag区块的id属性,zblog一般都是tags不需要另外修改。此js代码放置的header头部模板的</head>之前即可。


css部分:

#tag a{height:20px;line-height:20px;padding-right:9px;font-size: 14px;padding-top: 3px;padding-bottom: 3px;padding-left: 9px;background-color: #66CCFF;color: #FFFFFF;}
#tag .tags0{background-color: #CC3300;}
#tag .tags1{background-color: #CC3300;}
#tag .tags2{background-color: #339900;}
#tag .tags3{background-color: #FF9933;}
#tag .tags4{background-color: #0099CC;}
#tag .tags5{background-color: #00CCCC;}
#tag .tags6{background-color: #99CC66;}
#tag .tags7{background-color: #339999;}
#tag .tags8{background-color: #FF6699;}
#tag a:hover{color:#FFFFFF;text-decoration:none;background-color: #18c1a0;}

css部分比较好理解,js控制了tag区块的a属性随机显示为tags1、tags2之类的,我们只需要修改tags1、tags2...等为自己想要的样式即可。


html代码部分

html代码部分如果模板支持自定义侧栏的话直接在zblog后台--模块管理,找到“tags列表”拖到右侧栏即可。如果你的模板不支持自定义侧栏,那么就需要自己加代码了,把以下代码加入到自己想放置的位置:

<dl id="tags"><dt>热门标签</dt>
<dd><ul>
zblogphp为“{module:tags}”/zblogasp为“<#CACHE_INCLUDE_TAGS#>”<div class="clear"></div>
</ul></dd>
</dl>

文件重建或者更新缓存,ok大功告成,多彩tag就是这么神气。

wordpress转zblog(asp2.X版本)详细步骤教程

wordpress现在是越来越臃肿了,单纯写个博客什么的,zblog会更适合你:简洁、纯中文环境、对百度友好等等。

已经使用了wordpress很长时间的朋友们想转到zblog来怎么搞呢?本文为大家写一个详细的步骤,照做即可,非常简单额。

注意:本文的教程写的是wordpress转zblog(asp2.X版本)的详细步骤教程,wordpress转zblogphp版本的步骤下一篇再写。

  1. 进入wordpress的管理后台,点击“工具”-“导出”,导出标准的xml文件。

  2. 安装最新版的zblogasp程序,最新版zblog下载地址:zblog下载:zblogasp最新版Z-Blog 2.2 Prism Build 140101,zblog安装教程:zblog程序安装教程 zblog安装步骤 有截图

  3. 安装好zblog程序后进入后台,点击插件管理,安装”wpimport“插件,插件下载地址:点击进入

  4. wpimport插件安装完毕启用后进入插件设置页面,选择导入刚才在wordpress后台导出的xml文件。

  5. 导入完成,zblog后台点击“文件重建”,ok 大功告成。

还有其他疑问欢迎在文章下面评论区域提问,有时间会一一解答的。

天兴工作室案例:zblog做的游戏资讯网站

天兴工作室不止一次的说过:zblog+ytcms=一个很好用的cms系统,本文的案例网站就是用zblog做出来的一个游戏资讯网站。

首页有幻灯片、最近更新、热门排行、视频介绍、分类cms区块等。

后台设置也比较方便,对此类zblog模板感兴趣的可以联系我们(在线QQ:1109856918咨询定制)

模板演示截图:

zblog游戏资讯模板

tab切换js代码 一个页面可多处使用

最近在给一个客户做一个zblog模板的时候需要用到一个页面中多处使用tab切换特效,做完后把代码整理了下,如果你也正好有此需求,直接复制代码即可。

tab切换js代码 一个页面可多处使用--js代码部分:

<script>
var fgm = {
 $: function(id) {
  return typeof id === "object" ? id : document.getElementById(id);
 },
 $$: function(tagName, oParent) {
  return (oParent || document).getElementsByTagName(tagName);
 },
 $$$: function(className, element, tagName) {
  var i = 0, aClass = [], reClass = new RegExp("(^|\\s)" + className + "(\\s|$)"), aElement = fgm.$$(tagName || "*", element || document);
  for (i = 0; i < aElement.length; i++) reClass.test(aElement[i].className) && aClass.push(aElement[i]);
  return aClass;
 },
 index: function(element) {
  var aChildren = element.parentNode.children, i;
  for(i = 0; i < aChildren.length; i++) if(aChildren[i] === element) return i;
  return -1;
 },
 on: function(element, type, handler) {
  return element.addEventListener ? element.addEventListener(type, handler, !1) : element.attachEvent("on" + type, handler); 
 },
 bind: function(object, handler) {
  return function() {
   return handler.apply(object, arguments);
  }; 
 }
};
function Tab(id) {
 var that = this;
 this.obj = fgm.$(id);
 this.oTab = fgm.$$$("tab", this.obj)[0];
 this.aTab = fgm.$$("li", this.oTab);
 this.oSwitch = fgm.$$$("switchBtn", this.oTab)[0];
 this.oPrev = fgm.$$("a", this.oSwitch)[0];
 this.oNext = fgm.$$("a", this.oSwitch)[1];
 this.aItems = fgm.$$$("items", this.obj);
 this.iNow = 0;  
 fgm.on(this.oSwitch, "click", fgm.bind(this, this.fnClick));
 fgm.on(this.oTab, "click", fgm.bind(this, this.fnMouseOver));
}
Tab.prototype = {
 fnMouseOver: function(ev) {
  var oEv = ev || event,
  oTarget = oEv.target || oEv.srcElement;
  oTarget.tagName.toUpperCase() === "LI" && (this.iNow = fgm.index(oTarget));
  this.fnSwitch();
 },
 fnClick: function(ev) {
  var oEv = ev || event,
  oTarget = oEv.target || oEv.srcElement,
  i;
  switch(fgm.index(oTarget)) {
   case 0:
    if(oTarget.className == "prev") {
     this.aTab[this.iNow].style.display = "block";
     this.iNow--; 
    };
    break;
   case 1:
    if(oTarget.className == "next") {     
     for(i = 0; i < this.iNow; i++) this.aTab[i].style.display = "none";
     this.iNow++; 
    };
    break;
  };
  this.aTab[this.iNow].style.display = "block";  
  this.fnSwitch(); 
 },
 fnSwitch: function() {
  for(var i = 0; i < this.aTab.length; i++) (this.aTab[i].className = "", this.aItems[i].style.display = "none"); 
  this.aTab[this.iNow].className = "current";
  this.aItems[this.iNow].style.display = "block";
  this.oPrev.className = this.iNow == 0 ? "prevNot" : "prev";
  this.oNext.className = this.iNow == this.aTab.length - 1 ? "nextNot" : "next";
 }
};
//应用
fgm.on(window, "load", function() {
 var aItem = fgm.$$$("item"),
 i = 0;
 for(; i < aItem.length; i++) new Tab(aItem[i]);
});
</script>

注意,此js代码需要放在页面的</head>之前。


tab切换js代码 一个页面可多处使用--html代码部分:

<div class="item">
            <div class="tab">
                <ul>
                    <li class="current">标题一</li>
                    <li>标题二</li>
                    <li>标题三</li>
                </ul>
                <span class="switchBtn"><a href="#" class="prevNot"></a><a href="#" class="next"></a></span>
            </div>
            <ul class="items" style="display:block;">
                <li><a href="#">列表标题</a></li>
                <li><a href="#">列表标题</a></li>
                <li><a href="#">列表标题</a></li>
                <li><a href="#">列表标题</a></li>
                <li><a href="#">列表标题</a></li>   
            </ul>
<ul class="items">
                <li><a href="#">列表标题</a></li>
                <li><a href="#">列表标题</a></li>
                <li><a href="#">列表标题</a></li>
                <li><a href="#">列表标题</a></li>
                <li><a href="#">列表标题</a></li>          

</ul>
            <ul class="items">
                <li><a href="#">列表标题</a></li>
                <li><a href="#">列表标题</a></li>
                <li><a href="#">列表标题</a></li>
                <li><a href="#">列表标题</a></li>
                <li><a href="#">列表标题</a></li>   
            </ul>

        </div>

此html代码可以在页面多处位置使用不会冲突,可以给"<ul>"或者"<div>"添加id属性,以实现不同位置不同显示效果。css代码就不上,可以根据自己的具体需求慢慢调整的,希望对大家有用。

<< < 61 62 63 64 65 66 67 68 69 70 > >>
«    2025年5月    »
1234
567891011
12131415161718
19202122232425
262728293031
控制面板
您好,欢迎到访网站!
  查看权限
网站分类
搜索
最新留言
文章归档
网站收藏
友情链接

Powered By Z-BlogPHP 1.7.4

天兴工作室主题演示站点,如遇到问题请联系我们的在线qq:207649916咨询