バックログ改造

Tue, 15 Aug 2023 11:16:27 JST (263d)
Top > バックログ改造 > tスクリプト

凝ったことはしないぞって人向け。元のやつの画像と色だけ変えたいなーとか

ティラノスクリプトのバックログ画面に使われている画像を差し替える

画像は

myprojects>プロジェクト名フォルダ>tyrano>images>system

に入っているので、backlog.htmlをメモ帳で開いてどこにどの画像が使われているか見ながら画像を差し替えていく。
画像「arrow_down.png」と「arrow_up.png」と、backlog.html内<!-- スクロールボタン -->の箇所を消すと、テキスト表示エリアがずれます。
(cssで整形できるんだろうが、cssわからんので)

ティラノビルダーで一旦理想のバックログを作成してコピペする方法

①ティラノビルダーで作りたいバックログ画面を作って保存
②ティラノビルダーの「myproject」>「プロジェクト名」>「tyrano」>「html」を開く
③ティラノスクリプトの「myprojects]>「プロジェクト名」>「tyrano」>「html」を開く
④③のフォルダ内にある「backlog.html」を適当な名前に変更(オリジナルのファイルをとっておく為)
⑤②のフォルダ内にある「backlog.html」を③にコピペ

 

これでビルダーで作った通りのバックログ画面に変わってる。
要はティラノビルダーのファイルをティラノスクリプトにそのままコピペしてるだけの話。
ティラノビルダー側で使った画像もコピペする必要があるので注意
(「myproject」>「プロジェクト名」>「tyrano」>「images」>「system」>「_builder」フォルダ内に画像は格納されるので、スクリプト側の同名フォルダに放り込めばOK)

 

バックログのフォントカラーを変えたい

「myprojects]>「プロジェクト名」>「tyrano」>「html」>「backlog.html」ファイル内の

<!-- ログ本体 -->
<div class="log_body">

を下記に書き換える

 
<div class="log_body" style="width:90%;height:65%;overflow-y:scroll;margin-top:50px;padding:8px;color:■#4d3f30■;border:1px solid #555;font-weight:normal" align="left">

■箇所を変更するとフォントカラーが変わる

ティラノビルダーでバックログをカスタムする方法を使った場合、すでに↑が追加されてると思うので■部分だけ書き換えればOK。

 

スクロールバーの色を変えたい

「myprojects]>「プロジェクト名」>「tyrano」>「tyrano.css」内にある

* バックログ画面
~~
.log_body::-webkit-scrollbar-thumb {
	border-radius: 0;
	background: ■#4d3f30■;
}
.log_body::-webkit-scrollbar-track{
	background: ■none■;
}

■箇所を変更する。
trackの方は多分スクロールバーの背景部分?

 

参考

https://note.com/cyber_noughts/n/n5f983da62d87