【ティラノビルダー】バックログ画面のデザインを変更する方法(画面サイズが1280×720以外の場合)

ティラノビルダーのバックログ画面のデザインを変更する方法について解説します。

今回は、画面サイズを960×640にします。

①tyrano.cssファイルを開く

画面左上のプロジェクト名をクリックします。

フォルダが開かれるので、矢印のアイコンをクリックします。

tyranoフォルダをクリックします。

tyrano.cssファイルをメモ帳等で開きます。

②tyrano.cssファイルの編集

tyrano.cssファイルが開かれました。

ページの最後までスクロールします。

下記のコードを貼り付けます。

/* バックログ画面
--------------------------------------*/
.log_body {
	border: 10px solid #eb9a0e !important;
}

/* スクロールバー */
.log_body::-webkit-scrollbar {
	width: 12px;
}

.log_body::-webkit-scrollbar-thumb {
	background: #0f60ea;
	border-radius: 10px;
}

.log_body::-webkit-scrollbar-track{
	background: none;
}

【コードの解説】

(1) 外枠の太さ
(2) 外枠の色
(3) スクロールバーの太さ
(4) スクロールバーの色
(5) スクロールバーの端を丸くする度合い

配色の見本帳 | キーカラーで選ぶ配色パターン - ホームページで作る配色

上記のサイト等で、お好きな色を探せます。

最後に上書き保存します。

これで、バックログ画面のデザインを変更する手順は完了です。

以上で解説を終わります。おつかれさまでした。