SNSスキン画像カスタマイズ設定

管理画面から設定できるスキン画像の詳細です。

スキン画像一覧

項目名 該当するスキン画像 詳細
ログインページ ログイン画面 #skin_1
メニュー等、画面上部画像 [1] ログイン後ヘッダ, ログイン後ヘッダ(ロールオーバー), 自分ページメニュー, 他人ページメニュー, コミュニティメニュー, 自分ページメニュー(ロールオーバー), 他人ページメニュー(ロールオーバー), コミュニティメニュー(ロールオーバー), サーチアイコン, サーチボタン1, サーチボタン2, サーチボタン3, サーチボタン4, サーチボタン5 #skin_2
メニュー等、画面上部画像 [2] 誕生日画像, もうすぐ誕生日画像, 自分の誕生日画像, インフォメーション欄アイコン, ログイン前ヘッダ #skin_3
画面下部画像 共通フッタ #skin_4
NoImage画像 no_image, no_logo, no_logo_small #skin_5
画像ボタン 「写真を編集」, 「プロフィール確認」, 「もっと写真を見る」, 「拒否」, 「削除する」, 「承認」, 「詳細を見る」, それ以外のボタン背景画像 #skin_6
レビュー用画像 レビュー満足度1, レビュー満足度2, レビュー満足度3, レビュー満足度4, レビュー満足度5 #skin_7
小物画像 [1] 見出し1, 見出し2, 矢印アイコン1, 矢印アイコン2, リストアイコン1, リストアイコン2, リストアイコン3 #skin_8
小物画像 [2] アラートアイコン, 管理者アイコン, 画像有りアイコン #skin_9
小物画像 [3] バースデイアイコン, イベントアイコン1, イベントアイコン2, スケジュール有りアイコン, お天気アイコン, スケジュールタイトル #skin_10
小物画像 [4] 未読メールアイコン, 既読メールアイコン, 送信済みメールアイコン, 返信済みメールアイコン #skin_11
携帯版画像 ロゴ画像 #skin_12

ログインページ

項目名ログイン画面(オープン制ログイン画面)
ファイル名skin_login.jpgskin_image_open.jpg
ファイル形式JPEGJPEG
サイズ(px)720x563720x563
サンプル画像
(クリックで原寸大)
source:OpenPNE/trunk/public_html/skin/default/img/skin_login.jpgsource:OpenPNE/trunk/public_html/skin/default/img/skin_login_open.jpg
補足ログインページ画像。このページは全て一枚絵です。オープン制ログインページ画像。
デフォルトスキンのディレクトリに同梱されていますが、SNSをオープン制に設定しても自動的には切り替わりません。

メニュー等、画面上部画像 [1]

source:OpenPNE/branches/work/kiwa/doc/skin/skin2.png

場所[2-1]
項目名ログイン後ヘッダ
ファイル名skin_after_header.jpg
ファイル形式JPEG
サイズ(px)720x96
サンプル画像
(クリックで原寸大)
source:OpenPNE/trunk/public_html/skin/default/img/skin_after_header.jpg
補足ログイン後のページ上部に表示される画像。
バナーを設定している場合、画像左上にバナーが表示されます。

場所[2-1]
項目名ログイン後ヘッダ(ロールオーバー)
ファイル名skin_after_header.jpg
ファイル形式JPEG
サイズ(px)720x96
サンプル画像
(クリックで原寸大)
source:OpenPNE/trunk/public_html/skin/default/img/skin_after_header_2.jpg
補足ログイン後ヘッダのロールオーバー画像。
仕様はログイン後ヘッダと同じ

