Lightningで見栄えの良いターミナル風画面
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
* Lightningで見栄えの良いターミナル風画面 [#e8672006]
CSSのカスタマイズで見栄えの良いターミナル風画面を作ってみ...
いろいろ方法はあるが、今回は、ExUnit > CSSカスタマイズ で...
表示したい箇所は「コード<>」を選択して、追加CSSクラスに「...
プレビュー画面での確認になるがまぁまぁ見た目は良いはず~
/* ターミナル画面 */
.TerminalBox {
padding: 0.5em;
margin: 15px 0;
color: white;
background:#24292e;/*背景色*/
font-family: “SFMono-Regular”,Consolas,”Liberation Mon...
}
.TerminalBox p {
padding: 0;
margin: 0;
}
出来上がりはこんな感じ
#ref(terminalbox.png)
おまけで、ラズパイのようにプロンプトに色がついていれば、~
|pi@raspberrrpii|#00ff00|
| ~ $|#7f7ffd|
で着色するとさらにいい感じかな？
** TeraTerm の画面加工 [#h75664b1]
TeraTermのコンソール画面だけを切り出す方法
$ convert -crop 798x538+1+67 hogehoge_original.png hogeh...
みたいにすると良い
#htmlinsert(amazon_menu2.html);
終了行:
* Lightningで見栄えの良いターミナル風画面 [#e8672006]
CSSのカスタマイズで見栄えの良いターミナル風画面を作ってみ...
いろいろ方法はあるが、今回は、ExUnit > CSSカスタマイズ で...
表示したい箇所は「コード<>」を選択して、追加CSSクラスに「...
プレビュー画面での確認になるがまぁまぁ見た目は良いはず~
/* ターミナル画面 */
.TerminalBox {
padding: 0.5em;
margin: 15px 0;
color: white;
background:#24292e;/*背景色*/
font-family: “SFMono-Regular”,Consolas,”Liberation Mon...
}
.TerminalBox p {
padding: 0;
margin: 0;
}
出来上がりはこんな感じ
#ref(terminalbox.png)
おまけで、ラズパイのようにプロンプトに色がついていれば、~
|pi@raspberrrpii|#00ff00|
| ~ $|#7f7ffd|
で着色するとさらにいい感じかな？
** TeraTerm の画面加工 [#h75664b1]
TeraTermのコンソール画面だけを切り出す方法
$ convert -crop 798x538+1+67 hogehoge_original.png hogeh...
みたいにすると良い
#htmlinsert(amazon_menu2.html);
ページ名:
![[PukiWiki]](image/gbook_orange_80x80.png "[PukiWiki]")
