Question

求帮这段dedecms主页调用栏目页的代码改成可以显示3列，每列10行，一共可以调用30篇文章的代码？

<div class="container">
<div class="section-title center">
<h2>栏目内容</h2>
</div>
<div class="row"> {dede:arclist titlelen='42' row='6' typeid='19' infolen='48'}
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="default-blog-news wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
<div class="img-box"> <a href="[field:arcurl/]"><img src="[field:picname/]" alt="[field:fulltitle/]" ></a> </div>
<div class="lower-content">
<div class="post-meta">by [field:writer/] | [field:pubdate function="MyDate('Y-m-d',@me)"/]</div>
<div class="text">
<h4><a href="[field:arcurl/]" class="black">[field:title/]</a></h4>
<p>[field:infos/]</p>
</div>
</div>
</div>
</div>
{/dede:arclist} </div>
</div>
现在这个代码是会调用图片的，不要图片和摘要，只要文章题目，然后显示就是3列10行的这样调用出来就可以谢谢，为了主页文章多一点！！

Answer 1

需要重新架构，只根据您的样式ID写是无法写的。需要考虑到兼容性。

下面提供一段全新的符合您要求的代码和CSS，供您参考学习。

<div class="list">
    	<ul class="tnews">
        	<a class="title" title="公司新闻" href="/news/news/"><span class="t1">公司新闻</span><span class="t2">NEWS</span></a>
		<li><a title="织梦DEDEcms文章散文模板" href="/news/news/18.html"><span style="float:right; padding-left:2px;">01-07</span>织梦DEDEcms文章散文模板</a></li>
<li><a title="轻博客织梦博客模板/文章资讯模" href="/news/news/17.html"><span style="float:right; padding-left:2px;">01-07</span>轻博客织梦博客模板/文章资讯模</a></li>
<li><a title="dede织梦商城模板（服装商城）" href="/news/news/16.html"><span style="float:right; padding-left:2px;">01-07</span>dede织梦商城模板（服装商城）</a></li>
<li><a title="安防安防门的安装要求和使用说明" href="/news/news/7.html"><span style="float:right; padding-left:2px;">07-25</span>安防安防门的安装要求和使用说明</a></li>
<li><a title="将相金属带您解析安防安防门的分" href="/news/news/6.html"><span style="float:right; padding-left:2px;">07-25</span>将相金属带您解析安防安防门的分</a></li>
<li><a title="将相安防安防门一般在什么地方设" href="/news/news/5.html"><span style="float:right; padding-left:2px;">07-25</span>将相安防安防门一般在什么地方设</a></li>

        </ul>
    	<ul class="tnews">
        	<a class="title" title="行业动态" href="/news/hot/"><span class="t1">行业动态</span><span class="t2">INFORMATION</span></a>
		<li><a title="安防监控选购有章可循" href="/news/hot/27.html"><span style="float:right; padding-left:2px;">01-07</span>安防监控选购有章可循</a></li>
<li><a title="人气明星职业妆容画法" href="/news/hot/20.html"><span style="float:right; padding-left:2px;">01-07</span>人气明星职业妆容画法</a></li>
<li><a title="打造21世纪社会急需高端人才" href="/news/hot/19.html"><span style="float:right; padding-left:2px;">01-07</span>打造21世纪社会急需高端人才</a></li>
<li><a title="安防安防门的样式还需提高" href="/news/hot/10.html"><span style="float:right; padding-left:2px;">07-25</span>安防安防门的样式还需提高</a></li>
<li><a title="安防安防门的种类及安装位置介绍" href="/news/hot/9.html"><span style="float:right; padding-left:2px;">07-25</span>安防安防门的种类及安装位置介绍</a></li>
<li><a title="安防门的产品种类和分类" href="/news/hot/8.html"><span style="float:right; padding-left:2px;">07-25</span>安防门的产品种类和分类</a></li>

        </ul>
    	<ul class="tnews">
        	<a class="title" title="常见问题" href="/faq/"><span class="t1">常见问题</span><span class="t2">FAQ</span></a>
		<li><a title="各类监控怎么洗涤才好？" href="/faq/2014/0107/26.html"><span style="float:right; padding-left:2px;">01-07</span>各类监控怎么洗涤才好？</a></li>
<li><a title="安防监控的安装注意啥？" href="/faq/2014/0107/25.html"><span style="float:right; padding-left:2px;">01-07</span>安防监控的安装注意啥？</a></li>
<li><a title="安防监控的风格怎么搭？" href="/faq/2014/0107/24.html"><span style="float:right; padding-left:2px;">01-07</span>安防监控的风格怎么搭？</a></li>
<li><a title="监控清洗让爱家在焕然一新" href="/faq/2014/0107/23.html"><span style="float:right; padding-left:2px;">01-07</span>监控清洗让爱家在焕然一新</a></li>
<li><a title="合肥中科大先进技术研究院综合主" href="/faq/2014/0107/22.html"><span style="float:right; padding-left:2px;">01-07</span>合肥中科大先进技术研究院综合主</a></li>
<li><a title="政府采购中心“监控”招标公告" href="/faq/2014/0107/21.html"><span style="float:right; padding-left:2px;">01-07</span>政府采购中心“监控”招标公告</a></li>

        </ul>	
    </div>

/*common tail css*/
.list{ width:1100px;margin:0 auto;}
.list ul{ float:left; width:275px; height:282px; display:block; color:#7B7474;}
.list ul .title{ width:250px; height: 33px; display:block; background-color:#D0D0D0; margin:32px 0 5px; color:#666666}
.list ul .title:hover{ text-decoration:none; background-color:#54C0F0; color:#FFF;}
.list ul .title .t1{ line-height:32px; font-size:14px; font-weight:bold; padding-left:10px;}
.list ul .title .t2{ line-height:28px; font-size:10px; font-weight:bold; padding:4px 0 0 5px;}
.list ul li{ width:245px; height:30px; display:block; line-height:30px; padding-left:5px; font-size:13px; overflow:hidden}

追问

这个CSS是要用什么文件名长传呢