天兴工作室

主题演示站

zblog用css定义缩略图大小不变形的方法

zblog中的ytcms和minitu两个插件搭配起来可以做出很多效果,例如本站首页的这个两个效果,如下图:

zblog,css,缩略图


这里就涉及到了一个问题,怎么设置这个缩略图的大小还要保证图片不变形呢。

minitu插件的后台是可以设置图片大小的,这个当然可以解决问题,但是如果一个网站有几处使用了缩略图,并且缩略图的大小并不一样的时候,就要想别的办法了。

个人喜欢使用的是用css定义(当然还有其他的办法),分享下个人心得。

minitu调用出来的图片代码为

<a href="****" target="_blank" title="****"><img src="****" alt="****" /></a>

如果直接用css定义img的大小又会出现一种问题,博客内的配图有很多是随心所欲的,并不一定都是先用作图软件裁剪好了比例的,如果用css直接定义img的宽度和高度,图片就又会变形,我的思路是这样的:

用一个div把图片代码放在里面,用div标签用多了可能会乱套,所以个人习惯用<i></i>标签把图片代码装起来,定义一下<i>的css,代码是这样的:

<i id="tu"><a href="****" target="_blank" title="****"><img src="****" alt="****" /></a></i>

css这样定义:

1、定义<i>的高度和宽度,超出隐藏。

2、定义img的宽度和<i>的宽度一致,高度不定义,完整css代码是这样的:

#tu {
    display: block;
    height: 106px;
    width: 144px;
    overflow: hidden;
}
#tu img {
    width: 144px;
}

这样就不会让图片变形,看起来舒服些。如果有几处要这样调用的,修改下id的名称,然后修改不同id下<i>的宽度高度和img的宽度就ok了。

希望对大家有所帮助,如果你觉得这样定义不太好的话也欢迎指正额。

zblog安装多说评论插件后不显示的问题

今天在帮一个客户制作模板的时候发现了几个问题,折腾了半天解决了,记录下,给自己一个提醒。

第一个问题是查看不了被仿网站的源代码:仿站自然是要看被仿网站的源代码,有的网站为了防止我这种人,于是用js禁止了查看源代码这个功能,有办法禁止自然就有办法破解,解决办法就是这样:

在浏览器的地址栏直接输入:view-source:http://www.xxxx.com (http://www.xxxx.com 为网站地址)就可以直接查看这个网站的源代码了。

第二个问题是zblog安装多说评论插件后不显示:客户要求这个模板要用多说评论插件,于是模板做好了安装了多说插件,设置好文件重建发现前台页面根本不显示,查看源代码发现多说的代码在,就是不显示。

头疼,于是开始排查。

先以为是无觅和多说冲突,把无觅的所有代码全部清除,发现还是问题没有解决。

换官方默认模板,多说可以正常显示,于是确实是模板问题。

从模板开始入手,先删除所有的js文件,问题没有解决,删除css,问题没有解决,删除很多认为有问题的代码,问题还是没有解决。

没办法,只好用了一个笨办法,把官方默认模板的代码复制过来后一点一点的替换,最后终于找到了原因,那就是:没有zbog的版权代码导致的。
多说评论插件的作者是zsx,也是zblog的开发者之一,估计这样做的原因就是抵制那些删除了zblog版权的人吧,个人是从来不会删除zblog的版权代码的,但是有些客户第一要求就是删除zblog的版权代码,没办法额。

如果有朋友遇到了一样的问题,赶紧加上zblog的版权代码吧,问题就这样解决了,好累。

zblog修改网站logo的方法

有很多朋友在咨询我zblog的logo怎么修改,先开始有一点惊讶,后来慢慢就释怀了。都是从菜鸟一步一步的走过来的啊。今天就专门写一篇文章教大家怎么修改zblog的网站logo。

要修改logo就要先知道logo的图片文件在哪里。我们来了解下zblog的文件构造:

zblog程序的源文件夹里面有一个“zb_users”文件夹,这个文件夹是“Z-Blog用户配置文件夹”。其他三个文件夹不建议大家去修改什么。

“zb_users”文件夹里面有一个“THEME”文件夹。我们所安装的主题全部都在这个文件夹里面,你安装了几个主题这个文件夹里面就有几个文件。

