- 追加された行はこの色です。
- 削除された行はこの色です。
#author("2022-01-16T19:54:07+09:00","default:honma","honma")
#author("2022-01-16T20:29:21+09:00","default:honma","honma")
* Lightningで見栄えの良いターミナル風画面 [#e8672006]
CSSのカスタマイズで見栄えの良いターミナル風画面を作ってみる。~
いろいろ方法はあるが、今回は、ExUnit > CSSカスタマイズ で追加する。~
表示したい箇所は「コード<>」を選択して、追加CSSクラスに「TerminalBox」を指定する。~
プレビュー画面での確認になるがまぁまぁ見た目は良いはず~
/* ターミナル画面 */
.TerminalBox {
padding: 0.5em;
margin: 15px 0;
color: white;
background:#24292e;/*背景色*/
font-family: “SFMono-Regular”,Consolas,”Liberation Mono”,Menlo,Courier,monospace
}
.TerminalBox p {
padding: 0;
margin: 0;
}
出来上がりはこんな感じ
#ref(terminalbox.png)
おまけで、ラズパイのようにプロンプトに色がついていれば、~
|pi@raspberrrpii|#00ff00|
| ~ $|#7f7ffd|
で着色するとさらにいい感じかな?
** TeraTerm の画面加工 [#h75664b1]
TeraTermのコンソール画面だけを切り出す方法
$ convert -crop 798x538+1+67 hogehoge_original.png hogehoge_custom.png
みたいにすると良い
#htmlinsert(amazon_menu2.html);