请选择 进入手机版 | 继续访问电脑版

弘帝企业智能建站系统交流平台

 找回密码
 立即注册
查看: 2894|回复: 0

【CSS】ArticleIntro手机专用脚本示范

[复制链接]
发表于 2017-7-19 17:19:21 | 显示全部楼层 |阅读模式
手机网站示例(mms)案例(msspace)显示效果:
未标题-1.jpg

DIV脚本:
<div class="news">$func_article(navi=Navigator,para=News,rows=4,summ=3,pics=1,date=101,title=11,list=4)$</div>

CSS:

#ArticleIntro ul li .thumbs{ width:120px; height:120px;}
#ArticleIntro ul li .thumbs img{ max-width:120px; max-height:120px;}
#ArticleIntro ul li .detail{ height:118px; overflow:hidden;}
#ArticleIntro ul li .detail .title{ display:block; width:242px; height:32px; overflow:hidden;}
#ArticleIntro ul li .detail .title a{ display:block; font-size:18px; font-weight:bold; white-space:nowrap; overflow-x:auto;}
#ArticleIntro ul li .detail .intro{ height:75px; overflow:hidden;}
.LongDatePlus{ float:left; padding:5px; border:1px solid #eee; margin-right:10px; background:#f4f4f4; text-align:center; margin-bottom:20px;}
.LongDatePlus .dd{ display:block; font-size:24px; font-weight:bold; line-height:28px; padding:10px 0; background:#666; color:#fff;}

.news #ArticleIntro ul .Summary{ display:inline-block; width:100%;}
.news #ArticleIntro .Summary .thumbs{ display:block; width:100%; height:180px; overflow:hidden;}
.news #ArticleIntro .Summary .thumbs a{ display:block; font-size:0;}
.news #ArticleIntro .Summary .thumbs img{ width:320px; max-width:inherit; max-height:inherit;}
.news #ArticleIntro .Summary .detail{ margin:10px;}
.news #ArticleIntro .Summary .detail .title{ width:100%;}
.news #ArticleIntro .Summary .detail .title a{ display:block; font-size:18px; font-weight:bold;}
.news #ArticleIntro .enter{ display:none;}
<!--附加内容:子页CSS脚本修正,本行可删除-->
.LongDate{ font-size:12px; line-height:16px;}
.body #ArticleIntro ul li .detail{ height:128px; overflow:hidden;}
.body #ArticleIntro ul li .detail .title{ width:auto; overflow-x:auto;}

未标题-1.jpg
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|弘帝企业智能建站系统 ( 皖ICP备07503252号 )

GMT+8, 2024-3-29 23:56 , Processed in 0.121209 second(s), 19 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表