Drag overview 2024

by Kofod

HTML

<!-- Image Map Generated by http://www.image-map.net/ -->
<img class="drag" src="https://i.imgur.com/A99IuN0.png" usemap="#image-map">
<a href="https://i.imgur.com/uhtZ3eI.png" target="_blank">
    
</a>

<a href="https://i.imgur.com/uhtZ3eI.png" target="_blank">
    <img class="click" src="https://i.imgur.com/v7Zahfg.png">
</a>

<map name="image-map">
    <area target="_blank" alt="rnd1" title="rnd1" href="https://en.virtualpopstar.com/social/forum?category=11&topic=362875" coords="354,93,609,131" shape="rect">
    <area target="_blank" alt="rnd2" title="rnd2" href="https://en.virtualpopstar.com/social/forum?category=11&topic=362940" coords="353,140,613,178" shape="rect">
    <area target="_blank" alt="rnd3" title="rnd3" href="https://en.virtualpopstar.com/social/forum?category=11&topic=363022" coords="353,188,612,226" shape="rect">
    <area target="_blank" alt="rnd4" title="rnd4" href="https://en.virtualpopstar.com/social?category=11&topic=363076" coords="353,235,612,274" shape="rect">
    <area target="_blank" alt="rnd5" title="rnd5" href="https://en.virtualpopstar.com/social/forum?category=11&topic=362985" coords="355,281,613,319" shape="rect">
    <area target="_blank" alt="rnd6" title="rnd6" href="https://en.virtualpopstar.com/social/forum?category=11&topic=363201" coords="353,325,610,367" shape="rect">
    <area target="_blank" alt="rnd7" title="rnd7" href="https://en.virtualpopstar.com/social/forum?category=11&topic=363202&p=0" coords="354,374,609,413" shape="rect">
    <area target="_blank" alt="rnd8" title="rnd8" href="https://en.virtualpopstar.com/social/forum?category=11&topic=363294&p=0" coords="351,421,608,460" shape="rect">
</map>

CSS

.drag{
  position: absolute;
  width: 960px;
  
}

.gif{
  position: absolute;
  width: 100px;
  top: 410px;
  left: 847px;
}

.click{
  position: absolute;
  width: 30px;
  top: 475px;
  left: 850px;
}