天涯博弈

下一篇:[翻译]用户界面设计:提示与技巧 by Scott W. Ambler[0]
Jan 11

ZBlog模板:Delicious Share

Delicious Share

Delicious Share作为一款皮肤的名字是不是有点奇怪呢?这个delicious和del.icio.us可是一点关系都没有啦。因为发现大多的zblog模板都采用了复杂的修饰,比如大幅度背景图片、异常鲜艳的色彩,过多的图片修饰等,而个人是比较简洁的风格,于是便有了制作一款自己的zblog风格模板的想法。

Delicious Share是基于Zblog 1.8制作,因此可能无法在较早的ZBlog版本上完美显示。 Delicious Share基本采用zblog原有的xhtml代码结构,仅进行了少量的修改。原有的html代码中一些不符合网站标准或者不符合语义规则的标签也基本依照default主题模板,并没有完全改写。

网站风格在Firefox 1.5、Firefox 2.0、MSIE 5.5、MSIE 6.0、MSIE 7.0、Opera 9.24、Safari 3.0下均能显示一致。

Delicious Share 包含两个样式风格,安装后在后台“主题样式管理”进行切换。

下载地址 | 演示地址

安装方法:

1、点击上面“下载地址”下载ZTI风格包(文件名为delicious.zti)到本地;
2、登录您的zblog管理后台,在“主题样式管理”里选择“从本地导入ZTI文件”后,选择本地的delicious.zti提交即可。
3、修改ZBlog根目录下guestbook.asp文件:在页面代码最底部添加如下的js代码:

<script type="text/javascript">document.body.className="gb";</script>

4、4、如果需要添加菜单的选项卡效果,需要将顶部导航的li命名id。具体修改方式为:登录您的zblog管理后台,点击左侧的“链接管理”菜单后,切换到“顶部导航”,将顶部导航内容修改为如下内容:


<li id="default"><a href="<%=ZC_BLOG_HOST%>">首页</a></li>
<li id="search"><a href="<%=ZC_BLOG_HOST%>search.asp">搜索</a></li>
<li id="tags"><a href="<%=ZC_BLOG_HOST%>tags.asp">标签</a></li>
<li id="gb"><a href="<%=ZC_BLOG_HOST%>guestbook.asp">留言</a></li>
<li><a href="<%=ZC_BLOG_HOST%>cmd.asp?act=login">管理</a></li>



(首页、搜索等名称可以修改,注意li命名的id....不要对应错了哦^~^谢谢Google提示,)

模板说明:

1、增加了顶部的banner广告条,您可以修改\THEMES\delicious\SCRIPT里的topban.js来修改广告条的图片和链接地址;
2、侧边栏隐藏了最新回复及评论,日历查看、网站收藏之类的模块,如果您要显示这些模块,需要修改\THEMES\delicious\STYLE下yellow.css和grey.css;
3、logo使用的css背景图片,如果要替换logo,只需上传您的logo图片到\THEMES\delicious\STYLE\default替换原有的logo.gif即可。

相关文章

