[html]
<style>
#containerFull {
width: 500px;
background: url(https://forumstatic.ru/files/001a/ae/99/18543.png) repeat scroll;
}
/* Fade in tabs */
@-webkit-keyframes fadeEffect {
from {opacity: 0;}
to {opacity: 1;}
}
@keyframes fadeEffect {
from {opacity: 0;}
to {opacity: 1;}
}
</style>
<script src="https://forumstatic.ru/files/001a/ae/99/40030.js"></script>
<center>
<div id="containerFull">
<div id="loc-container">
<div class="cathead"></div>
<img src="https://forumstatic.ru/files/001a/f6/9c/99808.png" class="loc-img">
<center><div class="locTab">
<button class="locTablinks" onclick="locSwitch(event, 'locationInfo')" id="defaultOpen">Локация</button>
<button class="locTablinks" onclick="locSwitch(event, 'locationEvents')">на местности</button>
</div></center>
<div id="locationInfo" class="locTabcontent">
<div class="loc-quote"> На стороне Сумрачного племени бережок озера становится тонким, к воде удобно спуститься. Место тихое и светлое, промозглое от влаги. Иногда сумрачные коты ловят у озера лягушек, но на болотах охота лучше и привычнее, поэтому у берега редко кого можно встретить. На крупные камни садятся белые чайки. Обзор позволяет разглядеть охотящихся вдали речных котов и, при желании, ехидно потрясти перед ними свежепойманной крысой.</div>
</div>
</center>
<div id="locationEvents" class="locTabcontent">
<center><div class="loc-quote">
<div id="bulka">
<center><a href="https://cwheart.ru/viewtopic.php?id=93#p202" class="tuda">▲<br>
овражек оруженосцев</a><br>
<span class="idinalevo"><a href="https://cwheart.ru/viewtopic.php?id=29#p136" class="tuda">◄ подлесье</a></span><span class="idinapravo"><a href="http://cwheart.ru/" class="tuda">собственно, озеро ►</a></span><br>
<a href="https://cwheart.ru/viewtopic.php?id=35#p142" class="tuda"> гремящая тропа (граница)
<br>▼</a><br></center>
</div>
</div>
</div></center>
</div>
<center><img src="https://forumstatic.ru/files/001a/f6/9c/60236.png" class="loc-end"></center>
</div>
</div>
[/html]