帮助中心
40
最新文章
  • 优化ZBlog文章时间显示效果
  • ZBlog如何将使用中主题模板打包成.zba格式导出
  • ZBlog博客如何禁止选中和复制网页上的文字
  • ZBlog程序模板文件介绍
  • Zblog百度优化自动推送小技巧
  • ZBlog程序如何添加广告之文章列表分页条底部位置
  • ZBlog程序如何添加广告之首页文章列表顶部位置
  • ZBlog程序如何添加广告之CSS代码添加位置
  • ZBlog CSS代码添加广告教程
  • ZBlog在首页文章列表顶部位置添加广告教程
  • 文章分类
  • 171CMS_711CMS
  • BIWEB商务智能网站系统
  • BO-BLOG开源博客系统相关
  • cmseasy易通企业系统相关
  • Cscms程氏内容管理系统
  • dedecms教程_织梦系统帮助文档_dedecms虚拟主机空间
  • Destoon开源b2b系统相关
  • DirectAdmin(DA)用户面板相关
  • discuz论坛_discuz x3.0教程_discuz x3.2教程_DZ论坛
  • DouPHP轻量级企业网站管理系统
  • drupal开源内容管理系统(CMS)
  • ecmall商城系统教程-ecmall最新版本-ecmall模版教程
  • Ecshop开源网店系统相关
  • ECTouch程序相关教程
  • ESPCMS_易思
  • ftp教程_ftp上传工具_ftp软件_ftp是什么
  • iwebshop开源网店系统相关
  • joomla开源cms相关
  • KingCMS内容管理系统
  • Lifetype开源博客相关
  • Magento开源电子商务系统
  • mambors开源cms相关
  • mediawiki开源百科系统相关
  • Metinfo(米拓)CMS教程-米拓模版安装教程
  • modoer3.2_modoer点评系统_modoer模版
  • MvMmall多用户商城系统
  • mysql数据库相关
  • opensns开源社交系统
  • oscommerce电子商务系统
  • PHPBB开源论坛程序相关
  • phpcms教程_phpcms漏洞修复_phpcms技术中心
  • phpmyfaq开源问答(FAQ)系统相关
  • phpweb程序_phpweb教程_phpweb成品网站
  • PHPWIND开源论坛系统相关
  • phpyun
  • php主机产品
  • Pmwiki开源百科程序
  • SemCms开源程序
  • SEO-网站优化-SEO优化
  • ShopEx网店程序_shopex模板教程_shopex虚拟主机空间
  • ShopNc开源商城系统教程_电子商务系统教程
  • Thinkphp中文WEB应用开发框架相关
  • thinksns全平台综合型社交系统
  • Typecho开源博客系统相关
  • WordPress博客中文教程_wordpress模板教程_wordpress虚拟主机空间
  • XOOPS内容管理系统(CMS)
  • YOUDIANCMS内容管理系统
  • zblog博客程序教程_zblog模版问题解决方法
  • Zen Cart开源商城系统相关
  • [db:分类]
  • 主机环境配置相关
  • 其他资料
  • 域名相关
  • 安全资讯
  • 宏博cms企业系统相关
  • 帝国CMS教程_帝国CMS常见问题解决方法
  • 建站之星教程_建站之星程序常见问题解决方案
  • 无忧主机原创视频教程
  • 无忧主机用户部署安装网站
  • 无忧主机超级用户管理系统相关
  • 易企cms企业系统相关
  • 最土团购程序_最土团购程序模板教程_最土团购虚拟主机空间
  • 海盗云商系统
  • 网站SEO教程_SEO是什么?_SEO博客-无忧主机
  • 网站迁移和数据备份相关
  • 行业新闻
  • 资源目录
  • 骑士cms_骑士人才系统教程
  • zblog控制缩略图大小不变形的方法

    因为zblog博客程序的老版本是没有自带调用缩略图功能的,所以很多的站长朋友都会选择下载安装文章缩略图插件minitu插件来实现调用文章缩略图的功能。虽然minitu插件非常实用,可以帮我们轻松实现文章缩略图的调用,以此弥补程序本身的缺陷,但是对于minitu插件自身它也有一点缺陷,那就是关于文章调用的缩略图会变形的问题。如果调用的文章图片比例和原来的比例不符,或者同时调用几处的缩略图尺寸不一样的时候,这些缩略图就会变形。所以针对这个缩略图变形的情况,无忧主机小编现在基于php免备案空间来给站长朋友们完美的解决掉这个问题。

    首先我们先来了解一下minitu插件代用缩略图的代码:

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

    从代码中我们可以了解到这个插件的图片调用方法和参数,对此我们可以用<i>标签把图片的代码先装起来,然后用css样式来重新定义这个<i>标签的样式。思路理清了之后,我们先添加如下代码:

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

    然后添加css样式代码,用来设置<i>标签的宽度和高度,隐藏超出的部分;设置调用图片的宽度,高度忽略,避免图片尺寸不符导致图片变形,代码如下:

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

    代码编辑好了后点击保存,在网站后台重建一下文件就可以了。

    无忧主机相关文章推荐阅读:

    ZBLOG添加背景图片的快捷方法

    修改ZBLOG文章页的关键词和描述的方法

    修改ZBLOG首页和列表页的关键词和描述方法

    本文地址:https://www.51php.com/zblog/21329.html