日志评论

  • Gravatar Icon 1.Livefordream comments at 2008-1-13 5:48:53 回复该留言

    作者是否发布到了z-blog论坛?相信会有很多人支持的。我以前也用z-blog,甚至比知道wordpress更早地知道了z-blog,后来因为空间的问题不得不改用wordpress,希望z-blog和贵站天涯博弈发展地越来越好!

    robert 于 2008-1-13 6:50:02 回复
    呵呵,已经发布到Z-Blog论坛,谢谢支持:)

    之前也用过zblog的早期版本,感觉问题有很多,并且缺乏插件支持,现在1.8的插件模式,似乎zblog也渐渐有了前途起来。。。

    wordpress当然是最好的,不过对于我这样php白痴,asp似乎是更好的选择:)
    zxc 于 2008-3-31 0:34:37 回复
    czxczx
    ddssd 于 2008-3-31 0:35:02 回复
    ddsddsds
    站长看看 于 2008-3-31 0:35:29 回复
    回复留言好像有问题哦

  • Gravatar Icon 2.ZGOOGLE comments at 2008-1-14 13:01:37 回复该留言

    哈哈,你网站右下角的“切换样式”,点击的指针 改成手型比较习惯点。

    Haha

  • Gravatar Icon 3.ZGOOGLE comments at 2008-1-14 13:07:56 回复该留言

    鼠标指针:cursor: hand;

    robert 于 2008-1-15 0:52:24 回复
    呵呵,谢谢提醒。。。。

    cursor:pointer ?

  • Gravatar Icon 4.今日关注 comments at 2008-1-21 18:10:24 回复该留言

    非常喜欢你的那个切换样式的功能.第一次看到还是在雅虎中国上看到的.一直没时间好好研修,希望能成为朋友

    robert 于 2008-1-22 10:30:44 回复
    呵呵,最早看到是在blueidea上....不过现在这个用在zblog上还是有点bug...

  • Gravatar Icon 5.haphic comments at 2008-2-21 6:13:17 回复该留言

    这个主题存在许多使用上的问题, (当然是就发布而言, 你用起来不成问题)
    我已就问题做出修改, 并修改了论坛的发布贴. 你可以去看下.

  • Gravatar Icon 6.zzxqt comments at 2008-2-28 18:08:28 回复该留言

    怎样去掉首页的控制面板?
    怎样去掉最底部的“Powered By Z-Blog 1.8 Devo Build 80108 and theme by Robert.think”?
    谢谢

  • Gravatar Icon 7.zzxqt comments at 2008-2-28 18:20:10 回复该留言

    还有,怎样在日志摘要的下方加上“阅读全文”?

  • Gravatar Icon 8.图书文化 comments at 2008-2-29 15:10:11 回复该留言

    图书发行1

  • Gravatar Icon 9.常平视窗 comments at 2008-3-7 16:48:43 回复该留言

    很好的风格,收藏了!

  • Gravatar Icon 10.梦幻天堂 comments at 2008-3-11 5:47:13 回复该留言

    ·自定义留言本正文内容
    显示不了?

  • Gravatar Icon 11.Outsourcing comments at 2008-3-14 12:28:42 回复该留言

    很想修改使用你这套模板,但是上传上去后发现无法解压,显示为:

    × 主题安装包XML版本为 1.0, 而你的解包器版本为 0.1, 请升级您的 ThemeSapper, 安装被中止.

    如何解决?

  • Gravatar Icon 12.大帝007 comments at 2008-3-22 10:16:35 回复该留言

    很不错的风格,WP的风格很多都不错的,希望更多的zblogger能移植到zblog上,呵呵^_^Haha

  • Gravatar Icon 13.挖网络 comments at 2008-4-2 15:21:26 回复该留言

    设计的不错 赞一个

  • Gravatar Icon 14.9808078 comments at 2008-5-26 15:05:30 回复该留言

    你好,我想知道你的首页上边的导航栏是在Z-BLOG哪个地方改的,很抱歉我是菜鸟,比喻:首页,随笔小记,互联网观点等等这一排是怎么改过来的?在哪个地方?请您赐教,谢谢。

  • Gravatar Icon 15.robert comments at 2008-5-26 16:41:11 回复该留言

    不能直接通过后台修改,需要使用插件,请按照这篇帖子的说明按照simpleblue主题即可将日志分类作为导航菜单显示:

    http://www.tianya8.net/zblog/post/17.html

  • Gravatar Icon 16.apollojane comments at 2008-6-5 21:11:13 回复该留言

    很感谢楼主可以分享这么好的主题
    但我在使用过程中发现一个问题,不知道是模板本身的问题还是浏览器的问题
    发上来大家一起帮忙看看吧
    这个问题比较奇怪
    用IE第一遍打开带图的页面时,图片都会特别特别小
    再刷新一下就恢复原状了
    用FOX来看完全正常
    网页地址如下,希望有懂行的帮我看看,谢谢大家
    http://www.apollojane.com/

  • Gravatar Icon 17.apollojane comments at 2008-6-5 21:50:28 回复该留言

    问题已经解决了,查了半天,是1024.CSS文件中一行代码在作怪
    找到这个把删掉就行了
    width:expression(this.width > 700 ? "700px" : this.width)
    如果有人遇到同样的问题好参考一下:)

  • Gravatar Icon 18.zbloger comments at 2008-6-7 16:03:38 回复该留言

    下载后导入到zblog,总是提示“× ZTI 文件上传失败.”,如何解决???

  • Gravatar Icon 19.robert comments at 2008-6-8 1:13:11 回复该留言

    to 18楼:

    这个问题我也不太清楚,建议您在zblog官方论坛上搜索相关问题的解决方式

  • Gravatar Icon 20.我的美女大小姐 comments at 2008-6-25 22:15:17 回复该留言

    博主这个模板不错...真的

    robert 于 2008-7-4 15:06:25 回复
    谢谢,不过看你好像是在spam哦

  • Gravatar Icon 21.look comments at 2008-7-4 10:30:04 回复该留言

    用了之后,发现生活原来可以更美的:)

    robert 于 2008-7-4 15:07:03 回复
    zblog皮肤多多,经常去官网逛逛发现新的皮肤吧,呵呵

  • Gravatar Icon 22.seo comments at 2008-7-4 16:35:02 回复该留言

    谢谢站长

  • Gravatar Icon 23.小丁哥 comments at 2008-7-10 13:07:48 回复该留言

    侧边栏的“最近回复和评论”及“最近留言”我想保留,改任何修改?样式表下有这么一段代码:“#divComments, #divGuestComments, #divTrackbacks, #divStatistics, #divFavorites{ display:none;}”,我将前两个删除了,可好像没什么效果,只能来你这讨教了,哈哈!

  • Gravatar Icon 24.小丁哥 comments at 2008-7-10 13:37:31 回复该留言

    终于搞定了,谢谢老兄的主题模板,很喜欢!

  • Gravatar Icon 25.google推广 comments at 2008-8-1 11:10:04 回复该留言

    日志写的很好,以后会常来的.先支持一下
    北京google推广

  • Gravatar Icon 26.Was comments at 2008-9-16 18:17:25 回复该留言

    感觉相当的好!

  • Gravatar Icon 27.ZZB comments at 2008-9-21 12:06:27 回复该留言

    你好,已经使用了你的这款主题。十分感谢。只是想请教,我想在侧栏显示tag标签,该怎么做呢?我看不明白你的这段话

    2、侧边栏隐藏了最新回复及评论,日历查看、网站收藏之类的模块,如果您要显示这些模块,需要修改\THEMES\delicious\STYLE下yellow.css和grey.css;

  • Gravatar Icon 28.ZZB comments at 2008-9-21 12:12:19 回复该留言

    我当前使用的是www.wanomi.com这个站

  • Gravatar Icon 29.铸铁平台 comments at 2008-10-8 16:58:53 回复该留言

    你这个网站的模板真的不错呀,我很喜欢,能不能发出来呀!

    robert 于 2008-10-9 15:42:19 回复
    really sorry....

发表评论

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