セーブロード画面のデザインを変える

セーブ ロード項目

この記事を利用するにあたって最低限のCSSの知識と調べる努力が必要です。カスタムが簡単とは言っていないぞ
システム関係(2ページ目) セーブロード画面1に戻る。
  1. セーブロード中の画面(のデザイン)を変える。
  2. CSSファイルの変更(tyranoCSS)
  3. 角丸にする
  4. セーブリストのテーブルレイアウトを変更する1
  5. セーブリストのテーブルレイアウトを変更する2
  6. セーブリストにスクロールをつける
  7. セーブロード画面のメッセージログを消す
  8. セーブ・ロード画面の「まだ、保存されているデータがありません」の変更
  9. セーブデータの変数表示
  10. backlogマウスオーバーでボタン変更
  11. セーブ ロードのレイヤー、要素名について
メニューにもどる

セーブロード中の画面(のデザイン)を変える。

config.tjs……セーブのサムネイルを非表示にする、セーブデータ数を増やす(v450より)

詳細をみる

背景画像の変更

詳細をみる

CSSファイルの変更

tyrano CSSファイルの変更はHTMLクイックリファレンス・スタイルシートリファレンスをご覧ください。
その他わからない言葉があったら一字一句コピーして検索にかけましょう。
自ホームページ作ると、より一層理解が深まるでしょう。

詳細をみる

セーブ ロードのレイヤー、要素名について

詳細をみる



角丸にする

dasalodo.JPG
これは・・・まるでソーセージの様でダサいでしょう! ですが、わかりやすくした一例です。
角丸ですがpxサイズの設定でシャープな斜めなどがつけれます。

詳細をみる

セーブリストのテーブルレイアウトを変更する1

save_dezain1.JPGpc限定

詳細をみる

セーブリストのテーブルレイアウトを変更する2

seve_dezain2.JPGpc限定
半分に分割。スクロールの心配が無くなる。

詳細をみる


セーブリストにスクロールをつける

config.tjsでセーブスロット数を変更できる最新版ではデフォルトでスクロールが付いています。4.41以降

詳細をみる

セーブロード画面のメッセージログを消す

282: 2015/07/05 (Sun) 13:09:50

詳細をみる

データがないときの表示分岐 一例

セーブされていない場合、日付の表示が --- となる。
<span class='save_list_item_area'>
              {{if save_date == ""}}
              <span class='save_list_item_date'> day:- - -</span>
              {{else}}
              <span class='save_list_item_date'> day:{{:save_date}}</span>
              {{/if}}
save.html,load.htmlに書き込み例
※{{:title}}については本体で制御されている

セーブ・ロード画面の「まだ、保存されているデータがありません」の変更

詳細をみる

セーブリストに対応した自動連番のidを加える

でっていう内容ですが、応用すれば良いかも
kore_num.JPG

詳細をみる

マウスオーバーでボタン変更

jpuery attr も検索

詳細をみる

セーブデータの変数表示

tyrano.ksにセーブ画面に表示する文字データーをまとめてある

詳細をみる


  • 最終更新:2017-06-01 20:20:19

このWIKIを編集するにはパスワード入力が必要です

認証パスワード