避免Smarty与CSS语法冲突的方法
本文实例讲述了避免Smarty与CSS语法冲突的方法。分享给大家供大家参考。具体分析如下:
熟悉CSS的人很快就会发现Smarty和CSS的语法存在冲突,因为二者都需要使用大括号{}。如果简单地将CSS标记嵌入到HTML文档首部,将导致"不可识别标记"错误:
<html> <head> <title>{$title}</title> <style type="text/css"> p{ margin::2px } </style> </head> ...
不要担心,因为我们有3种解决方案。
一、使用link标记从另一个文件中提取样式信息:
<html> <head> <title>{$title}</title> <link rel="stylesheet" type="text/css" href="css/default.css"/> </head> ...
二、使用Smarty的literal标记将样式表信息包围起来
这些标记告诉Smarty不要解析该标记内的任何内容:
<html> <head> <title>{$title}</title> {literal} <style type="text/css"> p{ margin::2px } </style> {/literal} </head> ...
三、修改Smarty的默认定界符
可以通过设置center_delimiter和center_delimiter属性来做到这一点:
<?php require("Smarty.class.php"); $smarty=newSmarty; $smarty->left_delimiter=''; $smarty->right_delimiter=''; ... ?>
虽然3种解决方案都能解决问题,但其中第一种可能是最方便的,因为将CSS放在单独的文件中是一种常见的实践做法。此外,这种解决方案不需要修改Smarty的重要默认配置(定界符)。
希望本文所述对大家的php程序设计有所帮助。
相关推荐
-
smarty中js的调用方法示例
本文实例讲述了smarty中js的调用方法,分享给大家供大家参考.具体方法分析如下: 一.问题: 有时候,在smarty中,包含js的时候,整个页面就不会显示,而程序员往往在页面中找错误,程序页面,模板页面检查了多次都没有错误,就很郁闷了. 二.解决办法: 把模板页面中的js代码拷贝出来放在新建的js文件中,然后在包含到模板页面里面,如: 复制代码 代码如下: {popup_init src="css/commen.js"} 这样一来,问题就解决了. 希望本文所述对大家的PHP程序设计
-
在PHP模板引擎smarty生成随机数的方法和math函数详解
这个当然绝对是可行的,但过于复杂,下面作者就如何直接在smarty模板中生成随机数这个小技巧和大家分享一下. 现在假设在smarty模板中需要生成一个125-324之间的随机数,那么可以按如下写法: 复制代码 代码如下: {math equation=rand(125,324)} 这样就实现了我们的目的了,怎么样?是不是很简单,其实这里主要用到了smarty模板中的math函数,下面对Smarty math函数的作用以及用法做个简要的讲解. math 允许模板设计者在模板中进行数学表达式运算.
-
smarty模板引擎使用内建函数foreach循环取出所有数组值的方法
本文实例讲述了smarty内建函数foreach的使用方法,分享给大家供大家参考.具体如下: 显示文件:index.php: 复制代码 代码如下: <?php //创建smarty对象 require_once("./libs/Smarty.class.php"); $smarty = new Smarty(); $arr1 = array("北京","上海","广州");//索引数组 $smarty->assig
-
解决css和js的{}与smarty定界符冲突问题的两种方法
当输入url地址后网页出现:Fatal error: Uncaught exception 'SmartyCompilerException' with message 'Syntax Error in template "E:\wamp\www\cms\system/templates/index.html" on line 79 "$("#job").load("./system/templates/touch/test.php",
-
smarty实现多级分类的方法
本文实例讲述了smarty实现多级分类的方法.分享给大家供大家参考.具体分析如下: 这里简单的介绍一下利用php smarty 多级分类读出与循环方法,单循环很简单,但是多级就要复杂一点,下面我们来看看,感兴趣的朋友可以看来一下: 复制代码 代码如下: <?php $result=mysql_query("SELECT id,description,parent_id,name,sort_order FROM article_categoey WHERE parent_id=0 order
-
smarty模板引擎中自定义函数的方法
本文实例讲述了smarty 自定义函数方法,分享给大家供大家参考.具体如下: 本实例目的:输出 times 次 con的内容(输出4次hello world) 文件1: 复制代码 代码如下: <?php //创建smarty对象 require_once("./libs/Smarty.class.php"); $smarty = new Smarty(); //自定义一个函数 //说明:(1).$arr为一个数组:(2).tpl调用形式{test times="4&qu
-
smarty模板引擎从php中获取数据的方法
本文实例讲述了smarty模板引擎从php中获取数据的方法.分享给大家供大家参考.具体如下: smarty可以分配($smarty->assign)的变量类型:所有php支持的数据类型--基本数据类型.复合数据类型.特殊数据类型(具体见smarty相关手册). 操作/显示文件:index.php 复制代码 代码如下: <?php //创建smarty对象 require_once("./libs/Smarty.class.php"); $smarty = new Smart
-
smarty模板引擎中内建函数if、elseif和else的使用方法
本文实例讲述了smarty内建函数if.elseif与else的使用方法,分享给大家供大家参考.具体如下: 模板文件:temp.tpl 复制代码 代码如下: <html> <h2>smarty内建函数if.elseif和else的使用</h2> <p style="color:red">实例1-->if的使用:取出键名不等于c3和n3之外的键值</p> {foreach from=$arr4 item=temp} {f
-
避免Smarty与CSS语法冲突的方法
本文实例讲述了避免Smarty与CSS语法冲突的方法.分享给大家供大家参考.具体分析如下: 熟悉CSS的人很快就会发现Smarty和CSS的语法存在冲突,因为二者都需要使用大括号{}.如果简单地将CSS标记嵌入到HTML文档首部,将导致"不可识别标记"错误: <html> <head> <title>{$title}</title> <style type="text/css"> p{ margin::2p
-
PHP针对常规模板引擎中与CSS/JSON冲突的解决方法
本文实例讲述了PHP针对常规模板引擎中与CSS/JSON冲突的解决方法,有一定的实用价值,具体分析如下: 本文主要针对对象为Smarty与Dwoo 在Smarty中经常会出现和CSS/JS的语法存在冲突的情况,因为二者都需要使用大括号{}.虽然可以改Smarty的界定符,但你在一个现存系统中,去修改所有相关代码,是不划算的.解决方法如下: 1. 避免同时出现 通过外部引用的方式避免.问题是避无所避.所以这种情况只适合少量简单的情况. 2. 修改Smarty界定符 3.可以使用Smarty的lit
-
Smarty模板简单配置与使用方法示例
本文实例讲述了Smarty模板简单配置与使用方法.分享给大家供大家参考,具体如下: 在Smarty目录中建立templates,templates_c,configs,cache目录.以便Smarty进行编译和缓存. 建立smarty_inc.php文件对smarty进行配置如下: <?php include_once("./smarty/Smarty.class.php"); //包含smarty类文件 $smarty = new Smarty(); //建立smarty实例对
-
webpack与SPA实践之管理CSS等资源的方法
上一篇介绍了如何使用webpack搭建一个稳定的支持本地服务.自动刷新.模块热替换.使用ES6编写JavaScript的开发环境,本篇主要介绍webpack如何处理HTML应用三大元素的另一元素 – CSS及其他诸如图片.字体文件或者数据配置文件等资源. 前言 在学习使用webpack时,我们需要明白无论它怎么设计,它的工作原理.流程是什么,最根本的它处理的还是HTML文档中的HTML标签.JavaScript.CSS.图片等资源,而且最终的处理结果依然必须是一个HTML文档,包括DOM.Jav
-
有关表格边框的css语法整理(1)
我们知道Dreamweaver在表格制作方面做得非常出色,但是在某些时候还是必须结合css才能达到一些特定效果,下面我们先把有关表格边框的css语法整理出来,然后另外介绍怎样用css美化表格的边框. 有关表格边框的css语法 具体内容包括:上边框宽度.右边框宽度.下边框宽度.左边框宽度.边框宽度.边框颜色.边框样式.上边框.下边框.左边框.右边框.边框.宽度.高度.有关标签等. 1.上边框宽度 语法: border-top-width: <值> 允许值: thin | medium | t
-
输入法的回车与消息发送快捷键回车的冲突解决方法
问题:在中文输入法输入文字时按ENTER键:绑定keyup事件会将输入法中的英文文字输入到文字框并直接触发发送按钮 键盘事件: 当一个按键被pressed或者released,在每一个浏览器中都可能会触发三种键盘事件 keydown keypress keyup keydown事件发生在按键被按下的时候,接着触发keypress,松开按键的时候触发keyup事件 中文输入法: firfox:输入触发keydown,回车确认输入触发keyup chrome:输入触发keydown.keyup,回车
-
php正则去除网页中所有的html,js,css,注释的实现方法
如下所示: $search = array ("'<script[^>]*?>.*?</script>'si", // 去掉 javascript "'<style[^>]*?>.*?</style>'si", // 去掉 css "'<[/!]*?[^<>]*?>'si", // 去掉 HTML 标记 "'<!--[/!]*?[^<>
-
php中smarty实现多模版网站的方法
本文实例讲述了php中smarty实现多模版网站的方法.分享给大家供大家参考.具体实现方法如下: 模板model1.htm代码: <html> <head> <title>模板1</title> </head> <body> <a href="?model=1" mce_href="?model=1">模板1</a> | <a href="?model=2
-
php实现smarty模板无限极分类的方法
本文实例讲述了php实现smarty模板无限极分类的方法.分享给大家供大家参考,具体如下: <?php $conn = mysql_connect("localhost","admin","admin"); mysql_select_db("people_shop",$conn); mysql_query("SET NAMES 'UTF-8'"); $class_arr=array(); $sql =
-
浅谈Viewpager和轮播图的冲突解决方法
实例如下: //解决ViewPager和轮播图滑动冲突 @Override public boolean dispatchTouchEvent(MotionEvent ev) { switch (ev.getAction()) { case MotionEvent.ACTION_DOWN: // 让当前viewpager的父控件不去拦截touch事件 getParent().requestDisallowInterceptTouchEvent(true); downX = (int) ev.ge
随机推荐
- Javascript访问html页面的控件的方法详细分析第1/2页
- 由document.body和document.documentElement想到的
- 简述AngularJS的控制器的使用
- 启动photoshop cs2后总跳出一个更新提示的解决方法
- 微软内部泄露的 XP的KEY和无限次激活码
- 同一台服务器(电脑)运行多个Tomcat的设置方法步骤
- Java中获取类路径classpath的简单方法(推荐)
- 比较IOS开发中常用视图的四种切换方式
- Java的基本数据类型和运算方法(必看篇)
- C#采用HttpWebRequest实现保持会话上传文件到HTTP的方法
- php常用数学函数汇总
- php4与php5的区别小结(配置异同)
- Python切换pip安装源的方法详解
- 很全面的JavaScript常用功能汇总集合
- javascript转换字符串为dom对象(字符串动态创建dom)
- javascript从image转换为base64位编码的String
- 使用typeof方法判断undefined类型
- 使用jQuery判断浏览器滚动条位置的方法
- Android自定义View实现钟摆效果进度条PendulumView
- 用C#缩小照片上传到各种空间的具体方法