OptionBar.html
Ir a la navegación.
<section class="optionBar">
<a class="optionInBar"> <img alt="Quests" src="https://wiki.the-west.net/images/3/34/Dock_quests.png" decoding="async" width="52" height="52"> </a> <aclass="optionInBar">
</a> <a class="optionInBar"> <img alt="Quests" src="https://es1.the-west.es/images/window/shop/icons/tabs/equip.png?1699352772" decoding="async" width="52" height="52"> </a> <a class="optionInBar">
</a> <a class="optionInBar">
</a> <a class="optionInBar"> <img alt="Quests" src="https://westes.innogamescdn.com/images/items/yield/rodeo_trophy.png?5" decoding="async" width="52" height="52"> </a> <a class="optionInBar">
</a> <a class="optionInBar">
</a> <a class="optionInBar">
</a> <a class="optionInBar"> <img alt="Quests" src="https://es1.the-west.es/images/window/shop/icons/tabs/veteran.png?1699352772" decoding="async" width="52" height="52"> </a>
</section>
<style>
.optionBar{ height: 536px; width: 50px; position: fixed; top: 100px; background-image: url(/skins/MirageWest/images/headline-bgtile.png); box-shadow: inset 0px 0px 30px 2px #140a05; display: flex; padding: 5px; padding-top: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; flex-direction: column; } .optionInBar{ background: url(https://wiki.the-west.net/images/a/a2/Dock_buttons.png) no-repeat; width: 52px !important; height: 52px !important; } .optionInBar:hover{ background-position-x: -52px !important; }
</style>