OpenPNE2.12 XHTML+CSS化プロジェクト パーツリスト

パーツ名からパーツの詳細ページへ遷移します。

No パーツ名 種別説明 表示例
1simpleBoxBoxシンプルボックス 表示例
2descriptionBoxBox説明ボックス 表示例
3alertBoxBoxアラートボックス 表示例
4infoBoxBox案内ボックス 表示例
5infoButtonBoxBoxボタン付き案内ボックス 表示例
6yesNoButtonBoxBoxはい、いいえボタン付きボックス 表示例
7searchFormBoxBox検索フォームボックス 表示例
8diaryDetailBoxBox日記詳細ボックス 表示例
9topicDetailBoxBoxトピック詳細ボックス 表示例
10eventDetailBoxBoxイベント詳細ボックス 表示例
11homePhotoBoxBoxホーム写真ボックス 表示例
12homeInfoBoxBoxホームインフォメーションボックス 表示例
13photoUploadFormBoxBoxプロフィール写真アップロードフォームボックス 表示例
14messageDetailBoxBoxメッセージ詳細ボックス 表示例
15albumDetailBoxBoxアルバム詳細ボックス 表示例
16albumImageBoxBoxアルバム画像ボックス 表示例
17searchFormLineLine検索フォームライン 表示例
18linkLineLineリンクライン 表示例
19prevNextLinkLineLine前次リンクライン 表示例
20buttonLineLineボタンライン 表示例
21alertLineLineアラートライン 表示例
22commentListListコメントリスト 表示例
23searchResultListList検索結果リスト 表示例
24reviewListListレビューリスト 表示例
25recentListList最新書き込みリスト 表示例
26friendIntroListListフレンド紹介文リスト 表示例
27manageListList管理リスト 表示例
28searchCategoryListList検索項目リスト 表示例
29messageListListメッセージリスト 表示例
30ashiatoListListあしあとリスト 表示例
31rankingListListランキングリスト 表示例
32bizSideTodoListListBIZ用Todoリスト 表示例
33bizSideScheduleListListBIZ用スケジュールリスト 表示例
34albumListListアルバムリスト 表示例
35albumImageListListアルバム画像リスト 表示例
36homeNineTableTableホーム9面テーブル 表示例
37photoTableTable写真テーブル 表示例
38homeMainTableTableホームメインテーブル 表示例
39formTableTable入力フォームテーブル 表示例
40weeklyCalendarTableTable週間カレンダーテーブル 表示例
41monthlyCalendarTableTable月間カレンダーテーブル 表示例
42bizWeeklyCalendarTableTableBIZ用週間カレンダーテーブル 表示例
43sideNavNavサイドナビ 表示例
44rankingSideNavNavランキングサイドナビ 表示例

表示例

[Box] 1. simpleBox(シンプルボックス)

source:work/masabon/capture/1.png

[Box] 2. descriptionBox(説明ボックス)

source:work/masabon/capture/2.png

[Box] 3. alertBox(アラートボックス)

source:work/masabon/capture/3.png

[Box] 4. infoBox(案内ボックス)

source:work/masabon/capture/4.png

[Box] 5. infoButtonBox(ボタン付き案内ボックス)

source:work/masabon/capture/5-1.png source:work/masabon/capture/5-2.png source:work/masabon/capture/5-3.png

[Box] 6. yesNoButtonBox(はい、いいえボタン付きボックス)

source:work/masabon/capture/6.png

[Box] 7. searchFormBox(検索フォームボックス)

source:work/masabon/capture/7-1.png source:work/masabon/capture/7-2.png

[Box] 8. diaryDetailBox(日記詳細ボックス)

source:work/masabon/capture/8.png

[Box] 9. topicDetailBox(トピック詳細ボックス)

source:work/masabon/capture/9.png

[Box] 10. eventDetailBox(イベント詳細ボックス)

source:work/masabon/capture/10.png

[Box] 11. homePhotoBox(ホーム写真ボックス)

source:work/masabon/capture/11.png

[Box] 12. homeInfoBox(ホームインフォメーションボックス)

source:work/masabon/capture/12.png

[Box] 13. photoUploadFormBox(プロフィール写真アップロードフォームボックス)

source:work/masabon/capture/13.png

[Box] 14. messageDetailBox(メッセージ詳細ボックス)

source:work/masabon/capture/14.png

[Box] 15. albumDetailBox(アルバム詳細ボックス)

source:work/masabon/capture/15.png

[Box] 16. albumImageBox(アルバム画像ボックス)

source:work/masabon/capture/16.png

[Line] 17. searchFormLine(検索フォームライン)

source:work/masabon/capture/17-1.png source:work/masabon/capture/17-2.png source:work/masabon/capture/17-3.png

[Line] 18. linkLine(リンクライン)

source:work/masabon/capture/18.png

[Line] 19. prevNextLinkLine(前次リンクライン)

source:work/masabon/capture/19.png

[Line] 20. buttonLine(ボタンライン)

source:work/masabon/capture/20.png

[Line] 21. alertLine(アラートライン)

source:work/masabon/capture/21.png

[List] 22. commentList(コメントリスト)

source:work/masabon/capture/22.png

[List] 23. searchResultList(検索結果リスト)

source:work/masabon/capture/23.png

[List] 24. reviewList(レビューリスト)

source:work/masabon/capture/24.png

[List] 25. recentList(最新書き込みリスト)

source:work/masabon/capture/25.png

[List] 26. friendIntroList(フレンド紹介文リスト)

source:work/masabon/capture/26.png

[List] 27. manageList(管理リスト)

source:work/masabon/capture/27.png

[List] 28. searchCategoryList(検索項目リスト)

source:work/masabon/capture/28.png

[List] 29. messageList(メッセージリスト)

source:work/masabon/capture/29.png

[List] 30. ashiatoList(あしあとリスト)

source:work/masabon/capture/30.png

[List] 31. rankingList(ランキングリスト)

source:work/masabon/capture/31.png

[List] 32. bizSideTodoList(BIZ用Todoリスト)

source:work/masabon/capture/32.png

[List] 33. bizSideScheduleList(BIZ用スケジュールリスト)

source:work/masabon/capture/33.png

[List] 34. albumList(アルバムリスト)

source:work/masabon/capture/34.png

[List] 35. albumImageList(アルバム画像リスト)

source:work/masabon/capture/35.png

[Table] 36. homeNineTable(ホーム9面テーブル)

source:work/masabon/capture/36-1.png source:work/masabon/capture/36-2.png

[Table] 37. photoTable(写真テーブル)

source:work/masabon/capture/37.png

[Table] 38. homeMainTable(ホームメインテーブル)

source:work/masabon/capture/38.png

[Table] 39. formTable(入力フォームテーブル)

source:work/masabon/capture/39.png

[Table] 40. weeklyCalendarTable(週間カレンダーテーブル)

source:work/masabon/capture/40.png

[Table] 41. monthlyCalendarTable(月間カレンダーテーブル)

source:work/masabon/capture/41.png

[Table] 42. bizWeeklyCalendarTable(BIZ用週間カレンダーテーブル)

source:work/masabon/capture/42.png

[Nav] 43. sideNav(サイドナビ)

source:work/masabon/capture/43-1.png

source:work/masabon/capture/43-2.png

source:work/masabon/capture/43-3.png

source:work/masabon/capture/43-4.png

source:work/masabon/capture/43-5.png

source:work/masabon/capture/43-6.png

source:work/masabon/capture/43-7.png

[Nav] 44. rankingSideNav(ランキングサイドナビ)

source:work/masabon/capture/44.png