DEDE的首页的CSS样式在哪里修改？

{dede:channel type='top' row='10' currentstyle="<li class='current'><a href='~typelink~' ~rel~><i class='icon icon-~typeid~'><i>~typename~</a></li>"}

      <li><a href='[field:typeurl/]' [field:rel/]><i class='icon icon-[field:typeid/]'><i>[field:typename/]</a></li>

      {/dede:channel}

用icon-~typeid~  来给每一个栏目对应的css命名，比如关于我们栏目typeid=1，那么对应css就是icon-1，常见问题栏目typeid=2，那么对应css就是icon-2，只要在css文件里面设置好icon-1  icon-2 就好了。

还有一办法：模板里面不写每个a链接的css，直接在css文件里面按栏目排列顺序设置：

background-image: url(icon-gygif);

background-repeat: no-repeat;

background-position: right center;

}

li:nth-child(2) i {

background-image: url(icon-cjwtgif);

background-repeat: no-repeat;

background-position: right center;

}

虽然以上写法ie兼容有问题，但也可以搜索到各种技巧解决。

调用微缩图

<ul> {dede:arclist typeid='22' row='4' titlelen='20' orderby='id' imgwigth='60' imgheight='60' type='image' }

<li><img src="[field:litpic/]" width="114" height="100" /><br><a href='[field:arcurl/]'>[field:title/] </a>

</li>{/dede:arclist}</ul>

Dedecms 的首页样式文件一般在配套的模板文件里，默认模板的css样式在skin目录下css文件夹里的stylecss文件里，其他模板css样式都是自定义的，需要具体分析。

一、dedecms 默认模板样式。

1、默认模板样式位置是固定的，直接用Vscode编辑器打开模板文件目录，定位到“default”文件夹下，就可以看见style文件夹，里面都是默认模板的样式。

2、一般首页的样式都在“dedecmscss”文件里，打开修改即可。

二、查看自定义模板css样式。

自定义模板的css样式比较灵活，开发者可能会把样式文件放在任何一个目录下，此时就需要自己去分析模板。

1、打开dedecms的目录，打开自定义模板文件夹。

2、接着打开首页模板文件“indexhtm”，可以看到，“<link>”标签里的 css文件路径，一般就是模板套用的css样式，只要打开它就可以修改了。

3、按下“crtl”键，此时编辑器页面会出现“按住Crtl并单击可访问连接的提示”。

4、此时按住“crtl”鼠标左键单击link标签下的路径，Vscode就会自动定位到该文件的目录并打开改文件。

最后就可以修改样式了。

dedecms 网站调用导航栏目和下拉菜单的方法如下：

织梦开源程序(dedecms)是一个很不错的开源程序，功能十分的强大，只是默认的模板就有很不错的用户体验效果。而还有很多的不完美的地方，就需要我们自己去做一下修改，譬如默认导航条上面没有下拉列表的功能，今天我就来帮助大家解决一下怎样制作织梦导航下拉列表。

其实这个导航条上面显示下拉列表还是蛮简单的，即使你不懂代码知识也是可以操作的，下面跟着步骤走，就能很轻松的实现啦。

首先我们将将下面这段红色的代码贴到"网站根目录\templets\default\"的"footerhtm"文件里里面，一般来说把这段代码放在最下面就行了。

<!-- //放于底部即可-->

<script type='text/javascript' src='{dede:globalcfg_cmsurl/}/images/js/dropdownjs'></script>

{dede:channelartlist typeid='top' cacheid='channelsonlist'}<ul id="dropmenu{dede:fieldtypeid/}" class="dropMenu">

{dede:channel type='son' noself='yes'} <li><a href="[field:typelink/]">[field:typename/]</a></li>

{/dede:channel}

</ul>

{/dede:channelartlist}

<script type="text/javascript">cssdropdownstartchrome（"navMenu"）</script>

接着我们重新生成网站首页，再打开首页刷新一下就会发现你的网站导航栏已经出现下拉菜单了，只是背景还是透明的，原因是没有背景。这时候我们只需要再加一张我们喜欢的背景就好看多了。

可是头疼的是，这个下拉菜单是透明的！咋么办？？

加背景的办法

我们把织梦DedeCMS程序文件夹\dede\img里的mmenubggif（绿色背景，适用于绿色主题模板）或者DedeCMS程 序文件夹\templets\images里的mmenubggif（蓝色背景，适用于蓝色主题模板）复制到DedeCMS程序文件夹 /templets/default/images下面，现在你再看一下效果，导航栏是不是已经出现熟悉的下拉菜单了。

如果还想有更好的效果展示的话，我们就需要去手工修改/templets/default/style/dedecmscss里面的文件了，不过这得需要一点css知识哦~

修改css的话，我们可以在里面使用"ctrl+f"寻找 dropMenu 进行修改即可。

你可以直接修改织梦自带的那个default里面的search页面，另外在你的前端代码写搜索的地方加上引用： <form action="/plus/searchphp" method="post" class="search-form">

<input name="keyword" class="input-keyword" value="搜索您感觉兴趣的…" onblur="if(thisvalue=='') thisvalue='搜索您感觉兴趣的…';" onfocus="if(thisvalue=='搜索您感觉兴趣的…') thisvalue='';" type="text">

<input name="submit" class="search-btn" value="" type="submit">

</form>

你可以按照如下方法实现，先增加一个默认的class，然后再循环增加你想要的颜色

假设现在有五种颜色，则代码如下：

$("color_span")each(function(i, obj){

    var j = Mathfloor(Mathrandom()5);

    switch(j){

        case 0:

        $(this)addClass("red");

        break;

        case 1:

        $(this)addClass("green");

        break;

        case 2:

        $(this)addClass("yellow");

        break;

        case 3:

        $(this)addClass("blue");

        break;

        default:

        $(this)addClass("orange");

        break;

    }

})