ブログにAAを貼る時に、ずれないようにするための設定のご紹介。
AAなにっきさんの移転前には、ずれないための設定がのっていたんですけど、
旧ブログが消えちゃってるみたいなので、自分のためのメモとしてなんですけどw
※3/21追記:フォント指定に「MS PGothic」を追加しておきました。
まずスタイルシートに以下をコピペします。
また、
font-size:12px;
line-height:14px;
みたいにすることでサイズの調整が可能です。
お好みでどうぞ。
※最初、12px,14pxを基本みたいに書いていましたが、
本来は16px.18pxが基本です。
私はこのサイズだと少し大きく感じてしまうので、上記の12.14に設定しています。
そして、記事にAAを貼るときは
でAAを囲ってください。
<span class="aa"> ∧,,∧
(;`・ω・) 。・゚・⌒)
/ o━ヽニニフ))
しー-J</span>
こんな風にします。すると
∧,,∧
(;`・ω・) 。・゚・⌒)
/ o━ヽニニフ))
しー-J
この通り。
はてなダイアリーの場合はかなり楽で、設定なしで、「>|aa|」と「||<」でAAを挟むだけでいいみたい。
詳しくは↓を見てくださいね。
■アスキーアート(AA)を簡単にきれいに表示する(aa記法)
_,,....,,_ _人人人人人人人人人人人人人人人_
-''":::::::::::::`''> ゆっくりためしてね!!! <
ヽ::::::::::::::::::::: ̄^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^ ̄
|::::::;ノ´ ̄\:::::::::::\_,. -‐ァ __ _____ ______
|::::ノ ヽ、ヽr-r'"´ (.__ ,´ _,, '-´ ̄ ̄`-ゝ 、_ イ、
_,.!イ_ _,.ヘーァ'二ハ二ヽ、へ,_7 'r ´ ヽ、ン、
::::::rー''7コ-‐'"´ ; ', `ヽ/`7 ,'==─- -─==', i
r-'ァ'"´/ /! ハ ハ ! iヾ_ノ i イ iゝ、イ人レ/_ルヽイ i |
!イ´ ,' | /__,.!/ V 、!__ハ ,' ,ゝ レリイi (ヒ_] ヒ_ン ).| .|、i .||
`! !/レi' (ヒ_] ヒ_ン レ'i ノ !Y!"" ,___, "" 「 !ノ i |
,' ノ !'" ,___, "' i .レ' L.',. ヽ _ン L」 ノ| .|
( ,ハ ヽ _ン 人! | ||ヽ、 ,イ| ||イ| /
,.ヘ,)、 )>,、 _____, ,.イ ハ レ ル` ー--─ ´ルレ レ´
AAなにっきさんの移転前には、ずれないための設定がのっていたんですけど、
旧ブログが消えちゃってるみたいなので、自分のためのメモとしてなんですけどw
※3/21追記:フォント指定に「MS PGothic」を追加しておきました。
まずスタイルシートに以下をコピペします。
/* AA表示 */
.aa{
font-family:"MS Pゴシック","MS PGothic","Mona","mona-gothic-jisx0208.1990-0",sans-serif;
font-size:16px;
line-height:18px;
}
また、
font-size:12px;
line-height:14px;
みたいにすることでサイズの調整が可能です。
お好みでどうぞ。
※最初、12px,14pxを基本みたいに書いていましたが、
本来は16px.18pxが基本です。
私はこのサイズだと少し大きく感じてしまうので、上記の12.14に設定しています。
そして、記事にAAを貼るときは
<span class="aa"> ∧,,∧
(;`・ω・) 。・゚・⌒)
/ o━ヽニニフ))
しー-J</span>
こんな風にします。すると
∧,,∧
(;`・ω・) 。・゚・⌒)
/ o━ヽニニフ))
しー-J
この通り。
はてなダイアリーの場合はかなり楽で、設定なしで、「>|aa|」と「||<」でAAを挟むだけでいいみたい。
詳しくは↓を見てくださいね。
■アスキーアート(AA)を簡単にきれいに表示する(aa記法)
_,,....,,_ _人人人人人人人人人人人人人人人_
-''":::::::::::::`''> ゆっくりためしてね!!! <
ヽ::::::::::::::::::::: ̄^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^ ̄
|::::::;ノ´ ̄\:::::::::::\_,. -‐ァ __ _____ ______
|::::ノ ヽ、ヽr-r'"´ (.__ ,´ _,, '-´ ̄ ̄`-ゝ 、_ イ、
_,.!イ_ _,.ヘーァ'二ハ二ヽ、へ,_7 'r ´ ヽ、ン、
::::::rー''7コ-‐'"´ ; ', `ヽ/`7 ,'==─- -─==', i
r-'ァ'"´/ /! ハ ハ ! iヾ_ノ i イ iゝ、イ人レ/_ルヽイ i |
!イ´ ,' | /__,.!/ V 、!__ハ ,' ,ゝ レリイi (ヒ_] ヒ_ン ).| .|、i .||
`! !/レi' (ヒ_] ヒ_ン レ'i ノ !Y!"" ,___, "" 「 !ノ i |
,' ノ !'" ,___, "' i .レ' L.',. ヽ _ン L」 ノ| .|
( ,ハ ヽ _ン 人! | ||ヽ、 ,イ| ||イ| /
,.ヘ,)、 )>,、 _____, ,.イ ハ レ ル` ー--─ ´ルレ レ´
この記事へのコメント
参考になりました。ありがとうございました。
2008/03/18(火) 17:52:34 | つるぺた | #dzxWNn36[ 編集]
>つるぺたさん
お役に立てて光栄ですー。
お役に立てて光栄ですー。
2008/03/19(水) 18:28:55 | 紅葉葵 | #YVQqhxY2[ 編集]
本題読む前にプロフィールで吹いたw
うん、参考になった
うん、参考になった
2008/03/22(土) 00:57:33 | (○口○*)さん | #-[ 編集]
>↑のコメの方
ひどいネタプロフですよね…w
参考にしていただけたようでよかったですー。
ひどいネタプロフですよね…w
参考にしていただけたようでよかったですー。
2008/03/23(日) 02:21:10 | 紅葉葵 | #YVQqhxY2[ 編集]
これは使えますね。
だいぶ助かりました
だいぶ助かりました
2008/07/01(火) 15:36:43 | 天伝 | #-[ 編集]
>天伝さん
お役に立ってよかったです(´ω`)
お役に立ってよかったです(´ω`)
2008/07/01(火) 20:41:17 | 紅葉葵 | #YVQqhxY2[ 編集]
このコメントは管理人のみ閲覧できます
2008/07/02(水) 14:21:36 | | #[ 編集]
参考になりました。
2008/09/02(火) 19:25:09 | 鼻眼鏡 | #XueaO6dQ[ 編集]
>鼻眼鏡さん
ありがとうございます。
ご活用くださいませー。
ありがとうございます。
ご活用くださいませー。
2008/09/03(水) 02:44:03 | 紅葉葵 | #YVQqhxY2[ 編集]
ずっとfc2でAAが上手く表示できなくて
困っていたのですが、紅葉葵様のこの記事によって
物凄い助かりました。
本当にありがとうございますヽ(´▽`)ノ
困っていたのですが、紅葉葵様のこの記事によって
物凄い助かりました。
本当にありがとうございますヽ(´▽`)ノ
2008/11/09(日) 01:19:39 | にゃ | #-[ 編集]
とてもわかりやすかったです。
ありがとうございます。
ありがとうございます。
2009/03/25(水) 02:16:57 | マッツー | #oXnV9YW.[ 編集]
>にゃさん マッツーさん
お役に立って何よりですー。
お役に立って何よりですー。
2009/04/01(水) 01:33:45 | 紅葉葵 | #YVQqhxY2[ 編集]
ま さ か
行と行の間隔が僕の場合ずれていて
そこまではできないだろ・・・常識的に考えて・・・
と思っていたら出来ましたw
これからはAA貼るたびにここに来るんで閉鎖とかしないでくださいねw
行と行の間隔が僕の場合ずれていて
そこまではできないだろ・・・常識的に考えて・・・
と思っていたら出来ましたw
これからはAA貼るたびにここに来るんで閉鎖とかしないでくださいねw
2009/07/17(金) 19:50:39 | りぼるばーY | #Uh60rX9Y[ 編集]
>りぼるばーYさん
閉鎖の予定はありませんのでいつでもご利用くださいー。
閉鎖の予定はありませんのでいつでもご利用くださいー。
2009/07/28(火) 01:14:44 | 紅葉葵 | #YVQqhxY2[ 編集]
早速使わせてもらいました
勉強になりました
勉強になりました
2009/11/18(水) 19:22:55 | kiyuropi | #-[ 編集]
この記事のトラックバックURL
http://momijiaoi.blog110.fc2.com/tb.php/69-b418c321
この記事にトラックバックする(FC2ブログユーザー)
この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック




