アスキーアートの記入に関して

アスキーアートの記入に関して

Wikiへのアスキーアートの記入の方法に関しては
AA Storage内のWikiを参考にしました

AA Storage内のWikiのAAの記入の方法が 削除される可能性も考え、一部文章を変えこちらにも転載しておきます

アスキーアートの記入のしかた

以下の方法で記述すれば、MS Pゴシック 行間2ドットで表示されるようになっています。

整形済みテキストとして記述する

行頭に1バイトスペースのある行は、整形済みテキストとして処理されます。

　　__, '´￣￣ ヾ‐､＋+
　（ x ）ｌ」Lﾊﾚﾄ!Q |
　 ｀Y7 |.= 　=.| ﾄ､ｌ
　　〈∧ﾄ､ゝﾌｲﾚ'ｌ:|ﾌ
　 　 ＼ｌ:|　 _,　V´
　 　 　 `| ('w')∠)
　　　　　ﾚ1_厂 　 ヽ.／

これを利用してアスキーアートを記述する場合は、 '&'が'&'に展開されるため、ユニコード・実体参照を使用できません。

　　__, '´￣￣ ヾ‐､＋+
　（ x ）ｌ」Lﾊﾚﾄ!Q |
　 ｀Y7 |.= 　=.| ﾄ､ｌ　　＜♥
　　〈∧ﾄ､ゝﾌｲﾚ'ｌ:|ﾌ
　 　 ＼ｌ:|　 _,　V´
　 　 　 `| ('w')∠)
　　　　　ﾚ1_厂 　 ヽ.／

引用文として記述する

Wikiでは、行頭に1バイト不等号(greater than)のある行は、引用文として処理されます。 引用文の終了は、空行を入れるか、または(リスト内の子要素として記述する場合など) 行頭の「< (less than)」で明示的に引用を終了させる必要があります。

• 入力例

　　__, '´￣￣ ヾ‐､＋+~
　（ x ）ｌ」Lﾊﾚﾄ!Q |　 　　／￣￣￣￣￣~
　 ｀Y7 |.= 　=.| ﾄ､ｌ　　＜　わはー~　← 註:行末「~」で改行&引用行継続
　　〈∧ﾄ､ゝﾌｲﾚ'ｌ:|ﾌ 　 　＼＿＿＿＿＿~
　 　 ＼ｌ:|　 _,　V´~
　 　 　 `| ('w')∠)~
　　　　　ﾚ1_厂 　 ヽ.／~

• 実際の表示

  　　__, '´￣￣ ヾ‐､＋+
  　（ x ）ｌ」Lﾊﾚﾄ!Q |　 　　／￣￣￣￣￣
  　 ｀Y7 |.= 　=.| ﾄ､ｌ　　＜　わはー
  　　〈∧ﾄ､ゝﾌｲﾚ'ｌ:|ﾌ 　 　＼＿＿＿＿＿
  　 　 ＼ｌ:|　 _,　V´
  　 　 　 `| ('w')∠)
  　　　　　ﾚ1_厂 　 ヽ.／
  

簡易掲示板(articleプラグイン)で記入した内容も、行頭書式('>')と行末の改行マーク が自動的に付加されますので、これを利用するのも一つの方法です。

スタイルシート設定

スタイルシートは設定は以下のようになります。Windows系の環境なら ブラウザのフォントサイズを16px(12pt)に調整すれば、ずれのないアスキーアートの閲覧が可能なはず。

• 引用文

  blockquote
  {
  	border:1px dotted #999999;　/* 適当に */
  	margin:0.5em; 　/* 適当に */
  	padding:0.5em; 　/* 適当に */
  }
  blockquote p.quotation
  {
  	margin:0;　/* 適当に */
  	padding:0;　/* 適当に */
  	font-family:'ＭＳ Ｐゴシック',sans-serif;　/* sans-serif だけでもいいかも */
  	line-height:1.12;	/* 重要 */
  }

• 整形済みテキスト
  overflow:auto;は最終的に外すことになるかも(Mac IE5 で表示に不具合があるそうです)。

  pre
  {
  	border-top:#dcdcdc 1px solid;
  	border-left:#dcdcdc 1px solid;
  	border-right:#999999 1px solid;
  	border-bottom:#999999 1px solid;
  	padding:0.5em;
  	margin:0.5em 0em;
  	font-family:'ＭＳ Ｐゴシック',sans-serif;
  	line-height:1.12;
  	white-space:pre;
  	overflow:auto;
  	color:black;
  	background-color:#efefef;
  }