実績バッジ2 - リファレンス
このページはリファレンスページです
Wiki内で使用されているリファレンスページです。
編集が必要だと思われる場合は、このページのディスカッションか、サイトスタッフまでご連絡ください。著者による編集ならばサイトスタッフの許可を必要としません。
詳しくはカテゴリ運用ポリシーを参照してください。
評価: +110+–x
blank.png

クレジット

タイトル: 実績バッジ2 - リファレンス
著者: ©︎tsucchii0301tsucchii0301
作成年: 2023

評価: +110+–x




これはサンプルです。













実績バッジ2 ©tsucchii0301

ユーザーコンポーネント名: 実績バッジ2
作成者: tsucchii0301tsucchii0301

このコンポーネントは「実績バッジディスプレイ」をあらゆるページに実装できるようにするために作成されました。
実績バッジディスプレイとは、著者の業績を示す実績バッジを著者ページなどに展示するためのお遊び機能です。SCPの創作や翻訳に実績を設けることで創作意欲を高めようという発想を元に作成されました。
実績案は以下のページを参考にしました。



使用方法

1. 次のコードをページに張り付ける。

[[include :scp-jp:user-component:ta-badge
|badge-top=
|badge-right=
|badge-left=
|frame=
|bg=
|plate=
]]

2. 「実績一覧」から条件を達成した実績を3つ選ぶ。
3. 選んだ実績のコードを「badge-top」「badge-right」「badge-left」の項目にそれぞれ入力する。
4. 「実績バッジディスプレイ一覧」から好みのデザインの「フレーム」「背景」「プレート(中央の財団マーク)」を選び、それぞれのコードを「frame」「bg」「plate」の項目に入力する。
5. ページを保存する。

凝りたい人向け

[[include :scp-jp:user-component:ta-badge
|badge-top=
|badge-right=
|badge-left=
|badge-top-link=
|badge-right-link=
|badge-left-link=
|frame=
|bg=
|bg-img=background-image:url()
|bg-shadow=
|plate=
|plate-img=background-image:url()
|plate-shadow=
|item-lt=
|item-lc=
|item-lb=
|item-rt=
|item-rc=
|item-rb=
|item-lt-rotate=
|item-lc-rotate=
|item-lb-rotate=
|item-rt-rotate=
|item-rc-rotate=
|item-rb-rotate=
|item-lt-text=
|item-lc-text=
|item-lb-text=
|item-rt-text=
|item-rc-text=
|item-rb-text=
|item-lt-link=
|item-lc-link=
|item-lb-link=
|item-rt-link=
|item-rc-link=
|item-rb-link=
|item-lt-img=background-image:url()=
|item-lc-img=background-image:url()=
|item-lb-img=background-image:url()=
|item-rt-img=background-image:url()=
|item-rc-img=background-image:url()=
|item-rb-img=background-image:url()=
|item-align=
|item-mobile-mode=
|user-icon=
]]

項目 説明
badge-top
badge-right
badge-left		 バッジのコードを入力する項目です。実績一覧から条件を満たした実績を3つ選んでそのコードを入力してください。
frame フレームのデザインを変えることができます。初期値は「default」です。
bg 背景のデザインを変えることができます。初期値は「default」です。
plate プレートのデザインを変えることができます。初期値は「default」です。
item-lt
item-lc
item-lb
item-rt
item-rc
item-rb		 背景に飾るアイテムを指定できます。アイテム一覧から飾りたいアイテムを選び、コードを入力してください。
それぞれltは左上、lcは左中央、lbは左下、rtは右上、rcは右中央、rbは右下に配置するアイテムの記入欄です。
item-lt-rotate
item-lc-rotate
item-lb-rotate
item-rt-rotate
item-rc-rotate
item-rb-rotate		 各アイテムの傾きを指定できます。傾けたい角度を入力してください。初期値は「0」です。
item-lt-text
item-lc-text
item-lb-text
item-rt-text
item-rc-text
item-rb-text		 各アイテムのマウスホバー時に表示されるテキストを設定できます。
bg-shadow
plate-shadow		 「false」などと入力すると「背景」「プレート」のドロップシャドウが消えます。
badge-top-link
badge-right-link
badge-left-link
item-lt-link
item-lc-link
item-lb-link
item-rt-link
item-rc-link
item-rb-link		 URLを入力すると各バッジ、各アイテムのリンクを設定できます。
bg-img=background-image:url()
plate-img=background-image:url()
item-lt-img=background-image:url()
item-lc-img=background-image:url()
item-lb-img=background-image:url()
item-rt-img=background-image:url()
item-rc-img=background-image:url()
item-rb-img=background-image:url()		 「背景」「プレート」「アイテム」を好きな画像に変換する際に使用する項目です。()の中に画像アドレスを入力してください。
画像の利用については画像利用ポリシーに従ってください。

background-image以外のプロパティも指定できます。
item-align 「false」と入力するとアイテムの位置が水平方向に少しずれます。デフォルトではアイテムは水平方向に整列しています。
item-mobile-mode 「false」と入力すると画面が小さくなった際にアイテムを非表示にする機能がなくなります。
user-icon ユーザーアイコンの画像アドレスを入力してください。一部のバッジとアイテムに反映されます。初期値は「http://d2qhngyckgiutd.cloudfront.net/default_avatar」です。

必ずしも全ての項目を入力しなければならないというわけではありません。不要な項目は記入しないか削除してください。

« 実績バッジ | 実績バッジ2

Footnotes
jpリファレンス
ページリビジョン: 12, 最終更新: 18 Apr 2023 14:33
編集 評価 (+110) タグ ディスカッション (8) 履歴 ファイル 印刷 サイトツール + オプション
特に指定がない限り、このサイトのすべてのコンテンツはクリエイティブ・コモンズ 表示 - 継承3.0ライセンス の元で利用可能です。