場所[2-2]
項目名自分ページメニュー他人ページメニューコミュニティメニュー
ファイル名skin_navi_h.jpgskin_navi_f.jpgskin_navi_c.jpg
ファイル形式JPEGJPEGJPEG
サイズ(px)720x29720x29720x29
サンプル画像
(クリックで原寸大)
source:OpenPNE/trunk/public_html/skin/default/img/skin_navi_h.jpgsource:OpenPNE/trunk/public_html/skin/default/img/skin_navi_f.jpgsource:OpenPNE/trunk/public_html/skin/default/img/skin_navi_c.jpg
補足ホーム系ナビゲーション画像。
リンク内容は管理画面より変更可能です
自分以外のメンバーのページで表示されるナビゲーション画像。
リンク内容は管理画面より変更可能です
コミュニティ系ナビゲーション画像。
リンク内容は管理画面より変更可能です

場所[2-2]
項目名自分ページメニュー(ロールオーバー)他人ページメニュー(ロールオーバー)コミュニティメニュー(ロールオーバー)
ファイル名skin_navi_h_2.jpgskin_navi_f_2.jpgskin_navi_c_2.jpg
ファイル形式JPEGJPEGJPEG
サイズ(px)720x29720x29720x29
サンプル画像
(クリックで原寸大)
source:OpenPNE/trunk/public_html/skin/default/img/skin_navi_h_2.jpgsource:OpenPNE/trunk/public_html/skin/default/img/skin_navi_f_2.jpgsource:OpenPNE/trunk/public_html/skin/default/img/skin_navi_c_2.jpg
補足ホーム系ナビゲーション(ロールオーバー)画像。
仕様は自分ページメニューと同じ
自分以外のメンバーのページで表示されるナビゲーション(ロールオーバー)画像。
仕様は他人ページメニューと同じ
コミュニティ系ナビゲーション(ロールオーバー)画像。
仕様はコミュニティページメニューと同じ

場所[2-3]
項目名サーチアイコンサーチボタン1サーチボタン2
ファイル名icon_search.gifbutton_search_1.gifbutton_search_2.gif
ファイル形式GIFGIFGIF
サイズ(px)60x2060x2060x20
サンプル画像
(クリックで原寸大)
source:OpenPNE/trunk/public_html/skin/default/img/icon_search.gifsource:OpenPNE/trunk/public_html/skin/default/img/button_search_1.gifsource:OpenPNE/trunk/public_html/skin/default/img/button_search_2.gif
補足簡易サーチバー画像簡易サーチバー(日記)画像簡易サーチバー(コミュニティ)画像

場所[2-3]
項目名サーチボタン3サーチボタン4サーチボタン5
ファイル名button_search_3.gifbutton_search_4.gifbutton_search_5.gif
ファイル形式GIFGIFGIF
サイズ(px)60x2060x2060x20
サンプル画像
(クリックで原寸大)
source:OpenPNE/trunk/public_html/skin/default/img/button_search_3.gifsource:OpenPNE/trunk/public_html/skin/default/img/button_search_4.gifsource:OpenPNE/trunk/public_html/skin/default/img/button_search_5.gif
補足簡易サーチバー(WEB)画像簡易サーチバー(メッセージ)画像簡易サーチバー(グループ)画像

メニュー等、画面上部画像 [2]

source:OpenPNE/branches/work/kiwa/doc/skin/skin3-1.png
source:OpenPNE/branches/work/kiwa/doc/skin/skin3-2.png

場所[3-1]
項目名誕生日画像もうすぐ誕生日画像自分の誕生日画像
ファイル名birthday_f.gifbirthday_f_2.gifbirthday_h.gif
ファイル形式GIFGIFGIF
サイズ(px)710x80710x80710x80
サンプル画像
(クリックで原寸大)
source:OpenPNE/trunk/public_html/skin/default/img/birthday_f.gifsource:OpenPNE/trunk/public_html/skin/default/img/birthday_f_2.gifsource:OpenPNE/trunk/public_html/skin/default/img/birthday_h.gif
補足誕生日のフレンドのホームに表示される画像誕生日一週間前のフレンドのホームに表示される画像自分が誕生日の場合にマイホームに表示される画像

