【ティラノスクリプト】CSSボタンでUI画面を呼び出す方法

CSSボタンでUI画面を呼び出しました pic.twitter.com/OvIgi4z0CA

— サイバーノーツ (@Cyber_Noughts) January 4, 2022

①CSSボタン

[iscript]
$(".message0_fore").append("<div class='btn save_btn blue' onclick='TYRANO.kag.menu.displaySave()'>SAVE</div>");
$(".message0_fore").append("<div class='btn load_btn red' onclick='TYRANO.kag.menu.displayLoad()'>LOAD</div>");
$(".message0_fore").append("<div class='btn menu_btn green' onclick='TYRANO.kag.menu.showMenu()'>MENU</div>");
$(".message0_fore").append("<div class='btn backlog_btn orange' onclick='TYRANO.kag.menu.displayLog()'>BACKLOG</div>");
$(".message0_fore").append("<div class='btn fullscreen_btn white' onclick='TYRANO.kag.menu.screenFull()'>FULL SCREEN</div>");
[endscript]

②tyrano.css

.btn {
    display: inline-block;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	border-radius: .5em;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	z-index: 999999;
}

.save_btn {
	position: absolute;
 　 top: 685px;
    left: 220px;
	width: 100px;
}

.load_btn {
	position: absolute;
    top: 685px;
    left: 389.5px;
	width: 100px;
}

.menu_btn {
	position: absolute;
    top: 685px;
    left: 559px;
	width: 100px;
}

.backlog_btn {
	position: absolute;
    top: 685px;
    left: 728.5px;
	width: 100px;
}

.fullscreen_btn {
	position: absolute;
    top: 685px;
    left: 898px;
	width: 100px;
}