简介: 我们的一位用户希望其网站首页具有不同的背景。 Joomla确实提供了几种自定义单个页面的方法。本教程将向您介绍两个Joomla选项。让我们开始吧 ...

我们的一位用户希望其网站首页具有不同的背景。 Joomla确实提供了几种自定义单个页面的方法。本教程将向您介绍两个Joomla选项。让我们开始吧 ...

1:将CSS添加到当前模板
检查模板是否已经使定位特定页面变得容易。

例如,某些模板将菜单项ID添加为类。这样一来,您无需执行其他任何操作即可使用CSS定位页面。

使用浏览器的检查工具或Firebug来检查HTML输出。

如您所见,在此示例中,模板将菜单项ID添加到标记中。

因此,我可以使用以下CSS定位背景:

body.itemid-101 {
background-color: yellow;
}

2:使用页面类

如果模板没有为每页添加任何唯一的标记,会发生什么?

使用菜单项的Page Class选项,我们可以向HTML标记添加更多CSS类。然后,我们可以使用CSS仅定位该特定页面。

如何在不同页面上使用不同的Joomla CSS

要添加页面类,请转到:

编辑菜单项
页面显示
页面类->在此处添加类
保存
在示例中,我在“主页”之前添加了一个空格。这将使其成为一个单独的类。如果希望将它作为后缀附加到最终类的末尾,请改用连字符。

如果幸运的话,模板会在您需要的地方添加该类。

让我们在示例中查看输出。

该类“主页”已添加。但是,没有在我可以使用CSS作为背景示例定位的地方添加它。我可以使用它来定位内容区域,但不能定位主体的背景。

专家提示:原因是使用CSS我无法定位父元素。我只能定位元素本身和子元素。

原文:https://developer.aliyun.com/article/776773?spm=a2c6h.12873581.0.0.9f3b767dH8KIDu&groupCode=othertech

为什么request的页面与原页面不同_如何在不同页面上使用不同的Joomla CSS相关推荐

  1. 不同角色进入使用不同功能_如何在不同页面上使用不同的Joomla CSS

    简介: 我们的一位用户希望其网站首页具有不同的背景. Joomla确实提供了几种自定义单个页面的方法.本教程将向您介绍两个Joomla选项.让我们开始吧 ... 我们的一位用户希望其网站首页具有不同的 ...

  2. vue 父页面中的方法 调用_解决Vue中页面成功渲染数据undefined的问题

    前言 这个标题不太好取. 本文需要下面的知识: https://zhuanlan.zhihu.com/p/260811233​zhuanlan.zhihu.com 问题描述 我最近的一个功能需求是通过 ...

  3. h5页面怎么处理文件流_一种H5页面效果生成视频文件的方法及系统与流程

    本发明涉及计算机技术领域,尤其涉及一种H5页面效果生成视频文件的方法及系统. 背景技术: 现有的视频合成方法均是将视频需要合成的各个元素拆分出来,针对每个元素进行合成视频,复杂度高,一旦需要添加新的动 ...

  4. 数据输出:如何将数据带给页面||SpringMVC除过在方法上传入原生的request和session外还能怎么样把数据带给页面

    数据输出:如何将数据带给页面 SpringMVC除过在方法上传入原生的request和session外还能怎么样把数据带给页面 SpringMVC提供了一种可以临时给Session域中保存数据的方式 ...

  5. java中include标签的用法_原 ng-include用法分析以及多标签页面的简单实现方式

    在平时的项目开发中,应该会经常遇到上图所示的需求,就是在一个页面中有多个标签,被选中的标签颜色会高亮显示,切换不同标签显示相应的不同内容.如果内容代码过多则写在同一个html文件就会显得特别乱,所以这 ...

  6. vue项目实现从商品列表页跳转详情页后,返回列表页保持页面在原位置,且列表页刷新的方法

    vue项目实现从商品列表页跳转详情页后,返回列表页保持页面在原位置,且列表页刷新的方法 页面跳转后回退保持原位置 App.vue页面中使用keep-alive缓存组件 <template> ...

  7. 使用window.print()后,未关闭打印页面,原网页不能操作

    使用window.print()后,未关闭打印页面,原网页不能操作,此时可以试着用window.location.reload()重新加载页面解决问题. 转载于:https://www.cnblogs ...

  8. 原 ng-include用法分析以及多标签页面的简单实现方式

    Demo:http://webenh.chinacloudsites.cn/Default/Demo2 在平时的项目开发中,应该会经常遇到上图所示的需求,就是在一个页面中有多个标签,被选中的标签颜色会 ...

  9. 微信小程序踩坑–卸载所有页面(含tabBar)跳转到指定页面

    在跳转页面的时候如果有数据重置的需求,首先肯定是不能用wx.navigateTo(OBJECT)因为原页面并没有unload.如果是不属于tabBar的页面,用wx.redirectTo(OBJECT ...

最新文章

  1. awk 统计数据在文件中的出现次数
  2. socket编程TCP通信
  3. Java:ChronicleMap第2部分,超级RAM映射
  4. jqGrid 常用方法
  5. Centos KVM 基本安装过程
  6. vue实现li列表的新增删除和修改
  7. 机器学习Class 6:分类及描述
  8. Snowflake Decoded基础教程
  9. Kotlin和Swift语言在Redmonk榜上排名大幅提升
  10. AWS云、阿里云、腾讯云、华为云--云服务器全球区域对比图
  11. ibm3630m4服务器装系统,ibm x3630m4安装Windows2008R2系统
  12. 【Optimizaition/x86】Intel CPU的CPUID指令获取的C实现
  13. FineUI大版本升级,外置ExtJS库、去AXD化、表格合计行、表格可编辑单元格的增删改、顶部菜单框架
  14. 高性能RPC框架gRPC竟恐怖如斯~
  15. 单板嵌入式计算机定义,用于嵌入式控制系统的单板计算机
  16. Android两个项目整合成一个
  17. 编辑出库单issue
  18. php 7.x 编译安装 Gracefully shutting down php-fpm warning, no pid file found - php-fpm is not running ?
  19. 《大型网站技术架构:核心原理与案例分析》之读书笔记
  20. 关于串口编程的(一)

热门文章

  1. CentOS下g++: command not found问题的解决
  2. 使用CInternetSession获取utf-8页面中文乱码问题解决方法
  3. C++中给二维指针分配内存
  4. rpm包备份命令linux,RPM常用命令介绍 - Linux就该这么学的个人空间 - OSCHINA - 中文开源技术交流社区...
  5. openoffice linux 目录,Linux之安装OpenOffice
  6. variable java_在XSLT中使用Variable Argument调用Java方法
  7. 基于textureview编写opengl程序
  8. 高德地图哪个语音包最好_高德地图妲己语音
  9. Linux内核网络数据发送(六)——网络设备驱动
  10. 按钮右对齐_9张图,学会Excel中的对齐技巧