wiki:pne-xhtmlcss/parts/1
 ここの情報は古いです。ご理解頂いた上でお取り扱いください。

Version 1 (modified by kiwa, 12 years ago) (diff)

【XHTMLCSS化】1. homePhoto(ホームの写真表示領域)作成

TOC

1. homePhoto(ホームの写真表示領域)

パーツリストに戻る

表示例

h_home写真領域

source:OpenPNE/branches/prj/xhtmlcss/partslist/group_OpenPNE_Components2/home_picture/h_home_(03).png

ソース

html

<div id="HomeLeft"> 
<div class="section" id="homePhoto"> 
<div class="text"> 
<p class="friendLink">OpenPNE君 ⇒ <a href=""> えびはらこうすけ</a></p> 
</div> 
<div class="photo"> 
<p class="photo"><img src="" alt="プロフィール写真" /></p> 
<ul class="moreInfo"> 
<li id="hHomePhoto_1"><a href="">写真を編集</a></li> 
<li id="hHomePhoto_2"><a href="">プロフィール確認</a></li> 
<li id="fHomePhoto_1"><a href="">もっと写真を見る</a></li> 
</ul> 
</div> 
<div class="text"> 
<p class="rank"><img src="" alt="Silver" /></p> 
<p class="point">100 Point</p> 
<p class="text">えびはらこうすけさん (4)</p> 
<p class="loginTime">(最終ログインはこのクラスで)</p>
</div> 
</div> 
</div> 

template

CSS

関連情報