您现在的位置是:首页 > cms教程 > Ecshop商城教程Ecshop商城教程

ecshop文章标题文字增加颜色样式修改方法

龚开梦2023-12-31Ecshop商城教程已有人查阅

导读ecshop 默认只有商品名称有样式,为了能让文章也有特 的标题,开发以下插件为文章标题加样式文章标题加样式修改:

ecshop 默认只有商品名称有样式,为了能让文章也有特 的标题,开发以下插件为文章标题加样式文章标题加样式修改:
1、
ALTER TABLE `ecs_article` ADD `title_style` VARCHAR( 60 ) CHARACTER SET utf8 COLLATE utf8_general_ci NOT NULL DEFAULT '+'
2、languages\zh_cn\admin\article.php 加入语言
//文章标题加样式 by neo
$_LANG['select_font'] = '字体样式';
$_LANG['font_styles'] = array('strong' => '加粗', 'em' => '斜体', 'u' => '下划线', 'strike' => '删除线');
$_LANG['js_languages']['cancel_color'] = '无样式';
3、admin\js\colorselector.js 一个,改名 colorselector2.js
并把里面的
document.getElementById("goods_name_color").value = this.bgColor;
document.getElementsByName("goods_name").item(0).style.color = this.bgColor;
改成
document.getElementById("title_color").value = this.bgColor;//文章标题加样式 by neo
document.getElementsByName("title").item(0).style.color = this.bgColor;//文章标题加样式 by neo
4、admin\templates\article_info.htm
页面顶部加入,colorselector2.js
如下效果:
{include file="pageheader.htm"}
{insert_scripts files="../js/utils.js,selectzone.js,colorselector2.js,validator.js"}<!-- 文章标题加样式 by neo -->
再找到
<tr>
<td class="narrow-label">{$lang.title}</td>
<td><input type="text" name="title" size ="40" maxlength="60" value="{$article.title|escape}" />{$lang.require_field}</td>
</tr>
修改成
<!-- 文章标题加样式 by neo -->
<tr>
<td class="label">{$lang.title}</td>
<td>
<input type="text" name="title" value="{$article.title|escape}" style="float:left;color:{$title_color};" size="30" />
<div style="background-color:{$title_color};float:left;margin-left:2px;" id="font_color" onclick="ColorSelecter.Show(this);"><img src="images/color_selecter.gif" style="margin-top:-1px;" /></div>
<input type="hidden" id="title_color" name="title_color" value="{$title_color}" />&nbsp;
<select name="title_style">
<option value="">{$lang.select_font}</option>
{html_options options=$lang.font_styles selected=$title_style}
</select>
{$lang.require_field}
</td>
</tr>
<!-- 文章标题加样式 by neo -->
5、admin\article.php
1).找到
require_once(ROOT_PATH . 'includes/cls_image.php');
下加入
$image = new cls_image($_CFG['bgcolor']);//文章标题加样式 by neo
2).找到(有2处都需要改)
$smarty->assign('article',     $article);
上加入
/* 文章标题加样式 by neo */
$title_style = explode('+', empty($article['title_style']) ? '+' : $article['title_style']);
$smarty->assign('title_color', $title_style[0]);
$smarty->assign('title_style', $title_style[1]);
3).找到
$sql = "INSERT INTO ".$ecs->table('article')."(title, cat_id, article_type, is_open, author, ".
"author_email, keywords, content, add_time, file_url, open_type, link, description) ".
"VALUES ('$_POST[title]', '$_POST[article_cat]', '$_POST[article_type]', '$_POST[is_open]', ".
"'$_POST[author]', '$_POST[author_email]', '$_POST[keywords]', '$_POST[FCKeditor1]', ".
"'$add_time', '$file_url', '$open_type', '$_POST[link_url]', '$_POST[description]')";
修改成
$title_style = $_POST['title_color'] . '+' . $_POST['title_style'];//文章标题加样式 by neo
$sql = "INSERT INTO ".$ecs->table('article')."(title, cat_id, article_type, is_open, author, ".
"author_email, keywords, content, add_time, file_url, open_type, link, description, title_style) ".
"VALUES ('$_POST[title]', '$_POST[article_cat]', '$_POST[article_type]', '$_POST[is_open]', ".
"'$_POST[author]', '$_POST[author_email]', '$_POST[keywords]', '$_POST[FCKeditor1]', ".
"'$add_time', '$file_url', '$open_type', '$_POST[link_url]', '$_POST[description]', '$title_style')";
4).找到
if ($exc->edit("title='$_POST[title]', cat_id='$_POST[article_cat]', article_type='$_POST[article_type]', is_open='$_POST[is_open]', author='$_POST[author]', author_email='$_POST[author_email]', keywords ='$_POST[keywords]', file_url ='$file_url', open_type='$open_type', content='$_POST[FCKeditor1]', link='$_POST[link_url]', description = '$_POST[description]'", $_POST['id']))
修改成
$title_style = $_POST['title_color'] . '+' . $_POST['title_style'];//文章标题加样式 by neo
if ($exc->edit("title='$_POST[title]', cat_id='$_POST[article_cat]', article_type='$_POST[article_type]', is_open='$_POST[is_open]', author='$_POST[author]', author_email='$_POST[author_email]', keywords ='$_POST[keywords]', file_url ='$file_url', open_type='$open_type', content='$_POST[FCKeditor1]', link='$_POST[link_url]', description = '$_POST[description]', title_style = '$title_style'", $_POST['id']))
======================以上步骤能实现了后台的文章标题样式添加和修改============================
前台php部分:在要实现文章标题样式页面找到对应的php添加查询的字段 title_style 和 循环时添加
$arr[$article_id]['title_style']   = add_style($row['title'],$row['title_style']);//文章标题加样式 by neo
$arr[$article_id]['short_title_style']   = add_style($arr[$article_id]['short_title'],$row['title_style']);//文章标题加样式 by neo
前台dwt,lbi模板部分
{$article.short_title_style}
或者
{$article.title_style}
1、index.php
找到
function index_get_new_articles()
里面的sql添加 , a.title_style 这个字段进去
如:
$sql = 'SELECT a.article_id, a.title, a.title_style, ac.cat_name, a.add_time, a.file_url, a.open_type, ac.cat_id, ac.cat_name ' .
' FROM ' . $GLOBALS['ecs']->table('article') . ' AS a, ' .
$GLOBALS['ecs']->table('article_cat') . ' AS ac' .
' WHERE a.is_open = 1 AND a.cat_id = ac.cat_id AND ac.cat_type = 1' .
' ORDER BY a.article_type DESC, a.add_time DESC LIMIT ' . $GLOBALS['_CFG']['article_number'];
在里面foreach里添加
$arr[$idx]['title_style']   = add_style($row['title'],$row['title_style']);//文章标题加样式 by neo
$arr[$idx]['short_title_style']   = add_style($arr[$idx]['short_title'],$row['title_style']);//文章标题加样式 by neo