場所[3-2][3-3]
項目名インフォメーション欄アイコンログイン前ヘッダ
ファイル名icon_information.gifskin_before_header.jpg
ファイル形式GIFJPEG
サイズ(px)91x20720x125
サンプル画像
(クリックで原寸大)
source:OpenPNE/trunk/public_html/skin/default/img/icon_information.gifsource:OpenPNE/trunk/public_html/skin/default/img/skin_before_header.jpg
補足インフォメーション欄のロゴ画像ログイン前ページ(利用規約・新規登録など)に使用されるヘッダ画像

画面下部画像

source:OpenPNE/branches/work/kiwa/doc/skin/skin4.png

場所[4-1]
項目名共通フッタ
ファイル名skin_footer.jpg
ファイル形式JPEG
サイズ(px)720x21
サンプル画像
(クリックで原寸大)
source:OpenPNE/trunk/public_html/skin/default/img/skin_footer.jpg
補足ログイン画面以外のフッタ部分に使用される画像。ログイン前・ログイン後共通です。

NoImage画像

source:OpenPNE/branches/work/kiwa/doc/skin/skin5-1.png
source:OpenPNE/branches/work/kiwa/doc/skin/skin5-2.png
source:OpenPNE/branches/work/kiwa/doc/skin/skin5-3.png

場所[5-1][5-2][5-3]
項目名no_imageno_logono_logo_small
ファイル名no_image.gifno_logo.gifno_logo_small.gif
ファイル形式GIFGIFGIF
サイズ(px)180x180180x18076x76
サンプル画像
(クリックで原寸大)
source:OpenPNE/trunk/public_html/skin/default/img/no_image.gifsource:OpenPNE/trunk/public_html/skin/default/img/no_logo.gifsource:OpenPNE/trunk/public_html/skin/default/img/no_logo_small.gif
補足人物系画像がアップロードされていない場合に表示されますコミュニティ画像がアップロードされていない場合に表示されますコミュニティ画像がアップロードされていない場合、縮小表示される部分に表示されます

画像ボタン

source:OpenPNE/branches/work/kiwa/doc/skin/skin6-1.png
source:OpenPNE/branches/work/kiwa/doc/skin/skin6-2.png

場所[6-1]
項目名「写真を編集」「プロフィール確認」「もっと写真を見る」
ファイル名button_edit_photo.gifbutton_prof_conf.gifbutton_show_photo.gif
ファイル形式GIFGIFGIF
サイズ(px)120x20120x20120x20
サンプル画像
(クリックで原寸大)
source:OpenPNE/trunk/public_html/skin/default/img/button_edit_photo.gifsource:OpenPNE/trunk/public_html/skin/default/img/button_prof_conf.gifsource:OpenPNE/trunk/public_html/skin/default/img/button_show_photo.gif
補足マイホームの写真編集画像マイホームのプロフィール確認画像フレンドホームの「もっと写真を見る」画像

場所[6-2]
項目名「拒否」「削除する」
ファイル名button_kyohi.gifbutton_sakujo.gif
ファイル形式GIFGIF
サイズ(px)104x19104x19
サンプル画像
(クリックで原寸大)
source:OpenPNE/trunk/public_html/skin/default/img/button_kyohi.gifsource:OpenPNE/trunk/public_html/skin/default/img/button_sakujo.gif
補足承認画面の「拒否」画像「削除する」画像

場所[6-2]
項目名「承認」「詳細を見る」
ファイル名button_shonin.gifbutton_shosai.gif
ファイル形式GIFGIF
サイズ(px)104x19104x19
サンプル画像
(クリックで原寸大)
source:OpenPNE/trunk/public_html/skin/default/img/button_shonin.gifsource:OpenPNE/trunk/public_html/skin/default/img/button_shosai.gif
補足承認画面の「承認」画像一覧表示の「詳細を見る」画像

場所[6-1]
項目名それ以外のボタン背景画像
ファイル名bg_button.gif
ファイル形式GIF
サイズ(px)198~720x20
サンプル画像
(クリックで原寸大)
source:OpenPNE/trunk/public_html/skin/default/img/bg_button.gif
補足各ページにある画像ボタン以外のボタンの背景に使用される画像

