如何查找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網站建設源碼以及服務器配置搭建相關技術文章。轉載請保留鏈接: http://www.bifwcx.com/article/web_32970.html