读项目

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

【数据调用中心】

读项目 - 图1

【代码】

  1. <!-- php:$info = phpok("aboutus") -->
  2. <div class="pfw mbottom10">
  3.     <h3>{$info.title}<a href="{$info.url}" title="{$info.title}" class="more">more &raquo;</a></h3>
  4.     <div class="about">
  5.         <!-- if $info.thumb -->
  6.         <a href="{$info.url}" title="{$info.title}"><img src="{$info.thumb.gd.auto}" alt="{$info.title}" class="img" /></a>
  7.         <!-- /if -->
  8.         {$info.note}
  9.     </div>
  10.     <div class="clear"></div>
  11. </div>

【相关CSS代码】

  1. div.pfw {
  2.     position:relative;
  3.     border:1px solid #e4e4e4;
  4.     border-radius:5px;
  5.     box-shadow:2px 2px 3px #e4e4e4
  6. }
  7. div.pfw h3 {
  8.     height:30px;
  9.     line-height:30px;
  10.     font-size:14px;
  11.     margin:0;
  12.     padding:0 0 0 10px;
  13.     background:#fafbfc;
  14.     border-bottom:1px solid #e4e4e4;
  15.     border-radius:5px 5px 0 0
  16. }
  17. div.pfw h3 a.more {
  18.     display:block;
  19.     float:right;
  20.     height:30px;
  21.     line-height:30px;
  22.     padding-right:8px;
  23.     font-weight:normal;
  24.     font-size:12px;
  25. }
  26. div.pfw .about {
  27.     margin:10px;
  28. }
  29. div.pfw .about .img {
  30.     border:0;
  31.     float:left;
  32.     margin:0 10px 10px 0;
  33.     width:200px;
  34. }

【效果】

读项目 - 图2