![見出し画像](https://assets.st-note.com/production/uploads/images/143258166/rectangle_large_type_2_f31794616b3ca7950b77eccaa655d8fa.png?width=1200)
【ティラノビルダー】セーブ画面・ロード画面のスクロール部分の縦幅を変更する方法
![](https://assets.st-note.com/img/1717737377017-gtYSTi3Y2B.png?width=1200)
![](https://assets.st-note.com/img/1717737386277-sm9YvFtKaK.png?width=1200)
ティラノビルダーで、セーブ画面・ロード画面のスクロール部分の縦幅を変更する方法について解説します。
tyrano.cssファイルの編集
![](https://assets.st-note.com/img/1717735629254-0xjzuFy6IC.png?width=1200)
画面左上のプロジェクト名をクリックします。
![](https://assets.st-note.com/img/1717735892783-a6mLcEranm.png?width=1200)
フォルダが開かれるので、矢印のアイコンをクリックします。
![](https://assets.st-note.com/img/1717735950341-DUGmXltcZ6.png?width=1200)
tyranoフォルダをクリックします。
![](https://assets.st-note.com/img/1717736046505-BXmTllWsdt.png?width=1200)
tyrano.cssファイルをメモ帳で開きます。
![](https://assets.st-note.com/img/1717736133322-EPj4zp9OwB.png?width=1200)
tyrano.cssファイルが開かれました。
![](https://assets.st-note.com/img/1717736701634-eMQOiBMlNs.png?width=1200)
「.area_save_list」と書かれている位置までスクロールします。
![](https://assets.st-note.com/img/1717737178745-uB8Al13Zjo.png?width=1200)
下線部の数値を変更します。
![](https://assets.st-note.com/img/1717737190144-IfCF3BxbdG.png?width=1200)
下線部の数値を変更しました。
今回は300に変更しています。
最後に必ず上書き保存をしてください。
これで、セーブ画面・ロード画面のスクロール部分の縦幅を変更する手順は完了です。
以上で解説を終わります。おつかれさまでした。
【参考】.area_save_listが書かれていない場合
![](https://assets.st-note.com/img/1717739888036-F7IjLMcOxG.png?width=1200)
htmlフォルダをクリックします。
![](https://assets.st-note.com/img/1717740056140-H2VehOogOh.png?width=1200)
save.htmlファイルをメモ帳で開きます。
![](https://assets.st-note.com/img/1717740269288-qHr3ZxrpeY.png?width=1200)
save.htmlファイルが開かれました。
![](https://assets.st-note.com/img/1717740307144-xMGMtorF0y.png?width=1200)
下線部の位置までスクロールします。
![](https://assets.st-note.com/img/1717740503264-4JBMpaKFRT.png?width=1200)
下線部を削除します。
![](https://assets.st-note.com/img/1717740644551-AnOp69TJKJ.png?width=1200)
先程の下線部を削除しました。
![](https://assets.st-note.com/img/1717740753954-1YweJinfjd.png?width=1200)
数値を記述します。
今回は300と記述しました。
最後に必ず上書き保存をしてください。
load.htmlも同様の手順で変更してください。
![](https://assets.st-note.com/img/1717740909998-DMCC2V2gBe.png?width=1200)
![](https://assets.st-note.com/img/1717741089901-ioZsgOYZmL.png?width=1200)
この記事が気に入ったらサポートをしてみませんか?