读项目

【说明】允许用户调用自身的项目信息,包括自定义的扩展信息。

【数据调用中心】

【代码】

<!-- php:$info = phpok("aboutus") -->
<div class="pfw mbottom10">
	<h3>{$info.title}<a href="{$info.url}" title="{$info.title}" class="more">more &raquo;</a></h3>
	<div class="about">
		<!-- if $info.thumb -->
		<a href="{$info.url}" title="{$info.title}"><img src="{$info.thumb.gd.auto}" alt="{$info.title}" class="img" /></a>
		<!-- /if -->
		{$info.note}
	</div>
	<div class="clear"></div>
</div>

【相关CSS代码】

div.pfw {
	position:relative;
	border:1px solid #e4e4e4;
	border-radius:5px;
	box-shadow:2px 2px 3px #e4e4e4
}
div.pfw h3 {
	height:30px;
	line-height:30px;
	font-size:14px;
	margin:0;
	padding:0 0 0 10px;
	background:#fafbfc;
	border-bottom:1px solid #e4e4e4;
	border-radius:5px 5px 0 0
}
div.pfw h3 a.more {
	display:block;
	float:right;
	height:30px;
	line-height:30px;
	padding-right:8px;
	font-weight:normal;
	font-size:12px;
}
div.pfw .about {
	margin:10px;
}
div.pfw .about .img {
	border:0;
	float:left;
	margin:0 10px 10px 0;
	width:200px;
}

【效果】


没有找到答案?

您可以通过留言获取更多帮助。也可以通过社区提交相关问题。

留言 开发者社区
论坛咨询