读项目
标签:
项目
【说明】允许用户调用自身的项目信息,包括自定义的扩展信息。
【数据调用中心】
【代码】
<!-- php:$info = phpok("aboutus") --> <div class="pfw mbottom10"> <h3>{$info.title}<a href="{$info.url}" title="{$info.title}" class="more">more »</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; }
【效果】