レビュー用画像

source:OpenPNE/branches/work/kiwa/doc/skin/skin7.png

場所[7-1]
項目名レビュー満足度1レビュー満足度2レビュー満足度3
ファイル名satisfaction_level_1.gifsatisfaction_level_2.gifsatisfaction_level_3.gif
ファイル形式GIFGIFGIF
サイズ(px)74x1674x1674x16
サンプル画像
(クリックで原寸大)
source:OpenPNE/trunk/public_html/skin/default/img/satisfaction_level_1.gifsource:OpenPNE/trunk/public_html/skin/default/img/satisfaction_level_2.gifsource:OpenPNE/trunk/public_html/skin/default/img/satisfaction_level_3.gif
補足レビュー満足度「★1」の場合に表示される画像レビュー満足度「★★2」の場合に表示される画像レビュー満足度「★★★3」の場合に表示される画像

場所[7-1]
項目名レビュー満足度4レビュー満足度5
ファイル名satisfaction_level_4.gifsatisfaction_level_5.gif
ファイル形式GIFGIF
サイズ(px)74x1674x16
サンプル画像
(クリックで原寸大)
source:OpenPNE/trunk/public_html/skin/default/img/satisfaction_level_4.gifsource:OpenPNE/trunk/public_html/skin/default/img/satisfaction_level_5.gif
補足レビュー満足度「★★★★4」の場合に表示される画像レビュー満足度「★★★★★5」の場合に表示される画像

小物画像 [1]

source:OpenPNE/branches/work/kiwa/doc/skin/skin8-1.png
source:OpenPNE/branches/work/kiwa/doc/skin/skin8-2.png

場所[8-1]
項目名見出し1見出し2
ファイル名icon_title_1.gifcontent_header_1.gif
ファイル形式GIFGIF
サイズ(px)25x1930x20
サンプル画像
(クリックで原寸大)
source:OpenPNE/trunk/public_html/skin/default/img/icon_title_1.gifsource:OpenPNE/trunk/public_html/skin/default/img/content_header_1.gif
補足主にhome系のタイトルの前につくシンボルタイトルの前につくシンボル画像

場所[8-2]
項目名リストアイコン1リストアイコン2リストアイコン3
ファイル名icon_1.gificon_2.gificon_3.gif
ファイル形式GIFGIFGIF
サイズ(px)6x66x66x6
サンプル画像
(クリックで原寸大)
source:OpenPNE/trunk/public_html/skin/default/img/icon_1.gifsource:OpenPNE/trunk/public_html/skin/default/img/icon_2.gifsource:OpenPNE/trunk/public_html/skin/default/img/icon_3.gif
補足リストの先頭に表示されるアイコンリストの先頭に表示されるアイコンリストの先頭に表示されるアイコン

場所[8-3][8-4]
項目名矢印アイコン1矢印アイコン2
ファイル名icon_arrow_1.gificon_arrow_2.gif
ファイル形式GIFGIF
サイズ(px)17x1114x14
サンプル画像
(クリックで原寸大)
source:OpenPNE/trunk/public_html/skin/default/img/icon_arrow_1.gifsource:OpenPNE/trunk/public_html/skin/default/img/icon_arrow_2.gif
補足主にリンクの先頭などで使用されるアイコン画像主に小見出しの区切りなどにしようされるアイコン画像

小物画像 [2]

source:OpenPNE/branches/work/kiwa/doc/skin/skin9-1.png
source:OpenPNE/branches/work/kiwa/doc/skin/skin9-2.png