好了,接下来就是重点了,打开“THEME”文件夹找到你现在正在使用的主题文件夹,怎么确认现在使用的是哪个主题呢?打开zblog后台--点击主题管理--把鼠标放在正在使用的主题上面--弹出来的一个框框里面会有显示:ID这一项,如下图:

image

这个ID就是你要找到的主题文件夹,好了,现在打开和id名称一样的文件夹,里面分别有以下文件夹,作用如下:

INCLUDE ---- 主题引用内容文件存放文件夹  
PLUGIN ---- 主题自带插件文件存放文件夹
SCRIPT ---- 主题js文件存放文件夹
SOURCE ----  主题CSS文件存放文件夹    
STYLE ---- 主题CSS和主题图片存放文件夹  
TEMPLATE ---- 主题模板html文件存放文件夹

先告诉大家logo文件就存放在STYLE文件夹里面,打开STYLE文件夹发现里面有一个css文件和一个文件夹,文件夹名称每个主题都不同,打开这个文件夹,里面就是这个主题所用到的所有图片了。我们找到logo文件,替换掉就OK了。

PS:要修改logo文件就先需要用ftp软件把THEME里面的文件夹全部下载到本地,或者直接在zblog后台插件管理里面启用“文件管理“这个插件,启用后按照前面的步骤一步一步来。

好了,我发现了想把一个简单的问题说清楚结果越说越复杂了,没看懂的朋友可以在下面的评论里面提问额。

近段时间对zblog2.0的一些看法

在帮客户做zblog模板的时候发现了一些zblog的限制,在这里吐吐槽。

zblog的标签调用太少了,在做一些特效的时候才发现。今天在做一个模板的时候发现要调用文章缩略图,用的minitu插件,结合YTcms使用的时候用的是{ $MiniTu_Build (article.title,article.content,article.url) }标签,结果发现用了这个标签后图片就必须带链接。但是使用的特效里面不允许有<a></a>这个代码,所以就杯具了,必须二选一。跟客户联系沟通后就把特效去掉了。

zblog2.0的模板机制做的还真是不错,不同栏目调用不同模板,可以极大的丰富网站样式,结合ytcms使用起来觉得跟dedecms都差不多的。

其他吐槽点慢慢补充,想着一点是一点,zblog确实是个强大的程序!

天兴zblog付费主题 适合有一定html基础者使用

说明:这一款主题适合有一些html基础的用户使用,里面有一些需要自行填充的地方。

此主题高仿国外博客,整体设计简洁大方醒目,导航栏为跟随式。首页可自行添加或者删除栏目,也可以根据客户意愿做相应修改。

此主题为付费主题,喜欢的朋友请直接联系我们的在线QQ:1109856918咨询详细。

主题演示

主题首页图示:

天兴博客-zblog模板-个人兴趣爱好,做zblog模板玩

主题内容页图示:

天兴博客-zblog模板-本站接受zblog模板定制、仿站等服务

本站接受zblog模板定制、仿站等服务

本站接受zblog模板定制、仿站等服务啦(想赚点小钱花)

我提供的服务

1、zblog模板定制,提出你的要求,最好是有一个文案。按需求报价。只想赚点小钱,所以价格绝对公道。

2、仿站,你看到一个网站,觉得很漂亮。可以找我做一个和那个网站一样的模板出来。仿站价格视被仿网站的难易度决定。

3、同时提供zblog安装维护服务。

我的模板作品:请点击:http://demo.txcstx.cn/catalog.asp?cate=6查看。

我的态度

如果你提出的要求我确定能办到则一定办得尽善尽美,如果你提出的要求我自认不能达到,则绝对不会忽悠你拍胸脯接下单子。

我的联系方式

QQ:1109856918

旺旺:meijie5523

邮箱:admin@txcstx.cn

zblog模板定制

<< < 1 2 3 4 >>
«    2025年5月    »
1234
567891011
12131415161718
19202122232425
262728293031
控制面板
您好,欢迎到访网站!
  查看权限
网站分类
搜索
最新留言
文章归档
网站收藏
友情链接

Powered By Z-BlogPHP 1.7.4

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