View source for User:Samu698/Sandbox/Template Pelican Town Map

<includeonly>
<div id="infoboxborder" style="width: 598px;">
<p style="margin: 0; position: relative">
[[File:Pelican Town.png|600px|link=]]
[[Harvey's Clinic|<span class="imgLink" style="position:absolute;background:rgba(255, 0, 0, 50%);top:42.18%;left:27.00%;width:4.62%;height:9.88%"></span>]]
[[Pierre's General Store|<span class="imgLink" style="position:absolute;background:rgba(255, 0, 0, 50%);top:42.45%;left:31.66%;width:8.51%;height:10.27%"></span>]]
[[Community Center|<span class="imgLink" style="position:absolute;background:rgba(255, 0, 0, 50%);top:9.00%;left:38.27%;width:11.73%;height:13.73%"></span>]]
[[Museum|<span class="imgLink" style="position:absolute;background:rgba(255, 0, 0, 50%);top:74.34%;left:81.92%;width:8.35%;height:8.65%"></span>]]
[[Blacksmith|<span class="imgLink" style="position:absolute;background:rgba(255, 0, 0, 50%);top:66.61%;left:74.63%;width:12.21%;height:7.61%"></span>]]
[[JojaMart|<span class="imgLink" style="position:absolute;background:rgba(255, 0, 0, 50%);top:38.25%;left:68.92%;width:23.95%;height:11.19%"></span>]]
[[The Stardrop Saloon|<span class="imgLink" style="position:absolute;background:rgba(255, 0, 0, 50%);top:56.63%;left:32.45%;width:7.77%;height:9.17%"></span>]]
[[1 River Road|<span class="imgLink" style="position:absolute;background:rgba(255, 0, 0, 50%);top:48.96%;left:44.40%;width:8.35%;height:9.63%"></span>]]
[[Trailer|<span class="imgLink" style="position:absolute;background:rgba(255, 0, 0, 50%);top:58.59%;left:56.82%;width:8.03%;height:5.13%"></span>]]
[[Mayor's Manor|<span class="imgLink" style="position:absolute;background:rgba(255, 0, 0, 50%);top:67.42%;left:45.98%;width:11.63%;height:12.63%"></span>]]
[[1 Willow Lane|<span class="imgLink" style="position:absolute;background:rgba(255, 0, 0, 50%);top:68.40%;left:4.49%;width:10.15%;height:12.11%"></span>]]
[[2 Willow Lane|<span class="imgLink" style="position:absolute;background:rgba(255, 0, 0, 50%);top:72.38%;left:14.90%;width:8.83%;height:9.63%"></span>]]
[[The Sewers|<span class="imgLink" style="position:absolute;background:rgba(255, 0, 0, 50%);top:83.74%;left:25.11%;width:8.03%;height:6.98%"></span>]]
[[Graveyard|<span class="imgLink" style="position:absolute;background:rgba(255, 0, 0, 50%);top:75.55%;left:33.35%;width:11.47%;height:8.19%"></span>]]
[[Ice Cream Stand|<span class="imgLink" style="position:absolute;background:rgba(255, 0, 0, 50%);top:80.85%;left:70.88%;width:4.28%;height:3.75%"></span>]]
[[Dog Pen|<span class="imgLink" style="position:absolute;background:rgba(255, 0, 0, 50%);top:59.05%;left:42.55%;width:4.02%;height:5.42%"></span>]]

</p>
</div>
</includeonly>
<noinclude>
== Pelican Town map with clickable links ==
{{User:Samu698/Sandbox/Template_Pelican_Town_Map}}
Css required:
<pre>.imgLink { position: absolute; }
.imgLink:hover { border: solid 3px #0645ad; }
</pre>

Now the template shows red boxes where the image can be clicked, when the template will be finalized the boxes will be removed and a border will appear when hovering a link.
</noinclude>