場所[9-1][9-2][9-3]
項目名アラートアイコン画像有りアイコン管理者アイコン
ファイル名icon_alert_l.gificon_camera.gificon_crown.gif
ファイル形式GIFGIFGIF
サイズ(px)70x7013x1328x12
サンプル画像
(クリックで原寸大)
source:OpenPNE/trunk/public_html/skin/default/img/icon_alert_l.gifsource:OpenPNE/trunk/public_html/skin/default/img/icon_camera.gifsource:OpenPNE/trunk/public_html/skin/default/img/icon_crown.gif
補足エラーメッセージがある場合に表示される画像日記・トピックなどに画像がある場合、リンクの後ろにつく画像そのメンバーが管理者のコミュニティの上に表示される画像

小物画像 [3]

source:OpenPNE/branches/work/kiwa/doc/skin/skin10.png

場所-
項目名バースデイアイコンイベントアイコン1イベントアイコン2
ファイル名icon_birthday.gificon_event_B.gificon_event_R.gif
ファイル形式GIFGIFGIF
サイズ(px)17x1717x1717x17
サンプル画像
(クリックで原寸大)
source:OpenPNE/trunk/public_html/skin/default/img/icon_birthday.gifsource:OpenPNE/trunk/public_html/skin/default/img/icon_event_B.gifsource:OpenPNE/trunk/public_html/skin/default/img/icon_event_R.gif
補足カレンダー上に誕生日がある場合に表示される画像カレンダー上にイベントがある場合に表示される画像カレンダー上の参加済みのイベント画像

場所-
項目名スケジュール有りアイコンお天気アイコンスケジュールタイトル
ファイル名icon_pen.gificon_weather_FC.gificon_schedule.gif
ファイル形式GIFGIFGIF
サイズ(px)17x1723x1759x16
サンプル画像
(クリックで原寸大)
source:OpenPNE/trunk/public_html/skin/default/img/icon_pen.gifsource:OpenPNE/trunk/public_html/skin/default/img/icon_weather_FC.gifsource:OpenPNE/trunk/public_html/skin/default/img/icon_schedule.gif
補足カレンダー上に予定がある場合に表示される画像天気予報へのリンク画像スケジュールに予定を書き込む際のボタン画像

小物画像 [4]

source:OpenPNE/branches/work/kiwa/doc/skin/skin11-1.png
source:OpenPNE/branches/work/kiwa/doc/skin/skin11-2.png

場所-
項目名未読メールアイコン既読メールアイコン
ファイル名icon_mail_1.gificon_mail_2.gif
ファイル形式GIFGIF
サイズ(px)16x1616x16
サンプル画像
(クリックで原寸大)
source:OpenPNE/trunk/public_html/skin/default/img/icon_mail_1.gifsource:OpenPNE/trunk/public_html/skin/default/img/icon_mail_2.gif
補足メッセージ画面で未読メッセージにつくアイコン画像既に確認しているメッセージにつくアイコン画像

場所-
項目名送信済みメールアイコン返信済みメールアイコン
ファイル名icon_mail_3.gificon_mail_4.gif
ファイル形式GIFGIF
サイズ(px)16x1616x16
サンプル画像
(クリックで原寸大)
source:OpenPNE/trunk/public_html/skin/default/img/icon_mail_3.gifsource:OpenPNE/trunk/public_html/skin/default/img/icon_mail_4.gif
補足送信ボックスで既に送信されているメッセージにつくアイコン画像受信ボックスで既に返信しているメッセージにつくアイコン画像

携帯版画像

source:OpenPNE/branches/work/kiwa/doc/skin/skin12.png

場所-
項目名ロゴ画像
ファイル名skin_ktai_header.jpg
ファイル形式JPEG
サイズ(px)220x43
サンプル画像
(クリックで原寸大)
source:OpenPNE/trunk/public_html/skin/default/img/skin_ktai_header.jpg
補足携帯版のログイン画面・マイホームに表示される画像。画像を表示しない設定も可能。

関連ページ

スキン変更・配色設定対応表一覧
SNSスキン画像カスタマイズ設定
|
【Ver2.12~】SNS配色設定対応表
|
【~Ver2.10】SNS配色設定対応表
|
携帯版SNS配色設定対応表