原文 : w:Help:Tabber

登場人物の種類別表示に使うこともできる Tabber



詳しい手順 編集

  • 編集のため使いたいページを開き、ソースモードに切り替えます。
  • コピーし、エディターに次のコードを貼り付けます。





  • 「戻る」をクリックし、自分にあった内容に書きかえてください。
  • あなたのコミュニティにあるタイトルやコンテンツのテキストを置換してタブを編集してください。例えば、「1つ目のタブ」を「登場人物」に置換し、サンプルテキストを解説やお気に入りの登場人物の画像に置換します。コードを追加削除することによってタブの数を変更することもできます。

使用法情報 編集

書式 : タブのタイトルは常に等号(「=」) で終わり、常にタブとタブと間をセパレータ (|-|) で区切ってください。

Wikiコード : タブにテンプレートや画像などのWikiコードを使用できます。

デザインを変更する 編集

.tabberlive {
	/* tabber wrapper style */
.tabberlive > .tabbertab:not(.tabbertabhide) {
	/* tabber visible content */
.tabberlive > .tabbernav > li > a {
	/* tabber tabs */
.tabberlive > .tabbernav > li > a:hover {
	/* tabber tabs when being hovered */
.tabberlive > .tabbernav > li > a:active {
	/* tabber tabs when being clicked */
.tabberlive > .tabbernav > li.tabberactive > a {
	/* selected tabber tab */
.tabberlive > .tabbernav > li.tabberactive > a:hover {
	/* selected tabber tab when being hovered */
.tabberlive > .tabbernav > li.tabberactive > a:active {
	/* selected tabber tab when being clicked */

Issues 編集

Broken mobile experience 編集

A lot of the CSS and JavaScript that runs on your desktop/laptop cannot on a mobile device. To counter this, Fandom has removed most of that code from the mobile skin - including the stuff that makes Tabber possible. As a result, mobile users won't see any of the visual cues that separate each set of information.

There are problems with additional CSS and HTML hacks used as workarounds, which no amount of user-facing coding can solve. Therefore, that's a lot of effort for very little gain; you might as well use ordinary sections instead.

View/Edit tab content 編集

Tabber does not provide a simple way to view/edit the original page. This can be troublesome for inexperienced users that want to edit the content inside a tab. Additionally, people who use the VisualEditor will be unable to edit it without switching to source mode.

関連情報 編集

その他のヘルプとフィードバック 編集

特に記載のない限り、コミュニティのコンテンツはCC-BY-SA ライセンスの下で利用可能です。