织梦页面调用不到CSS和JS样式,
下面我说的话可能对不住你,但没有恶意。
网站基本知识还没懂,就玩仿站,做好了也是侥幸。
你没有搞明白静态页面和动态网站的区别,所以不知道样式和路径需要变更。用本地目录浏览和在网站环境下浏览,路径是不一样,本地路径从盘符开始,而网站环境下(包括本地环境)路径是从网站目录开始。
例如,你的路径是file:///D:/wamp/www/templets/dongfang/images/123jpg,你用本地路径访问网页时可以识别,而在网站环境下需要变化,它的路径需要改为/templets/dongfang/images/123jpg这样才能识别。也就是说,路径是基于www(网站根目录)下的文件开始的,css文件同理。
出现乱码才是编码错误,你的截图里只是css和的路径错误,编码没错。
在css文件中背景的路径也需要注意,尽量用相对路径,如果是从盘符开始的绝对路径,在网站环境下同样是不可识别的。
例
如,你的body背景放在和indexhtm同级目录的images文件夹下,名为234jpg,在css中代码应为
body{background:url(/images/234jpg);},如果背景图直接放在www(网站根目录)的images文件夹
下,body代码则为 body{background:url(/images/234jpg);},如果对绝对路径和相对路径有疑问可以百度一下。
有其他问题继续追问。
右键审查元素或者查看源码,看下是不是被调用出来了而因为div遮挡或者css样式控制了没显示。
如果还是没有,{dede:channelartlist typeid="频道栏目id"},调取一个指定的频道栏目id测试一下。
其实呀,跟普通调用一样,无非多了一些路劲参数,建议去看看它默认的路劲调用方法,改改就能用了。举个例子哦,这是默认的主页的css文件调用的写法,<link href="{dede:globalcfg_templets_skin/}/style/dedecmscss" rel="stylesheet" media="screen" type="text/css" />,分析一下,调用的css文件就在stye文件夹里,然后你就可以做个试验用自己的主页模板替换原来默认的,然后把css文件放到相应的文件夹内,调用的时候<link href="{dede:globalcfg_templets_skin/}/style/dedecmscss" rel="stylesheet" media="screen" type="text/css" />里的dedecmscss换掉就可以了吧,试试。js嘛都一样。模板是用来干嘛的啊就是用来简化你书写的代码量的啊,好好利用起来。
贴出一些css和channelartlist
css部分:
<style>
type{dede:fieldid/}{ color:#b96704; font-weight:bold; background:#fff}
#dis{dede:fieldreid/},#dis{dede:fieldid/}{ display: block}
on{dede:fieldreid/},on{dede:fieldid/}{ font-weight:bold; color:#000}
</style>
这部分一定要放到模板页面,不能使用link来加入
--------------------------------------------------------------------------------------
channelartlist 循环部分
<ul>
{dede:channelartlist }
<li class="tenint"><a href='{dede:field name='typeurl'/}' class=" on{dede:fieldid/}">{dede:field name='typename'/}</a></li>
<ul class='autod' id="dis{dede:fieldid/}">
{dede:sql sql='Select from dede_arctype where reid =~id~'}
<li><a href="/plus/listphptid=[field:id/]" class="type[field:id/]">[field:typename /]</a></li>
{/dede:sql}
</ul>
{/dede:channelartlist}
</ul>
--------------------------------------------------------------------------------------
这个就可以实现二级 甚至三级的当前效果
0条评论