discuz 门户文章内容页修改后的模版

在官网有站长短消息给我，说想要门户新闻文章内容页的模版，我看也挺简单的，干脆就免费分享吧，只是css我是自学，难免有些不足之处，如果介意的请不要使用，另外火狐浏览器下右边的图片新闻标题有点错位，但是国内用户很少用火狐IE.360一切正常，有问题在本帖回复并说明情况。

1. /*新闻频道文章页面css*/
   
2. .zerenbianji {width:auto; height:25px; float:right; line-height:25px; overflow:hidden;}
   
3. .ico {width:22px; height:25px; float:left; overflow:hidden;}
   
4. .ico img {width:20px; height:20px; border:#FFFFFF solid 1px; margin-top:3px;}
   
5. .ico img:hover {border:#CCCCCC solid 1px;}
   
6. .zerenbianji span {font-size:12px; color:#999999; border:#FFFFFF solid 1px; margin-left:1px;}
   
7. .zerenbianji span a {color:#999999;}
   
8. .zerenbianji span:hover {border:#CCCCCC solid 1px;}
   
9. .news_view_left,.gongjiao_view_left {width:650px; float:left;}
   
10. .news_view_right,.gongjiao_view_right {width:300px; float:right;}
    
11. .google_ad {width:300px; height:250px;}
    
12. .news_view_tu {width:300px; height:285px; border-top:#0099FF solid 2px; border-left:#D9E4F3 solid 1px; border-right:#D9E4F3 solid 1px; border-bottom:#D9E4F3 solid 1px; margin:10px 0; overflow:hidden;}
    
13. .news_view_tu h2 {font-size:14px; font-weight:normal; height:30px; line-height:32px; padding-left:10px; border-bottom:#D9E4F3 solid 1px;}
    
14. .news_view_tu li {width:135px; height:120px; float:left; margin:0 5px; overflow:hidden;}
    
15. .news_view_tu img {width:130px; height:90px; border:#DBDBDB solid 1px; padding:1px;}
    
16. .news_view_tu p {height:30px; line-height:30px; text-align:center; overflow:hidden;}
    
17. .news_view_wen {width:300px; height:300px; border-top:#0099FF solid 2px; border-left:#D9E4F3 solid 1px; border-right:#D9E4F3 solid 1px; border-bottom:#D9E4F3 solid 1px; margin:10px 0; overflow:hidden;}
    
18. .news_view_wen h2 {font-size:14px; font-weight:normal; height:30px; line-height:32px; padding-left:10px; border-bottom:#D9E4F3 solid 1px; margin-bottom:-5px;}
    
19. .news_view_wen li {width:285px; height:26px; line-height:26px; font-size:14px; text-indent:11px; background:url(../portal/images/ul.png) left no-repeat; overflow:hidden;}

复制代码

这是需要用到的css代码，复制后放到你网站当前模版的css文件里就可以了，或者就放程序默认css吧common.css，放最后就可以，不影响其他地方的css。
这是模版，放到当前模版的门户文件夹里，然后在后台编辑，模版名称为新闻文章页面。

模版已更新，上次好像发错文件了，那个模版你们是不能用的，这次也去掉了里面的网址，谷歌广告没删，自己删下吧！文章结尾的ico图标自己做个，然后放在images里。

---

然后DIY右边的模块，下面是图片新闻的模块代码

1. <ul>
   
2. [loop]
   
3. <li>
   
4.         <a href="{url}"{target}><img src="{pic}" width="{picwidth}" height="{picheight}" alt="{title}" /></a>
   
5.         <p><a href="{url}" title="{title}"{target}>{title}</a></p>
   
6. </li>
   
7. [/loop]
   
8. </ul>

复制代码

保存后再点击这个模块的样式，打勾分别设置 外边距，右 0  左 5 ，然后保存就OK了。

下面是热门新闻的模块代码

1. <ul>
   
2. [loop]
   
3. <li><a href="{url}" title="{title}"{target}>{title}</a></li>
   
4. [/loop]
   
5. </ul>

复制代码

这个直接把代码保存就可以了，每行标题前面有个点，我搞了个图片，下载后放在portal/images 文件夹里，也就是门户下面的图片文件夹，然后刷新下就正常了。

额...图片非常小，程序不能上传，我晕，还是你自己动手吧，做一个那么小的图片，命名为ul.png，然后上传到指定的文件夹里就可以了。

说了一大堆忘了给个演示地址：http://www.dgzhilu.com/article-2024-1.html 本站模版都是亲手制作，绝无抄袭！
原帖地址和问题提交地址：http://bbs.mxej.net/thread-22494-1-1.html   我们的站长论坛求支持，以后会发些做模版的视频教程，只要不拍砖，咱就愿意分享！

大哥 大姐们，内页模版是我直接从空间里下载然后发到这里的，里面肯定有我的网址啊，自己换下，不要说我不厚道，你吃饭不可能让我给你嚼碎！
好心分享个东西，搞的十分蛋疼

[魅影皇朝]我也想了解，谢谢发帖的人https://discuz.dismall.com/thread-2618476-1-1.html

收藏了，感谢

LZ你好
你说的“放到当前模版的门户文件夹里，然后在后台编辑，模版名称为新闻文章页面”

具体在哪里？

aafu 发表于 2013-4-10 14:03
LZ你好
你说的“放到当前模版的门户文件夹里，然后在后台编辑，模版名称为新闻文章页面”

网站当前使用的模版里  然后在后台 门户编辑频道

嘿嘿，先收藏了并感谢楼主分享，等下班到家再试一下，

LZ
偶测试了下，你的文章页面模版 都是你自己的链接 对于小白而言，没办法直接使用

78213505 发表于 2013-4-10 18:34
LZ
偶测试了下，你的文章页面模版 都是你自己的链接 对于小白而言，没办法直接使用

哥，，吃饭要我帮你嚼碎吗？文章结尾有一个ICO图标，仿照其他门户网站的，就这一个链接好不好，你自己不会换成你的啊，右边两个谷歌广告，我只是从我的模版里面直接发上来，难不成我还给你们把网址一个一个添加上？

我晕。自己看图好吧。。谁和你讲 要你换链接了。

第一个地方是css的地址，这是你的css地址不是其他人的

第二个地方是你标题前面地址


谁和你讲其他地方了。。郁闷

78213505 发表于 2013-4-10 21:29
我晕。自己看图好吧。。谁和你讲 要你换链接了。

第一个地方是css的地址，这是你的css地址不是其他人的
...

你既然能看懂链接为什么换成你自己的呢？这个css是我网站模版用的，你可以删除，上班已经说了，把css代码放在你的网站使用的模版里面就可以，这个内页模版是我直接从空间里下载然后发到这里的，没有做其他的修改，不需要的地方你可以自己删除啊...