ティラノビルダー バックログのデザイン変更

f:id:nu99:20211230164457p:plain


学園モノをやってるならかなりそのまま使ってもいいデフォルトデザインなんですが
フラれたからこれからホテル街にいくぞ!という時にはちょっと向いてないかも・・・


まずは
tyranobuilder_v201c_win_std\myproject\hispeed_h_2\tyrano\images\system
(プロジェクトファイルが見つからない場合はティラノビルダー>プロジェクト一覧>データのフォルダアイコンをクリックすると開けるよ)
を開いて、それっぽい画像を好きな画像に変えます。


f:id:nu99:20211230165510p:plain



差し替えた!確認!


f:id:nu99:20211230164602p:plain


ガアア!ズレてる!


tyranobuilder_v201c_win_std\myproject\hispeed_h_2\tyrano\html\backlog.html
を開きます。


f:id:nu99:20211230165650p:plain


例えばBACK LOGのタイトルをちょっと下にズラしたかったら

<img class="img_label img_label_backlog" src="tyrano/images/system/label_backlog.png"
		style="left: 0px; top: 0px; position: absolute;">


ここのtop: 0pxを50pxくらいにします。

<img class="img_label img_label_backlog" src="tyrano/images/system/label_backlog.png"
		style="left: 0px; top: 50px; position: absolute;">



f:id:nu99:20211230170339p:plain
いい感じになった!


あとはテキストボックスがきになる

<div class="log_body"></div>


になっているところを


<div class="log_body" style="width:80%; height:60%"></div>

に修正。横、縦のサイズの比率です



f:id:nu99:20211230171456p:plain



ピッタリ!やった~!