2025-10-10 00:32:54 -03:00
|
|
|
<link href="htmlsample.css" />
|
2025-09-28 14:46:24 -03:00
|
|
|
<script type="text">
|
|
|
|
|
self.title = "HTML/CSS";
|
|
|
|
|
self.msg = "Welcome to HTML/CSS";
|
|
|
|
|
</script>
|
|
|
|
|
<html>
|
2025-10-19 19:34:28 -03:00
|
|
|
<window class="content" placement="center" *title="self.title">
|
2025-10-10 00:32:54 -03:00
|
|
|
<img class="shield" src="/data/images/ui/character/offhand" />
|
|
|
|
|
|
|
|
|
|
<div style="padding: 15px; text-align: center">{{self.msg}}</div>
|
2025-09-28 14:46:24 -03:00
|
|
|
<div class="form">
|
2025-10-04 18:50:59 -03:00
|
|
|
<div style="width: 70%; display: inline-block">
|
|
|
|
|
<div>
|
|
|
|
|
<label style="padding: 3">Name:</label>
|
|
|
|
|
<input type="text" *value="self.playerName" style="margin-left: 26" />
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<label style="padding: 3">Look type:</label>
|
|
|
|
|
<input type="text" *value="self.lookType" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="display: inline-block">
|
|
|
|
|
<uicreature *outfit="{type = self.lookType}" />
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<button onclick="self:addPlayer(self.playerName)">Add</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="players" class="form">
|
2025-10-10 00:32:54 -03:00
|
|
|
<table style="width: 100%">
|
|
|
|
|
<thead>
|
|
|
|
|
<tr>
|
|
|
|
|
<th></th>
|
|
|
|
|
<th>Outfit</th>
|
|
|
|
|
<th>Name</th>
|
|
|
|
|
<th>Remove</th>
|
|
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody>
|
|
|
|
|
<tr
|
|
|
|
|
*for="local player in self.players"
|
|
|
|
|
onclick="print('Player: '.. player.name)"
|
|
|
|
|
>
|
|
|
|
|
<td style="text-align: center; vertical-align: center">
|
|
|
|
|
{{index}}
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<uicreature *outfit="{type = player.lookType}"></uicreature>
|
|
|
|
|
</td>
|
|
|
|
|
<td class="playerName">{{player.name}}</td>
|
|
|
|
|
<td>
|
|
|
|
|
<button
|
|
|
|
|
class="buttonRemovePlayer"
|
|
|
|
|
onclick="self:removePlayer(index)"
|
|
|
|
|
>
|
|
|
|
|
X
|
|
|
|
|
</button>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</tbody>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="margin-top: 5">
|
|
|
|
|
<input
|
|
|
|
|
id="showEqualizerEffect"
|
|
|
|
|
type="checkbox"
|
|
|
|
|
*checked="self.showEqualizerEffect"
|
|
|
|
|
/>
|
|
|
|
|
<label for="showEqualizerEffect">Show equalizer effect</label>
|
2025-09-28 14:46:24 -03:00
|
|
|
</div>
|
2025-10-10 00:32:54 -03:00
|
|
|
<div class="equalizerEffect" *visible="self.showEqualizerEffect">
|
2025-09-28 14:46:24 -03:00
|
|
|
<div class="line"></div>
|
|
|
|
|
<div class="line"></div>
|
|
|
|
|
<div class="line"></div>
|
|
|
|
|
<div class="line"></div>
|
|
|
|
|
<div class="line"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="footer">
|
2025-10-04 18:50:59 -03:00
|
|
|
<button onclick="alert('HTML/CSS V.3b')">About</button>
|
2025-09-28 14:46:24 -03:00
|
|
|
<button style="float: right" onclick="self:unloadHtml()">Close</button>
|
|
|
|
|
</div>
|
|
|
|
|
</window>
|
|
|
|
|
</html>
|
