如何查找DEDECMS模板调用的CSS文件,DEDE技术
导读:DEDE技术DEDE技术最近我发现一些朋友在下载模板安装时发现内容错位,其实是CSS文件调用不当引起的,一般是CSS文件调用路径错误,所以今天我将要向大家介绍如何查找DEDECMS模板dede,模板织梦文章模板。
最近我发现一些朋友在下载模板安装时发现内容错位,其实是CSS文件调用不当引起的,一般是CSS文件调用路径错误,所以今天我将要向大家介绍如何查找织梦模板模板所调用的CSS文件。
首先打开模板文件夹里的index.htm文件,这里可以清楚看到模板的所调用的css文件,大家找到: <link href="{dede:global.cfg_templeturldede后台模板/}/style/织梦模板.css" rel="stylesheet" media="screen" type="text/css" /> 一般在index.htm里第八行里就是这一句,通过这句话大家可以看到一个css路径,也就是在\templets\style这个文件下的所有文件都是dede默认模板的css文件,而index.htm的css就是织梦模板.css织梦模板免费。 打开这个css文件后大家还会看到: @import url("layout.css"); @import url("page.css"); 这两句的意思就是织梦模板.css这个css文件还引用了layout.css和page.css这2个css文件。 通过查看织梦模板.css文件大家可以发现这个css主要控制的是所有模板文件的头部和尾部以及所有css的全局设计。 大家找到/*---------- base ---------*/这句下面一直到/*---------- dede手机模板frame ---------*/这里基本上都是全局css 下面的透过看单词就明白是header和foot的css也就是模板的头尾部css。 关于page和layout这两个css是关于列表部分css、翻页css、以及一些通用的css,大家可以通过查看css了解一下。 下面我为大家举个例子讲解一下css的对应关系和部分标签的基础应用:请大家打开head.htm模板文件。
首先大家打开head.htm后会看到<div class="header">这句话 那么其中的header就是一个定义为header的css。 那我们可以复制header,然后再织梦模板.css 里用Ctrl+f来查找有关header的所有css定义。 其它css的查找同样,如果你在某个css文件中找不到相应的css那么就在其他几个css文件中查找,然后修改,至于具体怎么修改css就不再本次讲解之内了,有关css的学习在网上有很多教程。 在这里只是简单说明一下css的查找和应用.
声明: 本文由我的SEOUC技术文章主页发布于:2023-07-21 ,文章如何查找DEDECMS模板调用的CSS文件,DEDE技术主要讲述模板,标签,CMS网站建设源码以及服务器配置搭建相关技术文章。转载请保留链接: https://www.seouc.com/article/web_32970.html