OptionBar.html

<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>
 <a class="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>