calibre ユーザー スタイルシート 4

11-15-2020

改定追跡: リンク元 | It cannot be used to remove text in expressions for template names, parameter names, parameter values, page names in links, etc. ログイン及びユーザー設定: 変数 | 編集用ショートカット | Wiktionary - Edit このテンプレートを編集, From Meta, a Wikimedia project coordination wiki, http://ja.wikipedia.org/style/monobook/main.css, http://ja.wikipedia.org/style/wikistandard.css, http://ja.wikipedia.org/style/cologneblue.css, http://ja.wikipedia.org/style/nostalgia.css, http://meta.wikimedia.org/style/monobook/main.css, http://meta.wikimedia.org/style/wikistandard.css, http://meta.wikimedia.org/style/cologneblue.css, http://meta.wikimedia.org/style/nostalgia.css, Customization:Explaining_skins#Major_style_blocks_by_name, http://www.vertexwerks.com/tests/sidebox/, http://www.alistapart.com/articles/slidingdoors2/, http://www.alistapart.com/articles/customcorners/, http://alistapart.com/articles/customcorners2/, http://www.alistapart.com/articles/mountaintop/, http://www.virtuelvis.com/gallery/css/rounded/, http://www.quirksmode.org/dom/domform.html, https://meta.wikimedia.org/w/index.php?title=Help:User_style/ja&oldid=20089202, Creative Commons Attribution-ShareAlike License, a - リンクとアンカー。ただし、アンカーではオープンタグとクローズタグの間に文字が入らないので、スタイル指定は、リンクのものにしか関係ありません。例:, :link.internal – ファイル(メディア)そのものへのリンク、およびサムネイルや虫眼鏡アイコンから画像説明ページへのリンク(ただし、色やフォントサイズに関するスタイル指定は、前者にしか適用しません) - 例:, body.ns-0, ..., body.ns-15 - 各ネームスペースのbody*div#bodyContent. リンク | 外装の詳細設定 ログインして、MDNアカウントの特典をお楽しみください。アカウントを作成していない場合は、ログイン後、作成を促されます。, このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、, https://github.com/mdn/browser-compat-data, 以前は、 HTML 仕様書自体で推奨及び代替スタイルシートの概念を定義していました。. ユーザースタイルシート p { color: green; } 制作者スタイルシート p { color: red; }. Wikipedia | 表示 | Wikinews | 拡張された最近更新したページ | 変数を用いたスタイルはTemplate:M to ft css中で適用されています。 注意: MediaWikiのデフォルトの設定では、利用者設定のスタイルコードはすべて無視されます。ユーザースタイルを有効にするには、LocalSettings.phpに以下の2つの設定をしなければなりません: 利用者それぞれの外装のスタイルは、まずスキンが選択され、次に選択したスキンに対応するCSSが選択されるようになっています。そして、それぞれのスキンの設定として、フォント、色、ページ内におけるリンクの位置など、いろいろな設定ができます。言い換えると、利用者は好みの設定をスキンごとに作ることができるのです。CSSは、HTMLコード中で指定されたHTML要素、クラス(class)、IDというセレクタ[1]を参照することで指定されます。したがって、それぞれのスキンにどんなスタイルが設定できるかは、ページのHTMLソースコードを見ることで、特に、クラスとIDを見ることによって理解できます。クラスやIDの数が多ければ多いほど、幅広い選択肢が生じます。, 全スキン共通のデフォルトのCSS設定はMediaWiki:Common.cssにあります。またJavaScript (JS) のデフォルト設定と一部のIEFixes ファイルは[2]と、MediaWiki:Common.jsにあります。(どんなページでも、HTMLソースを覗いてみると、必ずMediaWiki:Common.jsが参照されているはずです。), その他のデフォルトのCSSとJSページはスキン毎に設定されています。例をあげると、日本語版ウィキペディアではデフォルト設定は次のページにあります。, styleディレクトリにあるファイルは、外装ごとにあり、おそらくどのプロジェクトでも同じです。styleディレクトリの名前は、インストールの時に決められます。詳しくはLocalSettings.php#Stylesheet_Locationを見てください。, monobookスキンでは、http://ja.wikipedia.org/style/monobook/main.css や ja:MediaWiki:Monobook.cssなどで指定されているユーザーインターフェイスの様々な容貌を、JavascriptやCSSを使って変えることができます。これらは自分のユーザページのサブページを作って設定します。例えば、メタウィキメディアにおけるmonobookスキンなら、Special:Mypage/monobook.css ないし Special:Mypage/monobook.jsという名前のページを作り、その中で記述します。, 「標準」でも同様です。つまり、Special:Mypage/standard.css ないし Special:Mypage/standard.jsという名前のページです。その他の外装でも同様です。, 設定は、これらのページの中に、CSSやJavaScriptを書き込むだけです。プレビューでの動作確認はJSでは動かず、CSSでは特殊な動き方をします。編集時に、CSSを設定しようとしているスキンを実際に使用していれば、プレビューでスタイルシートの効果を直接見ることができます。ただし、これはページマージンなど、そのページに現れている要素のみですので、利用者がチェックしたいことのすべてがここでチェックできるとは限りません。ページを保存したら、強制リロード(シフト+リロード/ctrl+f5)をしてください(これはどのページからでも有効です)。そうしないと、新しいスタイルシートが読み込まれません。, 通常のページのHTMLソースには、共有スタイルシートとユーザー設定のスタイルシートを読み込む、次のような行があります。, まず、プロジェクト共有のCSSを参照し(メタでは //meta.wikimedia.org/style/wikistandard.css を参照しています)、次にユーザー個人のJSとCSSを参照しているのがわかると思います。プロジェクト共有のCSSよりもユーザー個人のCSSがあとなので、後者が優先するわけです。, サーバは、CSSとJSファイルを参照してHTMLを生成しますが、HTMLコードの解釈はしません。ですから、例えば[[a]] をリンクとして解釈したりしません。解釈はブラウザによって行なわれ、その能力と設定に応じた結果が表示されます。, 「MySkin」の外装には、main.cssのようなファイルはありません。ユーザーのCSSファイルは、Special:Mypage/myskin.cssとなります。, 上に加えて、ブラウザーにはローカルCSSが設定できます。もし、いくつかのブラウザを使っているなら、それぞれに別のCSSを設定できます。それぞれのCSSは、ログインしていなくても適用されますし、ウィキペディアなど、メディアウィキプロジェクトに限らず、すべてのインターネットページに適用されます。ただし、この設定は、閲覧しているページが同じCSSセレクタを、すなわちclass名なら同じclass名を、ID名なら同じID名を使っているときだけに適用されます。たとえば、a.extiwの設定はタグであるh2を使っているサイトには適用されません。, CSSの命令は、メディアウィキプロジェクトごとに、変えたいことがあります。たとえば、違うプロジェクトであることを区別しやすくするために、背景色を変えるなどです。当然この用途には、ローカルCSSを使うことができません。このような用途のためには、少なくともユーザーサブページを使う必要があります。, 一部のコンピューター、たとえばインターネットカフェのコンピューターなどでは、ブラウザの設定ができないことがあります。このような場合にも、ユーザーサブページを使った設定は役に立ちます。, 一方、ブラウザで、ウェブページや外部CSSファイルで指定されたフォントサイズを無視する設定をしてあるとき、フォントサイズを参照するCSSの命令は、ローカルCSSに置かれていなければなりません。, CSSのセレクタは、要素、class、IDごとに指定することができます。ページ本体のスタイルに関連するものは、次のようなものです。現在の設定を確認できるような例をできるだけ与えています。, a vs :link - ページの編集 | ウェブページに代替スタイルシートを指定すると、ユーザーのニーズや設定に応じて複数のバージョンのページを見る方法を提供します。. 履歴 | 検索に使用できない単語 | 他プロジェクト: ログインしている利用者は、フォント、色、ページ内におけるリンクなどの位置、その他いろいろなことを自分の好みによって変えることができます。これは自分の利用者ページのサブページの中に、Cascading Style Sheets(一般にCSSと呼ばれています)という一種のスタイルシートを置くことによって実現することができます。, たとえば、デフォルトで使われるmonobookスキンに、自分の好みの変更を加えるには、Special:Mypage/monobook.cssページを作成して、使いたいと思っているCSSを書き加えればいいのです。. Wikisource | カテゴリ | EasyTimeline | 要約欄 | JKだろうけどメモ。 iPhoneのSafariで、青空文庫のサイトにいく… もっと読 … ユーザの投稿記録 | Wikibooks | Get the latest and greatest from MDN delivered straight to your inbox. テキストや画像の極端な「スタイル」として、非表示の設定ができます。たとえば、, 非表示のリンクは機能しません(一方極小フォントのリンクは機能します)。これは、たとえばJaveScriptの表内のソートにつかう、隠しソートキーに応用することができます。一方、テンプレート名、パラメータ名、パラメータ値、リンク中のページ名など表現中のテキストを削除するためには使えません。, クラスまたはidは、テンプレート又はテンプレートパラメータによって生成された結果に依存させることができます。たとえば、class="abc{{{1|def}}}"のようにです。これを使えば、1つ以上のクラス名に、1つのスタイルを定義することができます。クラスが未定義ならばそれは無視され、標準のスタイルが適用されます。, 最も単純な例として、class="abc{{{1}}}"を用い、同時にクラス abcdef を定義しておいたとしましょう。もしパラメータ値が "def"ならば、このクラスが適用されます。, もしも、一般に使うページにおいて、特定のクラスのためのスタイルが定義されていないとそのページが意味不明になる場合、これらのクラスはMediaWiki:Common.cssページ内で指定されなければなりません。Common.cssは、ユーザースタイルによって上書きされない限り、全ての利用者と全てのスキンに対して適用されます。このプロジェクトでは以下のようになっています。, 変数を用いたスタイルはTemplate:M to ft css中で適用されています。, HTML属性名は変数にすることができます。無効な名前の属性は、HTML Tidyがサーバ側で削除するので、ブラウザに無効な属性名を無視する機能がなくても正しい結果が出力され、データの送信量が減少します。変数に設定できる"class"の値の範囲については、 w:en:Wikipedia:HiddenStructure と w:en:Template:Infoboxを参照のこと。, 水曜日のようなウィキ文 は、パラメータ3が定義されていて、かつ値が"none"でない時に"水曜日"を表示し、パラメータ3が未定義か値が"none"の場合、何も表示しません。パラメータ3の値が"none"以外の表示スタイルの場合、そのスタイルが適用されます。, Camino 、 Safari と Internet Explorer 7 で動作確認。, デフォルトで使われているスタイルすべてを見たい場合には、monobook main.css を参照してください。, 「ケルンブルー」スキンには、スクロールしても、ナビゲーションリンクやツールボックスなどが同じ位置に固定される"floating left"クイックバー機能のオプションがあります。このスクリプトをつかうと、「Monobook」スキンでも同じ機能を使うことができます(Mozillaのみ)。詳しくはHelp:User style/floating quickbarを参照してください。, テキスト領域でserif フォントのmonobookメニューを使うq&dコンビネーションを開発しました。まだおかしなところやバグがいくつかありますが(いくつかは、wikipediaのcssスキームがあんまり思いやりのあるものではないせい)、もし試したり、ちょっと見てみたりしたければ、[4]へ行って、最初の部分をコピーしてください。動作保証はしません。Netscape7/Win98では動いていますが… --Tillwe 14:05, 30 May 2004 (UTC), 追加情報 (01.06.04): 現在は、多かれ少なかれ、テーブルにフォーマットされたものも正しく表示してます。 -- Tillwe 17:45, 1 Jun 2004 (UTC), JavaScript は沢山の可能性を持っています。たとえば、望みの位置に、テキストやリンクを追加することができます。この追加されたコンテンツは、サーバによって生成されたHTMLソース上のコンテンツに依存させることもできます。例をあげると、getElementByIdを適用することによって、IDを持つHTML要素に依存させることができます。挿入位置はinsertBeforeで指定します。, 利用者の JavaScript カスタマイゼーションを可能にするためには、wikiの管理者が LocalSettings.php 中にある下記の構成パラメータを設定しなければなりません。, MediaWiki 1.6.3 段階では、設定でユーザー JavaScript を無効にしていても、monobook.js のような利用者の JavaScript ページをカスタマイズしても警告メッセージはでません。ユーザー JavaScript が使えるか判断するための最もよい方法はおそらく、アクセスする権利があるならば、MediaWikiサーバの LocalSettings.php をチェックするか、カスタムJavaScriptを追加してそれが動くか試してみることです。Firefox Web開発者の拡張には、FirefoxがどのJavaScriptをロードし、どれをロードしなかったかを確認するのに便利な、"information | view Javascript"機能があります。なお、英語版Wikipediaは利用者のJavaScriptを有効にしています。, これはJavaScriptで定義、設定しているので、簡単にカスタマイズすることができます。ta配列のいくつかの要素を変更してください。([5]参照)たとえば:, alt-dはほとんどのブラウザでアドレスバーへのショートカットとされているので、以下の方法で、アクセスキーとして空白の文字列を入力することによって、alt-dの「削除」のショートカットを無効にすることができます。, サイトのグローバルアクセスキーは、各スキンごとの JavaScript に書かれています。例えば、 Monobook のためのキーは(保護された)ページ MediaWiki:Monobook.js にあります。, 'power user editing shortcuts' のためのグローバルアクセスキーを無効にしたり変更したりするためには、 MediaWiki名前空間にある AccessKey プリフィックスが付いた、6つの(保護された)ページを編集しなければなりません。, 次のコードはカテゴリーボックスを記事上部に移します。もちろんいくつかのCSSを使って、見た目をもっときれいにすることもできます。, 別の方法として、適当なスタイルシートと組み合わせて、文字を上へ上げてタイトルと同じ高さに持っていくことができます。, 残念ながらこれを使うと、例えばアメリカ合衆国の大統領の記事のようにカテゴリーボックスが大きいと、情報ボックス(infobox)を横に押しだして端からはみ出させしまうことがあります。これを直すには、"clear: right"属性を情報ボックスに付け加えてください。, wikitextによってJSを通してCSSを制御することができます。例えば、中身のないHTML要素 "span" は、そのクラスとidを通して、ページの任意の部分に対してCSSを指定するJavaScriptのパラメータを提供することができます。例をあげると、もし、FAという class と lc というidを持つ "span" 要素がページ内にあれば、 w:en:MediaWiki:Monobook.js は interwiki-lc クラスの"li"要素のスタイルとタイトルを指定し、結果としてマージン中の言語コードlcの言語間リンクのスタイルとタイトルのを制御します(使用しているスキンが interwiki-lc クラスを指定している場合。たとえば、ケルンブルーは言語ごとに class='external' を指定しているので、この機能は働きません)。これについてはw:en:Template:Link FAも参照してください。, 一般的な利用法: 数式の書き方 | 画像ページ | Wikiquote | オプション | 検索 | 名前空間 | 言語間リンク | Content is available under these licenses. ユーザースタイルシートから始めるCSS ( published: Aug. 16, 2002 / updated: Sep. 12, 2002 ) この文書について. Wikicommons | リダイレクト | On Meta MediaWiki:Common.css contains ‘(green)で表示されます。, ホームページ制作を支援する タグインデックス. © 2005-2020 Mozilla and individual contributors. テンプレート | 公開前のテスト | 関連ページの更新状況 This page was last edited on 16 May 2020, at 05:45. 特殊文字 | ウォッチリスト | 表の作り方 | 特別ページ スタイルシートを追加する スタイルシートのファイルを作成 「… 2012-11-21 Sigilでepubを作ろう(1) とりあえずepubにする. 起稿・編集: 画像/ファイル | ページの移動 | よくある間違いとして、スタイルにリンクするために、":link"ではなく"a"を使うというものがあります。":link"はリンクのみに適用されますが、"a"はリンクと名前が付けられたアンカーの両方に適用されます(たとえば、など)。, 通常の内部リンクは、現在では「internal」のclassで設定されていません(MediaWikiの古いヴァージョンではそうでしたので、今でも古いヴァージョンを使っているサイト[たとえば、[3]]ではそうなっているものがあります)。現在では、通常は、:linkと:link:visitedを参照しています。加えて、:link.extiwなどのスタイルは、例外的なスタイルとして提供されています。, のように特定の利用者(自分を含む)や特定のページへのリンクに対して、色を付けたり強調したりすることができます。たとえば最近更新したページでウォッチリストのページが強調されるようにです。これはOperaでは働きますが、IEではうまくいきません。Help:Watching pages/ja#Cssを参照してください。, このため、userのclassに対して指定したフォントはページ履歴中では適用されますが、ウォッチリスト又は最近更新したページでは適用されません。, Customization:Explaining_skins#Major_style_blocks_by_nameを参照。, One application is the use of a hidden sortkey in JavaScript table sorting. Common.cssは、ユーザースタイルによって上書きされない限り、全ての利用者と全てのスキンに対して適用されます。このプロジェクトでは以下のようになっています。 MediaWiki:Common.css. ログイン | URL | 細部の編集 | トークページ | パイプ付きリンク | 差分 | リダイレクト | 例えば上記のように設定されている場合は、制作者スタイルシート側のスタイルが優先されるので、p要素内のテキストは赤(red)で表示されます。 セクション | ページ名 | 最近更新したページ | リンク先の更新状況 | この文書では、「ユーザースタイルシート」という仕組みを通して、 Cascading Stylesheet、略してCSSの導入を行います。読者にはある程度のHTMLの知識を要求します。 epub勉強中です。 この作業の目標 テキストのみの小説を縦書き… 2012-08-30 Kinoppyで青空文庫を読む. 編集のパトロール 新規ページの作成 | ウェブページに代替スタイルシートを指定すると、ユーザーのニーズや設定に応じて複数のバージョンのページを見る方法を提供します。, Firefox では、表示 >スタイルシートのサブメニューを使用して、ユーザーがスタイルシートを選択することができます。 Internet Explorer でも (IE 8 から) この機能に対応しており、表示 >スタイルから利用できます。 Chrome では (バージョン48時点で) この機能を使用するのに拡張機能が必要です。ウェブページがユーザーからスタイルの切り替えができるユーザーインターフェイスを提供することもできます。, 代替スタイルシートはふつう、次のように 要素に rel="alternate stylesheet" およびび title="..." 属性を使用することで指定されます。, この例では、スタイルシートのサブメニューに「既定のスタイル」「ファンシー」「基本」という項目が追加され、「既定のスタイル」が選択されています。ユーザーがスタイルを選択すると、ページはそのスタイルシートを使って即座に再描画されます。, 又は