帮助中心
40
最新文章
  • 如何设置百度站内搜索功能
  • php5.4版本的环境中提示mysql_escape_string()错误的解决方法
  • php源码的install安装源或者.bak结尾的php文件没有删除将带来的严重的后果
  • shopnc后台功能之规格管理介绍
  • shopnc后台功能之商品分类的管理和新增介绍
  • shopnc后台功能之商品分类的导入和导出介绍
  • shopnc后台功能之清理缓存介绍
  • shopnc后台功能之配送地区介绍
  • shopnc后台功能之操作日志介绍
  • shopnc后台功能之支付方式介绍
  • 文章分类
  • 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_骑士人才系统教程
  • emlog怎么自动获取缩略图以及文章摘要

    在网页设计的领域,对于一些简单实用的页面设计,往往是经过时间的迁移仍然不会被淘汰,而图文混搭式的cms页面设计就是其中之一。之前就有使用无忧php虚拟主机的客户联系到无忧主机小编我,想要让小编我帮忙在emlog博客程序里设置一款简单的图文混搭cms模板。所以下面无忧主机小编就来详细介绍一下实现的方法。

    首先我们找到模板文件log_list.php文件,然后用网页编辑工具将其打开,修改两处代码实现缩略图和摘要的效果,先找到下面的这一段代码:

    <?php foreach($logs as $value):?>

    然后将其替换为下面的这一段代码:

    <?php foreach($logs as $value): 
    preg_match_all("|<img[^>]+src=\"([^>\"]+)\"?[^>]*>|is", $value['log_description'], $img);
    $imgext = !empty($img[1]) ? $img[1][0] : '';
    preg_match_all("|<img[^>]+src=\"([^>\"]+)\"?[^>]*>|is", $value['content'], $img);
    $imgsrc = !empty($img[1]) ? $img[1][0] : ''.TEMPLATE_URL.'/images/thumb.jpg';?>

    接着找到下面的这一段代码:

    <?php echo $value['log_description']; ?>
    <p class="tag"><?php blog_tag($value['logid']); ?></p>

    并将其替换成下面的这一段代码:

    <div class="postinfo">
    <a href="<?php echo $value['log_url']; ?>" title="<?php echo $value['log_title']; ?>">
    <img title="<?php echo $value['log_title']; ?>" src="<?php if($imgext):{ echo $imgext;} 
    else:{ echo $imgsrc;} endif;?>" alt="<?php echo $value['log_title']; ?>" target="_blank"></a>
    <?php echo extractHtmlData($value['content'],200);?>
    </div>

    上面这些代码的修改主要是完成图文混搭式的页面大体效果,下面还需要通过css样式的设置进一步完成页面的布局和排版。

    接下来我们找到main.css文件将其打开,在“#contentleft .count{ text-align:right; font-size:12px;}”这一行代码的下面添加两个属性,用来定义class标签的postinfo属性,以及postinfo底下的图片的属性:

    #contentleft .postinfo{margin:1px;overflow: hidden;}
    #contentleft .postinfo img{float:left; width:160px; height:100px;margin-right:6px}

    然后删除“

    #contentleft .tag {color:#A97965; font-size:12px; margin:0px 0px 0px 0px;}

    ”这行代码,最后保存数好据,在网站后台更新一下缓存就可以实现简单的图文混搭cms模板效果了。

    无忧主机相关文章推荐阅读:
    EMLOG怎么控制侧边栏日志标题字数的方法
    DOCCMS常用的标签介绍
    DOCCMS( 稻壳CMS)怎么把图片上传的限制调节到更大的

    本文地址:https://www.51php.com/others/21534.html