AA枠作成テスト等等   作:気力♪

1 / 2
第一回

《/orange》

 今回はboxを使って右側にアスキーアートを、左側にテキストを表示する方法を考えてみた。

肝心のアスキーアートを縮小する方法はスペースなどを入れて横長のAAにしてしまうというお粗末なモノだ。スマホとPCでサイズ感が変わってしまうのは確認できているね。

2つのboxを横に並べる方法は特殊タグboxの中にinlineを入れれば可能だ。

ついでに、overhiddenを入れておけばスクロールバーが表示されなくなるね。

 

 

 

 

《/orange》

 アスキーアート内部でも文字色の変更は可能なようだ。プレビューでの確認だと効果を示している《orange》とそうじゃないものがあるが、条件は不明だ。気の遠くなる作業が筆よかもしれないが、フルカラーアスキーアートの実装をハーメルンでもできるかもしれないね。

 

 

 bo#DDDDDDでやっていた枠線の灰色を消してみたよ。

 書くことがないのでいちおうの復習だ。boxタグ内のwは横幅、%表示でも行数表示でもできる。

 hは縦幅だ。数字で行数、%で表示するとき、どこからどこまでが100%か、私はいまいち把握できていなかったりする。

ただ、枠線を入れていないとbox同士のつながりでアスキーアートが崩れて見えてしまうから、今回私は同じラインに1行の空白のboxを入れてみた

 

 

不思議なことだが、アスキーアートが拡大されすぎているとき、右側のboxの文字は表示されなかった。どういうことなのか、プレビュー環境でのみ起きることなのかはこれからチラシの裏に投稿して確認することにすうよ。

チラシの裏には、作品以外を透過してもいいってルールになっているみたいだからね

 

(/box)
《box:w40%,h30,lh1.5,inline》ここと、左側にある丸が消えていたらアスキーアートの拡大しすぎは良くないよ!ということになるのかな?

 

  1. 目次
  2. 小説情報
  3. 縦書き
  4. しおりを挟む
  5. お気に入り登録
  6. 評価
  7. 感想
  8. ここすき
  9. 誤字
  10. 閲覧設定

▲ページの一番上に飛ぶ
X(Twitter)で読了報告
感想を書く ※感想一覧 ※ログインせずに感想を書き込みたい場合はこちら
内容
0文字 10~5000文字
感想を書き込む前に 感想を投稿する際のガイドライン に違反していないか確認して下さい。
※展開予想はネタ潰しになるだけですので、感想欄ではご遠慮ください。