本文标签:

很赞哦! ()

相关教程

相关源码

  • (响应式)wordpress模板VieuV4.5主题资讯自媒体博客源码Vieu主题专注于个人博客与企业展示场景,采用响应式设计确保在手机、电脑、平板等多设备上的展示。主题集成会员中心、投稿系统、内容保护等实用功能,满足现代博客网站的建设需求。查看源码
  • (PC+WAP)红色户外岗亭钢结构岗亭pbootcms网站模板为钢结构岗亭、户外设施企业打造的高端响应式营销门户,基于PbootCMS开源内核深度开发,采用HTML5自适应架构,实现PC与移动端数据实时同步展示。查看源码
  • 帝国cms7.5模板情感文学名言名句心情文章类源码下载带手机本模板基于帝国CMS7.5开发,为情感文学类网站设计。整体风格温馨雅致,布局合理清晰,特别适合建设情书分享、文学作品展示类网站。模板采用响应式设计,能够自动适配各种终端设备。查看源码
  • (PC+WAP)绣花刺绣传统手工工艺pbootcms网站源码下载这款基于PbootCMS的网站模板为刺绣和传统手工艺行业设计,采用优雅的布局和精致的细节处理,能够呈现手工艺品的独特韵味和文化内涵。模板结构合理,功能完善,是手工艺从业者展示作品的理想选择。查看源码
  • (自适应)绿色新闻生活百科资讯文章博客类网站pbootcms模板源码本模板基于PbootCMS开发,为生活百科、资讯文章和博客类网站设计。采用清新绿色系风格,提供舒适的阅读体验,同时适配PC和移动设备。适用于生活技巧分享、健康知识传播查看源码
  • (自适应)html5中英双语通用机械设备pbootcms模板下载本模板基于PbootCMS内核精心开发,为机械设备制造企业量身打造。设计风格大气稳重,充分展现机械行业的专业特质与技术实力。采用HTML5技术构建,支持中英文双语切换,满足国际化业务需求。整站布局合理,充分展示企业产品、案例与服务,帮助访客快速了解企业核心优势。查看源码
分享笔记 (共有 篇笔记)
验证码:

本栏推荐