TOC

11. homePhotoBox（ホーム写真ボックス）

パーツリストに戻る

表示例

ソース

html

<div class="dparts homePhotoBox">
<p class="friendLink">OpenPNE君 ⇒ <a href="./?m=pc&amp;a=page_f_home&amp;target_c_member_id=1003">えびはらこうすけ</a></p>
<div class="parts">
<p class="photo"><img src="./img.php?filename=skin_no_image.gif&amp;w=180&amp;h=180&amp;m=pc" alt="プロフィール写真" /></p>
<ul class="moreInfo">
<li><a href="./?m=pc&amp;a=page_h_config_image"><img src="./skin/default/img/button_edit_photo.gif" alt="写真を編集" /></a></li>
<li><a href="./?m=pc&amp;a=page_h_prof"><img src="./skin/default/img/button_prof_conf.gif" alt="プロフィール確認" /></a></li>
<li><a href="./?m=pc&amp;a=page_f_show_image&amp;target_c_member_id=1003"><img src="./skin/default/img/button_show_photo.gif" alt="もっと写真を見る" /></a></li>
</ul>
</div>
<p class="rank"><img src="http://takai.sns.dazai.pne.jp/img.php?filename=r_2_silver.gif&amp;m=pc" alt="Silver" /></p>
<p class="point">100 Point</p>
<p class="text">えびはらこうすけさん (0)</p>
<p class="loginTime">(最終ログインはmm分以内)</p>
</div>

template

CSS

/*==============================================================================
 * 11. homePhotoBox（ホーム写真ボックス）
 *----------------------------------------------------------------------------*/
.homePhotoBox * {
	text-align: center;
}
.homePhotoBox p.friendLink { margin-bottom: 3px; }
.homePhotoBox p.photo { margin-top: 7px; }
.homePhotoBox ul.moreInfo {
	margin: 1px 0;
}
.homePhotoBox ul.moreInfo li {
	padding: 1px 0;
	background: none;
}
.homePhotoBox p.rank { margin-top: 6px; }
.homePhotoBox p.point { margin-top: 2px; }
.homePhotoBox p.text { margin-top: 4px; }
.homePhotoBox p.loginTime { margin-top: 0px; }

関連情報

• チケット： #1908
• XHTML+CSS化プロジェクト