585
edits
Changes
From Shining Moon Wikipedia
no edit summary
{| class="wikitable" style="float:left; text-align: center; font-weight: bold; margin-left:3%" width="30%"
{| class="wikitable" style="float:left; text-align: center; font-weight: bold; margin-left:3%" width="30%"
|-
|-
| style=" padding-top: 8px; border-color: #000000;" |
| style=" padding-top: 8px; border-color: #000000;" |Niflheim
_______________________________
'''A custom server with jRO/kRO/iRO equipment and custom features.'''
|}
|}
{| class="wikitable" style="text-align: center; font-weight: bold; margin-left:3%; float:right;" width="30%"
{| class="wikitable" style="text-align: center; font-weight: bold; margin-left:3%; float:right;" width="30%"
|-
|-
| style="border-color: #000000;" |
| style="border-color: #000000;" |Helheim
_______________________________
'''Is a kRO-official like server.'''
|}
<section id="preview" class="content-section features">
<div style="background-color: #3c3c3c; min-height: 100vh; width: 100%; min-width: 100%;">
<div class="ballz">
<br><br><br>
<h2 class="text-center" style="color: white;">
<span class="letterTittle">C</span>ostume <span class="letterTittle">P</span>review
</h2>
<div class="features-list">
<div class="container-fluid">
<p align="center">
<br>
<br>
<div style="overflow-x: auto">
<div class="theme56 basic-info" style="display: inline-block; margin-left: 5%;">
<div id="info7" class="info-div">
<div class="columnsZ" style="min-width: 300px;">
<ul class="price">
<li class="header">Total Costumes <?php echo count($ModelsData); ?></li>
</ul>
<div class="model-div">
<div class="model-menu">
<div class="model-search">
<input type="text" placeholder="Search"></input>
</div>
<div class="list">
<?php foreach ($ModelsData as $key => $model) {
echo '<div class="item" model="'.$model->viewid.'">'.$model->headname.'</div>';
}
?>
</div>
</div>
<div class="model-view">
<div class="model-desc">
<span class="name">Name</span>
<span class="mob_id">Mob id</span>
</div>
<div class="model-box">
<div class="model-attr">
<select name="gender" id="gender" class="gender">
<option value="M" selected="">Male</option>
<option value="F">Female</option>
</select>
<select name="novice" id="novice" class="novice">
<?php echo $classesOptions; ?>
</select>
<select name="alternate" id="alternate" class="alternate">
<option value="" selected disabled>Alternate</option>
<option value="0">0</option>
<option value="1" disabled>1</option>
<option value="2" disabled>2</option>
<option value="3" disabled>3</option>
</select>
<select name="garment" id="garment" class="garment">
<option value="" selected="">Garment</option>
<?php echo $garmentsOpt; ?>
</select>
</div>
<img id="model-img" class="model-img male" src="<?php echo $imgBaseUrl.'body=M-0-0-0/hair=0-0-0/hats=0-0-0/equip=0-0-0/option=0/actdir=0-0-0' ?>">
<div class="model-attr text-inputs">
<div class="row">
<label>Dye</label>
<input type="number" max="694" min="0" class="attr dye" placeholder="Dye" value="0"></input>
</div>
<div class="row">
<label>Hair</label>
<input type="number" max="76" min="0" class="attr hair" placeholder="Hair" value="0"></input>
</div>
<div class="row">
<label>Hair Color</label>
<input type="number" max="263" min="0" class="attr hair-color" placeholder="Hair Color" value="0"></input>
</div>
<div class="row">
<select name="animation" id="animation" class="anim">
<option value="">Action</option>
<?php echo $animOptions; ?>
</select>
</div>
</div>
</div>
<div class="model-footer">
<span class="name"></span>
<span class="mob_id"></span>
</div>
<div class="model-nav">
<div class="model-nav">
<div class="nav">
<div class="nav">
<input id="hg-top" type="radio" name="hats_positions" value="0" checked>
<label for="hg-top">Top</label>
<input id="hg-mid" type="radio" name="hats_positions" value="1">
<label for="hg-mid">Mid</label>
<input id="hg-bot" type="radio" name="hats_positions" value="2">
<label for="hg-bot">Bottom</label>
</div>
</div>
<div class="nav" style="justify-content: center;">
<p class="next"><i class="fa fa-arrow-left"></i></p>
<p class="prev"><i class="fa fa-arrow-right"></i></p>
</div>
<div class="nav" style="display:block;">
<button id="resetImg">Reset</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</p>
</div>
</div>
</div>
</div>
Are you new to the game? Check out the '''[[Introduction to Ragnarok Online]]''' to get an idea of how the game works!
Are you new to the game? Check out the '''[[Introduction to Ragnarok Online]]''' to get an idea of how the game works!
