アスキーアート表示プラグイン
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
#contents
*アスキーアート表示プラグインとは？ [#ea812e09]
**基本情報 [#d8f4cb40]
:プラグイン名|aapro
:種別|ブロック型プラグイン
:書式|
''#aapro{{''~
&color(blue){アスキーアート１行目};~
&color(blue){アスキーアート２行目};~
&color(blue){・};~
&color(blue){・};~
&color(blue){・};~
&color(blue){アスキーアート最後の行};~
''}}''
:概要|プロポーショナルフォントで描かれたアスキーアートをP...
**詳細 [#q2c4f4fe]
このプラグインは[[sue445さんのアスキーアート出力プラグイ...
オリジナルのプラグインはWindowsに特化しているらしくMacで...
主に２ちゃんねるのアスキーアートをターゲットにしています。
[[IPAモナーフォント:http://www.geocities.jp/ipa_mona/]]に...
v（バージョン）1.4.6以上のPukiWikiで利用可能。ソフトウェ...
ちなみに "aapro" の名前の由来は、~
''A''SCII ''a''rt drawn with a ''pro''portional font プロ...
**リリース情報 [#q846a6b4]
|バージョン|リリース年月日|概要|h
|1.01|2006-09-05|初リリース|
|1.02|2007-01-11|URLを自動的にリンクに変換する機能を追加|
|1.03|2008-02-17|バグフィックス版。[[pukiwiki.dev:BugTrac...
|1.04|2008-09-15|以前のバージョンにあった、横に長いAAを貼...
#br
//**注意事項 [#da8690a8]
//***v1.03以前 [#z4ebc207]
//オリジナルである[[sue445さんのアスキーアート出力プラグ...
//
//「貼り付けたアスキーアートの右端がウェブブラウザのウィ...
//アスキーアートの行の内容がウィンドウの幅に合わせて自動...
//その結果、レイアウトが崩れる」
//
//この場合は自作のページ幅設定プラグインを併用して対処す...
//***v1.04 [#w4a06ad6]
//上記のレイアウト崩れの問題を回避するための機能を追加し...
//
//例：Internet Explorer 5.01 のような旧型や、スタイルシー...
//
//現在はこのようなブラウザはほとんど使われていないので無...
//それらを考慮する場合は、ページ幅設定プラグインの併用な...
//
//なお、レイアウト崩れ問題は[[オリジナルのプラグイン>Marr...
//Windowsユーザ向けのサイトの場合はそちらを利用する事をお...
//
//
// 2015/11/21 もう不要だと思われる説明なのでコメントア...
//
*使用例 [#gb600ff7]
#aapro{{
_,,:-ｰ''"￣￣￣ `ヽ､
,r'" `ヽ.
__,,::r'7" ::. ヽ＿
ﾞl | :: ﾞ） 7
| ヽ`l :: ／ノ ）
.| ヾミ,l _;;-＝=ｪ;､ ,,,,,,,,,,,,,,,＿ ﾋ-彡|
〉"l,_l "-ー:ｪｪヮ;::) f';;_-ｪｪ-ニ ﾞﾚr-{
| ヽ"::::'' ￣´.::;i, i `''￣ r';' }
. ﾞN l ::. ....:;イ;:' l ､ ,l,ﾌ ﾉ
. |_i"ヽ;:...:::／ ﾞ'''=-='''´｀ヽ. ／i l"
.| ::ﾞl ::´~＝==' '==＝''` ,il" .|'".
.{ ::| ､ :: `::=====::" , il |
/ﾄ､ :|. ﾞl;: ,i' ,l' ノﾄ､
／ .| ＼ゝ､ﾞl;: ,,/;;,ノ;r'" :| ＼
'" | `''-､`'ー--─'";;-'''" ,| ＼_
}}
↓
#aapro{{
_,,:-ｰ''"￣￣￣ `ヽ､
,r'" `ヽ.
__,,::r'7" ::. ヽ＿
ﾞl | :: ﾞ） 7
| ヽ`l :: ／ノ ）
.| ヾミ,l _;;-＝=ｪ;､ ,,,,,,,,,,,,,,,＿ ﾋ-彡|
〉"l,_l "-ー:ｪｪヮ;::) f';;_-ｪｪ-ニ ﾞﾚr-{
| ヽ"::::'' ￣´.::;i, i `''￣ r';' }
. ﾞN l ::. ....:;イ;:' l ､ ,l,ﾌ ﾉ
. |_i"ヽ;:...:::／ ﾞ'''=-='''´｀ヽ. ／i l"
.| ::ﾞl ::´~＝==' '==＝''` ,il" .|'".
.{ ::| ､ :: `::=====::" , il |
/ﾄ､ :|. ﾞl;: ,i' ,l' ノﾄ､
／ .| ＼ゝ､ﾞl;: ,,/;;,ノ;r'" :| ＼
'" | `''-､`'ー--─'";;-'''" ,| ＼_
}}
#br
実体参照も使えます。
#aapro{{
♠ ♦ ♥ ♣
}}
↓
#aapro{{
♠ ♦ ♥ ♣
}}
URLは自動的にリンクに変換されます。~
プラグインの設定によって自動リンクを許可しないようにする...
#aapro{{
このサイトのURL
http://warota.web5.jp/
先頭のhを抜いたURLはリンクされない
ttp://warota.web5.jp/
}}
*使用上の注意点 [#q64fdadb]
**その１ [#if370d8f]
アスキーアートの中に
}}
が含まれているとエラーとなります（Wikiの仕様)。~
この場合、最初と最後の中括弧の数を増やせば、正しく表示す...
#br
エラーの例
エラーの例
#aapro{{
／ﾞ ﾞ.";ヽゞ'-､､
.jﾐノ,ﾉノ~￣""''ヽﾐ!
i ﾉﾊｰ′ .iﾐ!
iﾐ! ,--､_ ,_,,,..､、.i;;l
}iﾄ ｨｪｧ} (ｪoｧ j}}
ﾚl .ﾉ,!_!､ j-'
l /_二'_､〉 .ij
-ー;丶､ ￣ ノ;ー-､,
;;;;;;;;;;/;;;＼ﾆ／/;;ヽ;;;;;;;;;;
;;;;;;;;;;ヽヽ .};;{ /;;;;;/;;;;;;;;;;;
}}
↓
#ref(error.png,nolink)
#br
対処法
#aapro{{{{
／ﾞ ﾞ.";ヽゞ'-､､
.jﾐノ,ﾉノ~￣""''ヽﾐ!
i ﾉﾊｰ′ .iﾐ!
iﾐ! ,--､_ ,_,,,..､、.i;;l
}iﾄ ｨｪｧ} (ｪoｧ j}}
ﾚl .ﾉ,!_!､ j-'
l /_二'_､〉 .ij
-ー;丶､ ￣ ノ;ー-､,
;;;;;;;;;;/;;;＼ﾆ／/;;ヽ;;;;;;;;;;
;;;;;;;;;;ヽヽ .};;{ /;;;;;/;;;;;;;;;;;
}}}}
↓
#aapro{{{{
／ﾞ ﾞ.";ヽゞ'-､､
.jﾐノ,ﾉノ~￣""''ヽﾐ!
i ﾉﾊｰ′ .iﾐ!
iﾐ! ,--､_ ,_,,,..､、.i;;l
}iﾄ ｨｪｧ} (ｪoｧ j}}
ﾚl .ﾉ,!_!､ j-'
l /_二'_､〉 .ij
-ー;丶､ ￣ ノ;ー-､,
;;;;;;;;;;/;;;＼ﾆ／/;;ヽ;;;;;;;;;;
;;;;;;;;;;ヽヽ .};;{ /;;;;;/;;;;;;;;;;;
}}}}
**その２ [#gcbeed00]
AAに機種依存文字が含まれていると文字化けすることがありま...
似たような文字に置き換えてください。
//**その３ [#f56fb021]
//上記の[[注意事項>#da8690a8]]に関することも必要に応じて...
//
//:例文|
//横幅の大きいAAを貼付けるとAAの行の内容が自動的に折り返...
//そういう場合はページ幅設定プラグインを併用してください。
//
// 2015/11/21 もう不要だと思われる説明なのでコメントア...
//
*インストールの手順 [#ydcdc085]
**プラグインファイルの追加 [#c1a8b8a6]
#ref(aapro.inc.php.zip)~
このファイルをダウンロード・解凍して「plugin」フォルダ内...
Unicode でエンコーディングしていますので、EUC 版をお使い...
なおv1.03とv1.04の内容はほとんど変わらないので、v1.03から...
**PukiWiki設定ファイルの編集 [#fb54a641]
[[MarronWiki:Plugins]]より引用
>デフォルトでは複数行引数はOFFになっているので、pukiwiki....
define('PKWKEXP_DISABLE_MULTILINE_PLUGIN_HACK', 1); // 1...
**スタイルシートの編集 [#zb0b0bd0]
***v1.03 以前から v1.04 へのアップグレード [#o34ed842]
v1.03 以前から v1.04 へアップグレードする場合は skin/puki...
white-space:nowrap;
width:auto;
これで終わりです。
***方法1（このサイトの現在の設定） [#iaef6c36]
CSSファイルに以下のテキストを追記してください。~
font-size から white-space までの行がアスキーアートの表示...
/* aapro.inc.php */
p.aapro {
font-size:16px;
font-family:'Mona','IPAMonaPGothic','IPA モナー Pゴシッ...
line-height:110%;
width:auto;
white-space:nowrap;
color:black;
background-color:#F0F0F0;
padding:.5em;
border-top:#DDD 1px solid;
border-bottom:#888 1px solid;
border-left:#DDD 1px solid;
border-right:#888 1px solid;
margin-left:1em;
margin-right:1em;
}
***方法2 [#w23294eb]
CSSファイルの40行目辺りに body,tdの 設定項目があります。
body,td {
color:black;
background-color:white;
margin-left:2%;
margin-right:2%;
font-size:90%;
font-family:verdana, arial, helvetica, Sans-Serif;
}
ここの font-size とfont-family の行をコメントアウトするか...
それと、以下のテキストを追記してください。~
font-size から white-space までの行がアスキーアートの表示...
/* aapro.inc.php */
p.aapro {
font-size:100%;
line-height:110%;
width:auto;
white-space:nowrap;
border-top:#DDD 1px solid;
border-bottom:#888 1px solid;
border-left:#DDD 1px solid;
border-right:#888 1px solid;
padding:.5em;
margin-left:1em;
margin-right:1em;
color:black;
background-color:#EEE;
}
***方法3 [#r49e5b7c]
Internet Explorer 6 対応版です。非推奨。CSSが PHP ファイ...
skin/pukiwiki.css.php の40行目辺りに body, td の設定項目...
body,td {
color:black;
background-color:white;
margin-left:2%;
margin-right:2%;
font-size:90%;
font-family:verdana, arial, helvetica, Sans-Serif;
}
ここの font-family の行をコメントアウトするか削除してくだ...
それと、以下のテキストを追加してください。~
font-size から white-space までの行がアスキーアートの表示...
/* aapro.inc.php */
p.aapro {
<?php if (preg_match('/MSIE [4-6].+Win/', $_SERVER['HT...
font-size:small;
<?php } else { ?>
font-size:medium;
<?php }?>
white-space:nowrap;
width:auto;
line-height:110%;
border-top:#DDD 1px solid;
border-bottom:#888 1px solid;
border-left:#DDD 1px solid;
border-right:#888 1px solid;
padding:.5em;
margin-left:1em;
margin-right:1em;
color:black;
background-color:#EEE;
}
これを使用する際には、ブラウザのユーザーエージェントを偽...
ユーザーエージェントを変えるようにアナウンスする必要があ...
:例文|
''&color(red){注意};：ウェブブラウザのユーザーエージェン...
このサイトではアスキーアートをきれいに表示する為に、
ウェブブラウザの種類によってアスキーアートの文字サイズの...
そのため、Opera や FireFox 等のブラウザで、ユーザーエージ...
アスキーアートの文字サイズが本来の設定よりも小さく表示さ...
また、IE コンポーネントブラウザにおいてユーザーエージェン...
同様の問題が発生するかもしれません。~
このサイトを閲覧される際にはユーザーエージェントの設定を...
#br
:＊補足説明|
p.aapro のプロパティ "font-size" の値をキーワード "medium...
body や他の親要素の font-size の値に依存せずにAAを表示で...
IE 6.0 以前でPukiWikiをブラウズするときには "small" がブ...
((すなわち "font-size" の値を "medium" に設定すると、IEで...
という困った仕様があるので、ブラウザが IE 6.0 以前の場合...
この条件分岐を行ったのが上記のコードです。~
''追記：''IEコンポーネントブラウザの中に、ユーザーエージ...
ものがあるそうなので、上記の説明文にそのことについてのア...
*プラグインの設定 [#e8538f6d]
デフォルトでは、AA中のURLは自動的にリンクに変換されます。~
自動リンクを許可しない場合は、aapro.inc.phpファイルの15行...
*Monobook skin へのインストール [#h55d559b]
''2020/11/19 更新''
ここではMonobook skin を使用している場合のプラグイン導入...
%%以下の説明は「スタイルシートの編集」の「方法3」に該当し...
以前の方法ではFireFoxでうまく動作しなかったようなので改善...
なお、動作テストはまだ十分には行えておりませんので、悪し...
** プラグインファイルの追加 [#fad5b52f]
同上
**PukiWiki設定ファイルの編集 [#mc873ae5]
同上
**スタイルシートの編集 [#jfcc523f]
// monobook.cssを複製して、２つのファイル「monobook_oldie...
CSSファイルを次のように編集します。（マイナスの付いた行は...
body {
- font: x-small sans-serif;
+ font-size: x-small;
background: #f9f9f9 url(headbg.jpg) 0 0 no-repeat;
color: black;
}
/* IE6 + EUC */
* html body {
- font: xx-small Arial, sans-serif;
+ font-size: xx-small;
}
/* IE7 + EUC */
*+html body {
- font: x-small Arial, sans-serif;
+ font-size: x-small;
}
/* Opera8 */
*+html > /**/body {
- font: x-small sans-serif;
+ font-size: x-small;
}
それからCSSファイルに以下のテキストを追加してください。~
font-size から white-space までの行がアスキーアートの表示...
/* aapro.inc.php */
p.aapro {
font-size:16px;
font-family:'Mona','IPAMonaPGothic','IPA モナー Pゴシッ...
line-height:110%;
width:auto;
white-space:nowrap;
color:black;
background-color:#F0F0F0;
padding:.5em;
border-top:#DDD 1px solid;
border-bottom:#888 1px solid;
border-left:#DDD 1px solid;
border-right:#888 1px solid;
margin-left:1em;
margin-right:1em;
}
//
//同様に、monobook_other.css に以下のテキストを追加してく...
//
// /* aapro.inc.php */
// p.aapro {
// font-size:medium;
// white-space:nowrap;
// width:auto;
// line-height:110%;
// border-top:#DDD 1px solid;
// border-bottom:#888 1px solid;
// border-left:#DDD 1px solid;
// border-right:#888 1px solid;
// padding:.5em;
// margin-left:1em;
// margin-right:1em;
// color:black;
// background-color:#EEE;
// }
//**monobook.skin.phpの編集 [#h17b6133]
// - <link rel="stylesheet" type="text/css" media="screen...
// + <link rel="stylesheet" type="text/css" media="screen...
// +if (preg_match('/MSIE [4-6].+Win/', $_SERVER['HTTP_US...
//
*コメント [#g0146bf6]
PukiWikiなので他人が書き込んだレスも自由に編集できてしま...
'''SPAM対策のため、投稿にIDとパスワードの入力が必要です。...
-ID : Lang
-パスワード : hisakoma
#pcomment(,10,reply)
終了行:
#contents
*アスキーアート表示プラグインとは？ [#ea812e09]
**基本情報 [#d8f4cb40]
:プラグイン名|aapro
:種別|ブロック型プラグイン
:書式|
''#aapro{{''~
&color(blue){アスキーアート１行目};~
&color(blue){アスキーアート２行目};~
&color(blue){・};~
&color(blue){・};~
&color(blue){・};~
&color(blue){アスキーアート最後の行};~
''}}''
:概要|プロポーショナルフォントで描かれたアスキーアートをP...
**詳細 [#q2c4f4fe]
このプラグインは[[sue445さんのアスキーアート出力プラグイ...
オリジナルのプラグインはWindowsに特化しているらしくMacで...
主に２ちゃんねるのアスキーアートをターゲットにしています。
[[IPAモナーフォント:http://www.geocities.jp/ipa_mona/]]に...
v（バージョン）1.4.6以上のPukiWikiで利用可能。ソフトウェ...
ちなみに "aapro" の名前の由来は、~
''A''SCII ''a''rt drawn with a ''pro''portional font プロ...
**リリース情報 [#q846a6b4]
|バージョン|リリース年月日|概要|h
|1.01|2006-09-05|初リリース|
|1.02|2007-01-11|URLを自動的にリンクに変換する機能を追加|
|1.03|2008-02-17|バグフィックス版。[[pukiwiki.dev:BugTrac...
|1.04|2008-09-15|以前のバージョンにあった、横に長いAAを貼...
#br
//**注意事項 [#da8690a8]
//***v1.03以前 [#z4ebc207]
//オリジナルである[[sue445さんのアスキーアート出力プラグ...
//
//「貼り付けたアスキーアートの右端がウェブブラウザのウィ...
//アスキーアートの行の内容がウィンドウの幅に合わせて自動...
//その結果、レイアウトが崩れる」
//
//この場合は自作のページ幅設定プラグインを併用して対処す...
//***v1.04 [#w4a06ad6]
//上記のレイアウト崩れの問題を回避するための機能を追加し...
//
//例：Internet Explorer 5.01 のような旧型や、スタイルシー...
//
//現在はこのようなブラウザはほとんど使われていないので無...
//それらを考慮する場合は、ページ幅設定プラグインの併用な...
//
//なお、レイアウト崩れ問題は[[オリジナルのプラグイン>Marr...
//Windowsユーザ向けのサイトの場合はそちらを利用する事をお...
//
//
// 2015/11/21 もう不要だと思われる説明なのでコメントア...
//
*使用例 [#gb600ff7]
#aapro{{
_,,:-ｰ''"￣￣￣ `ヽ､
,r'" `ヽ.
__,,::r'7" ::. ヽ＿
ﾞl | :: ﾞ） 7
| ヽ`l :: ／ノ ）
.| ヾミ,l _;;-＝=ｪ;､ ,,,,,,,,,,,,,,,＿ ﾋ-彡|
〉"l,_l "-ー:ｪｪヮ;::) f';;_-ｪｪ-ニ ﾞﾚr-{
| ヽ"::::'' ￣´.::;i, i `''￣ r';' }
. ﾞN l ::. ....:;イ;:' l ､ ,l,ﾌ ﾉ
. |_i"ヽ;:...:::／ ﾞ'''=-='''´｀ヽ. ／i l"
.| ::ﾞl ::´~＝==' '==＝''` ,il" .|'".
.{ ::| ､ :: `::=====::" , il |
/ﾄ､ :|. ﾞl;: ,i' ,l' ノﾄ､
／ .| ＼ゝ､ﾞl;: ,,/;;,ノ;r'" :| ＼
'" | `''-､`'ー--─'";;-'''" ,| ＼_
}}
↓
#aapro{{
_,,:-ｰ''"￣￣￣ `ヽ､
,r'" `ヽ.
__,,::r'7" ::. ヽ＿
ﾞl | :: ﾞ） 7
| ヽ`l :: ／ノ ）
.| ヾミ,l _;;-＝=ｪ;､ ,,,,,,,,,,,,,,,＿ ﾋ-彡|
〉"l,_l "-ー:ｪｪヮ;::) f';;_-ｪｪ-ニ ﾞﾚr-{
| ヽ"::::'' ￣´.::;i, i `''￣ r';' }
. ﾞN l ::. ....:;イ;:' l ､ ,l,ﾌ ﾉ
. |_i"ヽ;:...:::／ ﾞ'''=-='''´｀ヽ. ／i l"
.| ::ﾞl ::´~＝==' '==＝''` ,il" .|'".
.{ ::| ､ :: `::=====::" , il |
/ﾄ､ :|. ﾞl;: ,i' ,l' ノﾄ､
／ .| ＼ゝ､ﾞl;: ,,/;;,ノ;r'" :| ＼
'" | `''-､`'ー--─'";;-'''" ,| ＼_
}}
#br
実体参照も使えます。
#aapro{{
♠ ♦ ♥ ♣
}}
↓
#aapro{{
♠ ♦ ♥ ♣
}}
URLは自動的にリンクに変換されます。~
プラグインの設定によって自動リンクを許可しないようにする...
#aapro{{
このサイトのURL
http://warota.web5.jp/
先頭のhを抜いたURLはリンクされない
ttp://warota.web5.jp/
}}
*使用上の注意点 [#q64fdadb]
**その１ [#if370d8f]
アスキーアートの中に
}}
が含まれているとエラーとなります（Wikiの仕様)。~
この場合、最初と最後の中括弧の数を増やせば、正しく表示す...
#br
エラーの例
エラーの例
#aapro{{
／ﾞ ﾞ.";ヽゞ'-､､
.jﾐノ,ﾉノ~￣""''ヽﾐ!
i ﾉﾊｰ′ .iﾐ!
iﾐ! ,--､_ ,_,,,..､、.i;;l
}iﾄ ｨｪｧ} (ｪoｧ j}}
ﾚl .ﾉ,!_!､ j-'
l /_二'_､〉 .ij
-ー;丶､ ￣ ノ;ー-､,
;;;;;;;;;;/;;;＼ﾆ／/;;ヽ;;;;;;;;;;
;;;;;;;;;;ヽヽ .};;{ /;;;;;/;;;;;;;;;;;
}}
↓
#ref(error.png,nolink)
#br
対処法
#aapro{{{{
／ﾞ ﾞ.";ヽゞ'-､､
.jﾐノ,ﾉノ~￣""''ヽﾐ!
i ﾉﾊｰ′ .iﾐ!
iﾐ! ,--､_ ,_,,,..､、.i;;l
}iﾄ ｨｪｧ} (ｪoｧ j}}
ﾚl .ﾉ,!_!､ j-'
l /_二'_､〉 .ij
-ー;丶､ ￣ ノ;ー-､,
;;;;;;;;;;/;;;＼ﾆ／/;;ヽ;;;;;;;;;;
;;;;;;;;;;ヽヽ .};;{ /;;;;;/;;;;;;;;;;;
}}}}
↓
#aapro{{{{
／ﾞ ﾞ.";ヽゞ'-､､
.jﾐノ,ﾉノ~￣""''ヽﾐ!
i ﾉﾊｰ′ .iﾐ!
iﾐ! ,--､_ ,_,,,..､、.i;;l
}iﾄ ｨｪｧ} (ｪoｧ j}}
ﾚl .ﾉ,!_!､ j-'
l /_二'_､〉 .ij
-ー;丶､ ￣ ノ;ー-､,
;;;;;;;;;;/;;;＼ﾆ／/;;ヽ;;;;;;;;;;
;;;;;;;;;;ヽヽ .};;{ /;;;;;/;;;;;;;;;;;
}}}}
**その２ [#gcbeed00]
AAに機種依存文字が含まれていると文字化けすることがありま...
似たような文字に置き換えてください。
//**その３ [#f56fb021]
//上記の[[注意事項>#da8690a8]]に関することも必要に応じて...
//
//:例文|
//横幅の大きいAAを貼付けるとAAの行の内容が自動的に折り返...
//そういう場合はページ幅設定プラグインを併用してください。
//
// 2015/11/21 もう不要だと思われる説明なのでコメントア...
//
*インストールの手順 [#ydcdc085]
**プラグインファイルの追加 [#c1a8b8a6]
#ref(aapro.inc.php.zip)~
このファイルをダウンロード・解凍して「plugin」フォルダ内...
Unicode でエンコーディングしていますので、EUC 版をお使い...
なおv1.03とv1.04の内容はほとんど変わらないので、v1.03から...
**PukiWiki設定ファイルの編集 [#fb54a641]
[[MarronWiki:Plugins]]より引用
>デフォルトでは複数行引数はOFFになっているので、pukiwiki....
define('PKWKEXP_DISABLE_MULTILINE_PLUGIN_HACK', 1); // 1...
**スタイルシートの編集 [#zb0b0bd0]
***v1.03 以前から v1.04 へのアップグレード [#o34ed842]
v1.03 以前から v1.04 へアップグレードする場合は skin/puki...
white-space:nowrap;
width:auto;
これで終わりです。
***方法1（このサイトの現在の設定） [#iaef6c36]
CSSファイルに以下のテキストを追記してください。~
font-size から white-space までの行がアスキーアートの表示...
/* aapro.inc.php */
p.aapro {
font-size:16px;
font-family:'Mona','IPAMonaPGothic','IPA モナー Pゴシッ...
line-height:110%;
width:auto;
white-space:nowrap;
color:black;
background-color:#F0F0F0;
padding:.5em;
border-top:#DDD 1px solid;
border-bottom:#888 1px solid;
border-left:#DDD 1px solid;
border-right:#888 1px solid;
margin-left:1em;
margin-right:1em;
}
***方法2 [#w23294eb]
CSSファイルの40行目辺りに body,tdの 設定項目があります。
body,td {
color:black;
background-color:white;
margin-left:2%;
margin-right:2%;
font-size:90%;
font-family:verdana, arial, helvetica, Sans-Serif;
}
ここの font-size とfont-family の行をコメントアウトするか...
それと、以下のテキストを追記してください。~
font-size から white-space までの行がアスキーアートの表示...
/* aapro.inc.php */
p.aapro {
font-size:100%;
line-height:110%;
width:auto;
white-space:nowrap;
border-top:#DDD 1px solid;
border-bottom:#888 1px solid;
border-left:#DDD 1px solid;
border-right:#888 1px solid;
padding:.5em;
margin-left:1em;
margin-right:1em;
color:black;
background-color:#EEE;
}
***方法3 [#r49e5b7c]
Internet Explorer 6 対応版です。非推奨。CSSが PHP ファイ...
skin/pukiwiki.css.php の40行目辺りに body, td の設定項目...
body,td {
color:black;
background-color:white;
margin-left:2%;
margin-right:2%;
font-size:90%;
font-family:verdana, arial, helvetica, Sans-Serif;
}
ここの font-family の行をコメントアウトするか削除してくだ...
それと、以下のテキストを追加してください。~
font-size から white-space までの行がアスキーアートの表示...
/* aapro.inc.php */
p.aapro {
<?php if (preg_match('/MSIE [4-6].+Win/', $_SERVER['HT...
font-size:small;
<?php } else { ?>
font-size:medium;
<?php }?>
white-space:nowrap;
width:auto;
line-height:110%;
border-top:#DDD 1px solid;
border-bottom:#888 1px solid;
border-left:#DDD 1px solid;
border-right:#888 1px solid;
padding:.5em;
margin-left:1em;
margin-right:1em;
color:black;
background-color:#EEE;
}
これを使用する際には、ブラウザのユーザーエージェントを偽...
ユーザーエージェントを変えるようにアナウンスする必要があ...
:例文|
''&color(red){注意};：ウェブブラウザのユーザーエージェン...
このサイトではアスキーアートをきれいに表示する為に、
ウェブブラウザの種類によってアスキーアートの文字サイズの...
そのため、Opera や FireFox 等のブラウザで、ユーザーエージ...
アスキーアートの文字サイズが本来の設定よりも小さく表示さ...
また、IE コンポーネントブラウザにおいてユーザーエージェン...
同様の問題が発生するかもしれません。~
このサイトを閲覧される際にはユーザーエージェントの設定を...
#br
:＊補足説明|
p.aapro のプロパティ "font-size" の値をキーワード "medium...
body や他の親要素の font-size の値に依存せずにAAを表示で...
IE 6.0 以前でPukiWikiをブラウズするときには "small" がブ...
((すなわち "font-size" の値を "medium" に設定すると、IEで...
という困った仕様があるので、ブラウザが IE 6.0 以前の場合...
この条件分岐を行ったのが上記のコードです。~
''追記：''IEコンポーネントブラウザの中に、ユーザーエージ...
ものがあるそうなので、上記の説明文にそのことについてのア...
*プラグインの設定 [#e8538f6d]
デフォルトでは、AA中のURLは自動的にリンクに変換されます。~
自動リンクを許可しない場合は、aapro.inc.phpファイルの15行...
*Monobook skin へのインストール [#h55d559b]
''2020/11/19 更新''
ここではMonobook skin を使用している場合のプラグイン導入...
%%以下の説明は「スタイルシートの編集」の「方法3」に該当し...
以前の方法ではFireFoxでうまく動作しなかったようなので改善...
なお、動作テストはまだ十分には行えておりませんので、悪し...
** プラグインファイルの追加 [#fad5b52f]
同上
**PukiWiki設定ファイルの編集 [#mc873ae5]
同上
**スタイルシートの編集 [#jfcc523f]
// monobook.cssを複製して、２つのファイル「monobook_oldie...
CSSファイルを次のように編集します。（マイナスの付いた行は...
body {
- font: x-small sans-serif;
+ font-size: x-small;
background: #f9f9f9 url(headbg.jpg) 0 0 no-repeat;
color: black;
}
/* IE6 + EUC */
* html body {
- font: xx-small Arial, sans-serif;
+ font-size: xx-small;
}
/* IE7 + EUC */
*+html body {
- font: x-small Arial, sans-serif;
+ font-size: x-small;
}
/* Opera8 */
*+html > /**/body {
- font: x-small sans-serif;
+ font-size: x-small;
}
それからCSSファイルに以下のテキストを追加してください。~
font-size から white-space までの行がアスキーアートの表示...
/* aapro.inc.php */
p.aapro {
font-size:16px;
font-family:'Mona','IPAMonaPGothic','IPA モナー Pゴシッ...
line-height:110%;
width:auto;
white-space:nowrap;
color:black;
background-color:#F0F0F0;
padding:.5em;
border-top:#DDD 1px solid;
border-bottom:#888 1px solid;
border-left:#DDD 1px solid;
border-right:#888 1px solid;
margin-left:1em;
margin-right:1em;
}
//
//同様に、monobook_other.css に以下のテキストを追加してく...
//
// /* aapro.inc.php */
// p.aapro {
// font-size:medium;
// white-space:nowrap;
// width:auto;
// line-height:110%;
// border-top:#DDD 1px solid;
// border-bottom:#888 1px solid;
// border-left:#DDD 1px solid;
// border-right:#888 1px solid;
// padding:.5em;
// margin-left:1em;
// margin-right:1em;
// color:black;
// background-color:#EEE;
// }
//**monobook.skin.phpの編集 [#h17b6133]
// - <link rel="stylesheet" type="text/css" media="screen...
// + <link rel="stylesheet" type="text/css" media="screen...
// +if (preg_match('/MSIE [4-6].+Win/', $_SERVER['HTTP_US...
//
*コメント [#g0146bf6]
PukiWikiなので他人が書き込んだレスも自由に編集できてしま...
'''SPAM対策のため、投稿にIDとパスワードの入力が必要です。...
-ID : Lang
-パスワード : hisakoma
#pcomment(,10,reply)
ページ名:
![[PukiWiki]](image/hlang.png "[PukiWiki]")
