ソフトウェア
めもりーくりーなー Winのメモリーをお掃除するソフト
 
小説推敲補助ソフト「Novel Supporter
 
PCソフト 便利なソフトを100本近く公開
 
Webサービス 便利で楽しいサービス多数
ゲーム
TinyWar high-speed 1ステージ数分の、8bit風RTS。
 
EX リバーシ 変形盤面のリバーシ。ステージ多数。成績投稿可能。
 
PuzzleAndGame.com ブラウザで遊べるパズルやゲーム

クロクロ ショップ 本、ゲーム、同人誌他を販売

クロクロ ツールズ 便利なWebアプリを多数収録
同人活動
るてんのお部屋 コミケなどで活動(DL販売
 

Janetter入力ボックスのカスタマイズ

no link
2011/10/14(金) 19:38:03
 最近、Janetterを使い始めたのですが、入力ボックスが小さくて使いにくかったのでカスタマイズしました。

 そのメモです。

(2011/10/14 - 21:20 変更:カスタムCSSの使い方を習ったので書き直しました)



● 入力ボックスの改良

 スクリーンショットのように変更します。手順は以下で説明します。

Janetter02



● デバッグモードでの起動

 パスの末尾に「--debug」と付けて起動します。これで、各種デバッグ操作ができるようになります。

「〜\Janetter2\bin\Janetter.exe --debug」のように指定します。

 デバッグ操作は、タイトルバーを右クリックして行います。

Janetter01


「Debveloper Tools」を選ぶと、Chromeと同じようなデバッグダイアログが表示されます。

「Test」を選ぶと、デバッグモードで再起動します。CSSの変更の確認は、この「Test」でいけました。

□開発者向け情報



● ユーザースタイルシート

「%APPDATA%\Jane\Janetter2\UserStyleSheets」フォルダ内に「Custom.css」があるので、このファイル内に書き込みます。

例)Windows Vista
C:\Users\hoge\AppData\Roaming\Jane\Janetter2\UserStyleSheets\Custom.css

「Custom.css」以外のファイルを作った場合、自動で読み込まれるそうです。

□ユーザースタイルシート



● 入力ボックスのサイズの変更

「Janetter2\Theme\Common\css\base.css」の「.tweet-edit」がターゲットです。ここが入力ボックスの外形になります。

 以下を上記の「Custom.css」に書き込みます。「max-height」と「height」を変更しています。これで設定が上書きされます。

.tweet-edit{
  width: 100%;
  border: none;
  font-size: 12px;
  resize: none;
  line-height: 1.5em;
  min-height: 1.5em;
  max-height: 12em;  /* max-height: 6em; */
  height: 12em;  /* height: 4.5em; */
  overflow-x: auto;
  overflow-y: scroll;
  white-space: pre-wrap;
  word-wrap: break-word;
  outline: none;
  background-color: #FFF;
  color: #111;
}



● 入力ボックスの文字サイズの変更

「Janetter2\Theme\Common\css\style.css」の「.expanded textarea」の各文字をがターゲットです。ここが入力欄の文字サイズになります。

 以下を上記の「Custom.css」に書き込みます。これで設定が上書きされます。

.font-tiny .expanded textarea{
  font-size: 18px;  /* font-size: 10px; */
}
.font-small .expanded textarea{
  font-size: 19px;  /* font-size: 11px; */
}
.font-normal .expanded textarea{
  font-size: 20px;  /* font-size: 12px; */
}
.font-big .expanded textarea{
  font-size: 21px;  /* font-size: 14px; */
}
.font-giant .expanded textarea{
  font-size: 22px;  /* font-size: 16px; */
}
.font-ultragiant .expanded textarea{
  font-size: 23px;  /* font-size: 18px; */
}



 これで、「Janetter」が少し使いやすくなりました。HTMLを直接いじれるようなので、スクリプトを仕込むのも1つの手ですね。

 というわけで、もうしばらく使ってみようと思います。
最新20件 (全て見る)

柳井が執筆した本や商品 他

Web小説のための Novel Supporterで 超効率的に文章推敲する本
推敲箇所を可視化するソフトを使い、実際の小説の推敲手順を示した本。 詳細ページ
レトロゲームファクトリー
過去のゲームを最新機用に移植する会社のお仕事小説。新潮社より発売中。 詳細ページ
#電書ハック
電子書籍編集部のお仕事小説。文藝春秋より発売中。 詳細ページ
顔貌売人
ハッカー探偵 鹿敷堂桂馬

シリーズ第2弾。文藝春秋より発売中。 詳細ページ
裏切りのプログラム
ハッカー探偵 鹿敷堂桂馬

松本清張賞の最終候補に残った拙作小説(デビュー作)。 詳細ページ
JavaScriptで
リバーシゲームをつくろう

ライブラリを使わず、全コードを書いて、リバーシゲームを作るまでを徹底解説。 詳細ページ
HTML5とJavaScriptで作る
落ち物パズルゲーム 全コード

『テトリス』や『ぷよぷよ』に類似した落ち物パズルの全コードを掲載して解説した本。 詳細ページ
レトロ風RPG
フルスクラッチ開発 全コード

レトロゲーム風RPGの全コードを掲載して解説した本。 詳細ページ
マンガでわかるJavaScript
マンガと解説で学べるJavaScriptのプログラム参考書。
詳細ページ
プログラマのためのコードパズル~JavaScriptで挑むコードゴルフとアルゴリズム
コードゴルフやアルゴリズム問題、その解説、関連知識の紹介を行った本です。
詳細ページ

サイト目次

PCソフト/Webアプリ/ゲーム

記事/マンガ

柳井の同人活動

開発

携帯・スマホ

アナログ・ゲーム

 
Cronus Crown(クロノス・クラウン)のトップページに戻る
(c)2002-2019 Cronus Crown (c)1997-2019 Masakazu Yanai
ご意見・お問い合わせはサイト情報 弊社への連絡までお願いします
プライバシーポリシー