[html]<svg width="889px" height="384px" class="myMap" id="map">
<polygon id="obl1" class="obl" points="6,250,56,250,83,223,139,223,166,250,222,250,249,278,305,278,331,305,304,333,332,361,388,361,403,377,6,377"></polygon>
<polygon id="obl2" class="obl" points="6,250,56,250,83,223,139,223,166,250,222,250,249,222,222,195,249,167,222,139,166,139,139,111,166,84,139,57,83,57,56,29,6,29"></polygon>
<polygon id="obl3" class="obl" points="222,250,249,222,222,195,249,167,222,139,166,139,139,111,166,84,222,84,249,57,305,57,331,84,304,111,331,140,388,140,414,167,387,195,414,222,387,251,414,278,387,306,414,333,470,333,497,360,480,377,403,377,388,361,332,361,304,333,331,305,305,278,249,278"></polygon>
<polygon id="obl4" class="obl" points="166,84,139,57,83,57,56,29,6,29,6,6,310,6,332,28,305,57,249,57,222,84"></polygon>
<polygon id="obl5" class="obl" points="305,57,331,84,304,111,331,140,388,140,388,139,415,111,388,84,415,56,470,56,498,29,476,6,310,6,332,28"></polygon>
<polygon id="obl6" class="obl" points="476,6,498,29,470,56,415,56,388,84,415,111,471,111,498,138,554,138,581,166,637,166,660,138,720,138,746,111,717,85,749,56,803,56,829,26,807,6"></polygon>
<polygon id="obl7" class="obl" points="498,138,554,138,581,166,637,166,660,138,720,138,746,111,717,85,749,56,803,56,829,26,807,6,882,6,882,250,828,250,805,222,746,222,720,250,664,250,637,278,587,278,554,249,498,249,471,222,498,195,471,167"></polygon>
<polygon id="obl8" class="obl" points="646,377,663,361,636,333,581,333,554,305,499,305,471,277,498,249,498,249,554,249,587,278,637,278,664,250,720,250,746,222,805,222,828,250,882,250,882,377"></polygon>
<polygon id="obl9" class="obl" points="498,249,471,222,498,195,471,167,498,138,471,111,415,111,388,140,414,167,387,195,414,222,387,251,414,278,387,306,414,333,470,333,497,360,480,377,646,377,663,361,636,333,581,333,554,305,499,305,471,277"></polygon>
<a class="tipsy-Map" original-title="4"><polygon class="t1" points="6,29,6,6,78,6,56,29"></polygon></a>
<a class="tipsy-Map" original-title="5"><polygon class="t1" points="6,84,6,29,57,29,84,56,57,84"></polygon></a>
<a class="tipsy-Map" original-title="Долина Кахран"><polygon class="t1" points="6,139,6,84,57,84,84,112,57,139"></polygon></a>
<a class="tipsy-Map" original-title="6"><polygon class="t1" points="6,195,6,139,57,139,84,167,57,195"></polygon></a>
<a class="tipsy-Map" original-title="7"><polygon class="t1" points="6,250,6,195,57,195,84,222,57,250"></polygon></a>
<a class="tipsy-Map" original-title="5"><polygon class="t1" points="6,305,6,250,57,250,84,278,57,305"></polygon></a>
<a class="tipsy-Map" original-title="6"><polygon class="t1" points="6,362,6,305,57,305,84,334,57,362"></polygon></a>
<a class="tipsy-Map" original-title="7"><polygon class="t1" points="6,377,6,362,57,362,71,377"></polygon></a>
<a class="tipsy-Map" original-title="3"><polygon class="t1" points="56,29,78,6,143,6,166,29,139,56,84,56"></polygon></a>
<a class="tipsy-Map" original-title="---"><polygon class="t1" points="84,56,139,56,167,84,139,112,84,112,57,84"></polygon></a>
<a class="tipsy-Map" original-title="---"><polygon class="t1" points="84,112,139,112,166,139,140,166,84,166,57,139"></polygon></a>
<a class="tipsy-Map" original-title="Клыки пустыни"><polygon class="t1" points="84,334,139,334,166,362,150,378,71,377,57,362"></polygon></a>
<a class="tipsy-Map" original-title="3"><polygon class="t1" points="83,278,138,278,165,306,137,334,84,334,56,306"></polygon></a>
<a class="tipsy-Map" original-title="4"><polygon class="t1" points="84,222,139,222,166,250,138,278,85,278,57,250"></polygon></a>
<a class="tipsy-Map" original-title="Малый настихан"><polygon class="t1" points="84,166,139,166,166,194,138,222,84,222,56,196"></polygon></a>
<a class="tipsy-Map" original-title="3"><polygon class="t1" points="84,112,139,112,166,139,140,166,84,166,57,139"></polygon></a>
<a class="tipsy-Map" original-title="4"><polygon class="t1" points="84,56,139,56,167,84,139,112,84,112,57,84"></polygon></a>
<a class="tipsy-Map" original-title="2"><polygon class="t1" points="163,6,230,6,244,7,222,29,167,29,144,6"></polygon></a>
<a class="tipsy-Map" original-title="Кати-кан"><polygon class="t1" points="166,29,223,29,249,56,223,83,166,83,140,55"></polygon></a>
<a class="tipsy-Map" original-title="Большой настихан"><polygon class="t1" points="169,82,222,83,250,111,224,139,167,139,140,111"></polygon></a>
<a class="tipsy-Map" original-title="2"><polygon class="t1" points="166,139,223,139,249,166,222,194,167,194,140,166"></polygon></a>
<a class="tipsy-Map" original-title="1"><polygon class="t1" points="167,194,223,194,249,221,222,249,167,249,139,222"></polygon></a>
<a class="tipsy-Map" original-title="1"><polygon class="t1" points="166,249,222,249,249,278,221,305,166,305,139,278"></polygon></a>
<a class="tipsy-Map" original-title="2"><polygon class="t1" points="165,305,221,305,248,334,221,361,167,362,139,333"></polygon></a>
<a class="tipsy-Map" original-title="Солнечный пик"><polygon class="t1" points="151,378,167,362,224,362,238,377"></polygon></a>
<a class="tipsy-Map" original-title="1"><polygon class="t1" points="242,7,308,7,330,30,303,57,248,57,220,29"></polygon></a>
<a class="tipsy-Map" original-title=""><polygon class="t1" points="249,57,304,57,332,85,304,113,249,113,221,84"></polygon></a>
<a class="tipsy-Map" original-title="---"><polygon class="t1" points="249,113,304,113,332,140,305,167,249,167,222,140"></polygon></a>
<a class="tipsy-Map" original-title="---"><polygon class="t1" points="249,167,304,167,331,195,303,223,249,223,221,195"></polygon></a>
<a class="tipsy-Map" original-title="---"><polygon class="t1" points="249,223,304,223,331,251,303,279,250,279,221,250"></polygon></a>
<a class="tipsy-Map" original-title="Скалы совета"><polygon class="t1" points="248,279,303,279,330,307,302,335,249,335,221,307"></polygon></a>
<a class="tipsy-Map" original-title="Костяной пик"><polygon class="t1" points="248,335,304,335,331,363,315,379,236,378,220,361"></polygon></a>
<a class="tipsy-Map" original-title="Пепельные поля"><polygon class="t1" points="327,7,394,7,408,8,386,30,331,30,308,7"></polygon></a>
<a class="tipsy-Map" original-title="---"><polygon class="t1" points="330,30,387,30,413,57,387,84,330,84,304,56"></polygon></a>
<a class="tipsy-Map" original-title="---"><polygon class="t1" points="333,83,386,84,414,112,388,140,331,140,304,112"></polygon></a>
<a class="tipsy-Map" original-title="---"><polygon class="t1" points="330,140,387,140,413,167,386,195,331,195,304,167"></polygon></a>
<a class="tipsy-Map" original-title="---"><polygon class="t1" points="331,195,387,195,413,222,386,250,331,250,303,223"></polygon></a>
<a class="tipsy-Map" original-title="---"><polygon class="t1" points="330,250,386,250,413,279,385,306,330,306,303,279"></polygon></a>
<a class="tipsy-Map" original-title="---"><polygon class="t1" points="329,306,385,306,412,335,385,362,331,363,303,334"></polygon></a>
<a class="tipsy-Map" original-title="Указующий пик"><polygon class="t1" points="315,379,331,363,388,363,402,378"></polygon></a>
<a class="tipsy-Map" original-title="---"><polygon class="t1" points="413,278,468,278,495,306,467,334,414,334,386,306"></polygon></a>
<a class="tipsy-Map" original-title="---"><polygon class="t1" points="413,334,469,334,496,362,480,378,401,377,385,360"></polygon></a>
<a class="tipsy-Map" original-title="---"><polygon class="t1" points="408,7,474,7,496,30,469,57,414,57,386,29"></polygon></a>
<a class="tipsy-Map" original-title="Северный дозорный лагерь"><polygon class="t1" points="415,57,470,57,498,85,470,113,415,113,387,84"></polygon></a>
<a class="tipsy-Map" original-title="---"><polygon class="t1" points="415,113,470,113,498,140,471,167,415,167,388,140"></polygon></a>
<a class="tipsy-Map" original-title="---"><polygon class="t1" points="414,167,469,167,496,195,468,223,414,223,386,195"></polygon></a>
<a class="tipsy-Map" original-title="---"><polygon class="t1" points="414,223,469,223,496,251,468,279,415,279,386,250"></polygon></a>
<a class="tipsy-Map" original-title="---"><polygon class="t1" points="492,6,559,6,573,7,551,29,496,29,473,6"></polygon></a>
<a class="tipsy-Map" original-title="Светлолесье"><polygon class="t1" points="495,29,552,29,578,56,552,83,495,83,469,55"></polygon></a>
<a class="tipsy-Map" original-title="---"><polygon class="t1" points="498,82,551,83,579,111,553,139,496,139,469,111"></polygon></a>
<a class="tipsy-Map" original-title="---"><polygon class="t1" points="495,139,552,139,578,166,551,194,496,194,469,166"></polygon></a>
<a class="tipsy-Map" original-title="---"><polygon class="t1" points="496,194,552,194,578,221,551,249,496,249,468,222"></polygon></a>
<a class="tipsy-Map" original-title="Южный дозорный лагерь"><polygon class="t1" points="495,249,551,249,578,278,550,305,495,305,468,278"></polygon></a>
<a class="tipsy-Map" original-title="---"><polygon class="t1" points="494,304,550,304,577,333,550,360,496,361,468,332"></polygon></a>
<a class="tipsy-Map" original-title="Пепельный лес"><polygon class="t1" points="480,377,496,361,553,361,567,376"></polygon></a>
<a class="tipsy-Map" original-title="---"><polygon class="t1" points="571,7,637,7,659,30,632,57,577,57,549,29"></polygon></a>
<a class="tipsy-Map" original-title="Сады"><polygon class="t1" points="578,57,633,57,661,85,633,113,578,113,550,84"></polygon></a>
<a class="tipsy-Map" original-title="---"><polygon class="t1" points="578,113,633,113,661,140,634,167,578,167,551,140"></polygon></a>
<a class="tipsy-Map" original-title="---"><polygon class="t1" points="578,167,633,167,660,195,632,223,578,223,550,195"></polygon></a>
<a class="tipsy-Map" original-title="---"><polygon class="t1" points="578,223,633,223,660,251,632,279,579,279,550,250"></polygon></a>
<a class="tipsy-Map" original-title="---"><polygon class="t1" points="577,278,632,278,659,306,631,334,578,334,550,306"></polygon></a>
<a class="tipsy-Map" original-title="Пыльная грива"><polygon class="t1" points="577,334,633,334,660,362,644,378,565,377,549,360"></polygon></a>
<a class="tipsy-Map" original-title="---"><polygon class="t1" points="656,7,723,7,737,8,715,30,660,30,637,7"></polygon></a>
<a class="tipsy-Map" original-title="Сандаи"><polygon class="t1" points="659,30,716,30,742,57,716,84,659,84,633,56"></polygon></a>
<a class="tipsy-Map" original-title="Поселение Имиджи"><polygon class="t1" points="662,83,715,84,743,112,717,140,660,140,633,112"></polygon></a>
<a class="tipsy-Map" original-title="---"><polygon class="t1" points="659,140,716,140,742,167,715,195,660,195,633,167"></polygon></a>
<a class="tipsy-Map" original-title="Тысяча троп"><polygon class="t1" points="660,195,716,195,742,222,715,250,660,250,632,223"></polygon></a>
<a class="tipsy-Map" original-title=""><polygon class="t1" points="659,250,715,250,742,279,714,306,659,306,632,279"></polygon></a>
<a class="tipsy-Map" original-title="---"><polygon class="t1" points="658,305,714,305,741,334,714,361,660,362,632,333"></polygon></a>
<a class="tipsy-Map" original-title="---"><polygon class="t1" points="644,378,660,362,717,362,731,377"></polygon></a>
<a class="tipsy-Map" original-title="---"><polygon class="t1" points="737,7,803,7,825,30,798,57,743,57,715,29"></polygon></a>
<a class="tipsy-Map" original-title="---"><polygon class="t1" points="743,57,798,57,823,84,798,113,743,113,715,84"></polygon></a>
<a class="tipsy-Map" original-title="---"><polygon class="t1" points="742,112,799,113,827,140,800,167,742,167,716,141"></polygon></a>
<a class="tipsy-Map" original-title="---"><polygon class="t1" points="743,166,798,166,825,194,797,222,743,222,715,194"></polygon></a>
<a class="tipsy-Map" original-title="Туманники"><polygon class="t1" points="743,222,798,222,825,250,797,278,741,278,715,249"></polygon></a>
<a class="tipsy-Map" original-title="Дом тишины"><polygon class="t1" points="742,277,797,277,824,305,796,333,740,333,715,305"></polygon></a>
<a class="tipsy-Map" original-title="---"><polygon class="t1" points="742,333,798,333,825,361,809,377,730,376,714,359"></polygon></a>
<a class="tipsy-Map" original-title="---"><polygon class="t1" points="803,7,882,6,881,30,824,30"></polygon></a>
<a class="tipsy-Map" original-title="---"><polygon class="t1" points="825,30,882,30,882,83,823,83,798,57"></polygon></a>
<a class="tipsy-Map" original-title="---"><polygon class="t1" points="825,83,882,83,882,138,825,138,797,112"></polygon></a>
<a class="tipsy-Map" original-title="---"><polygon class="t1" points="825,138,882,138,882,193,825,193,797,167"></polygon></a>
<a class="tipsy-Map" original-title="Яристый ручей"><polygon class="t1" points="825,192,882,192,882,247,824,247,797,221"></polygon></a>
<a class="tipsy-Map" original-title="---"><polygon class="t1" points="825,247,882,247,881,304,823,304,796,277"></polygon></a>
<a class="tipsy-Map" original-title="Серый странник"><polygon class="t1" points="825,304,882,304,881,360,824,360,796,334"></polygon></a>
<a class="tipsy-Map" original-title="---"><polygon class="t1" points="825,360,882,360,882,376,844,377,809,377"></polygon></a>
</svg>
<div id="navig">
<div style="width:19%!important; display:inline-block;"><div id="obl1naz" class="obl">Драконий хребет</div>
<div id="pokobl1">✔</div><div id="skrobl1" >✘</div></div>
<div style="width:19%!important; display:inline-block;"><div id="obl2naz" class="obl">Последний приют</div>
<div id="pokobl2">✔</div><div id="skrobl2" >✘</div></div>
<div style="width:19%!important; display:inline-block;"><div id="obl3naz" class="obl">Сторожевые пески</div>
<div id="pokobl3">✔</div><div id="skrobl3" >✘</div></div>
<div style="width:19%!important; display:inline-block;"><div id="obl5naz" class="obl">Зеленые дюны</div>
<div id="pokobl5">✔</div><div id="skrobl5" >✘</div></div>
<div style="width:19%!important; display:inline-block;"><div id="obl4naz" class="obl">Са́тты</div>
<div id="pokobl4">✔</div><div id="skrobl4" >✘</div></div>
<div style="width:20%!important; display:inline-block;margin-top: 7px;"><div id="obl6naz" class="obl">Мино́зу</div>
<div id="pokobl6">✔</div><div id="skrobl6" >✘</div></div>
<div style="width:20%!important; display:inline-block;"><div id="obl7naz" class="obl">Ручейки</div>
<div id="pokobl7">✔</div><div id="skrobl7" >✘</div></div>
<div style="width:20%!important; display:inline-block;"><div id="obl8naz" class="obl">Карно́рту</div>
<div id="pokobl8">✔</div><div id="skrobl8" >✘</div></div>
<div style="width:20%!important; display:inline-block;"><div id="obl9naz" class="obl">Пустоши</div>
<div id="pokobl9">✔</div><div id="skrobl9" >✘</div></div>
</div>
<br>
<div style="display:block;width: 840px;margin: 0px auto;padding: 10px;background-color: #ebd1b9;border: 1px solid #62351f;box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.9), 0px 0px 0px 1px #1C1110 inset, 0px 0px 20px 6px #73493a inset;">
<b>Как это работает:</b><br>
► Карта представляет собой набор крупных областей (регионов), разделенных на области.<br>
► При наведении на область (маленькая шестиугольная фигура) или при клике на ней (телефоны и пр.) высвечивается подсказка с её названием.<br>
Преодолеть одну область, пройдя насквозь, можно приблизительно за 10 дней. <br>
► Клик по кнопкам "показать"/"скрыть" под названием региона, соответственно, подсвечивает и обесцвечивает регион и само название.<br>
► Палатками на карте выделена область, где располагаются Скалы совета (место сбора хабитов в конце каждого сезона).<br>
Деревом - где располагается Поселение Имиджи (главное и крупнейшее поселение сильвов).
► О том, как охотиться в регионах можно прочитать <a href="/viewtopic.php?id=31">здесь</a>.<br><br>
Ниже указаны общие данные по регионам.</div>
<style>
svg {
max-height: 384px; /* для резинового изображения, которое изменяется согласно пропорциям, указанным в viewBox */
max-width: 889px;
background: url(https://forumstatic.ru/files/0013/b7/9f/37309.png);
background-size: 100%;
}
.t1 {
fill: rgba(0,0,0,0);
color:black;
background:none;
}
.t1:hover {
fill: rgba(255,255,255,0.3);
}
.t1on {
fill: pink;
stroke: red;
stroke-width: 2;
color:pink;
background:yellow;
}
.t2on {
fill: green;
stroke: blue;
stroke-width: 2;
color:green;
background:blue;
}
.obl { fill: rgba(0,0,0,0); /* фон */}
div.obl {font-weight:bold; text-shadow: 1px 1px black;}
#obl1naz {color:rgba(255, 0, 0, 0.57);}
#obl2naz {color:rgba(128, 99, 0, 0.4);}
#obl3naz {color:rgba(255, 180, 0, 0.4);}
#obl4naz {color:rgba(0, 75, 255, 0.4);}
#obl5naz {color:rgba(159, 0, 255, 0.4);}
#obl6naz {color:rgba(0, 219, 255, 0.4);}
#obl7naz {color:rgba(114, 255, 0, 0.4);}
#obl8naz {color: rgb(66, 60, 142);}
#obl9naz {color:rgba(255, 255, 255, 0.4);}
#pokobl1, #skrobl1, #pokobl2, #skrobl2, #pokobl3, #skrobl3, #pokobl4, #skrobl4, #pokobl5, #skrobl5, #pokobl6, #skrobl6, #pokobl7, #skrobl7, #pokobl8, #skrobl8, #pokobl9, #skrobl9{display: inline-block;
width: 30%;
margin: 2px;
background: #410D05;
box-shadow: 0 0 3px #000;
border: 1px solid #62351f;
border-top-color: #734a32;
color: #c8a47a;}
.oblon1 { fill: rgba(128, 0, 0, 0.4);
stroke: rgba(255, 0, 0, 0.57);
stroke-width: 2;
color:white!important;
background:rgba(255, 0, 0, 0.57);
font-weight:bold;}
.oblon2 { fill: rgba(128, 99, 0, 0.4);
stroke: rgba(255, 225, 0, 0.6);
stroke-width: 2;
color:white!important;
background:rgba(128, 99, 0, 0.4);
font-weight:bold;}
.oblon3 { fill:rgba(255, 180, 0, 0.4);
stroke: rgba(254, 179, 0, 0.88);
stroke-width: 2;
color:white!important;
background:rgba(255, 180, 0, 0.4);
font-weight:bold;}
.oblon4 { fill: rgba(159, 0, 255, 0.4);
stroke: rgba(86, 10, 101, 0.9);
stroke-width: 2;
color:white!important;
background:rgba(159, 0, 255, 0.4);
font-weight:bold;}
.oblon5 {fill: rgba(0, 75, 255, 0.4);
stroke: rgba(0, 18, 60, 0.9);
stroke-width: 2;
color:white!important;
background:rgba(0, 75, 255, 0.4);
font-weight:bold;}
.oblon6 {fill: rgba(0, 219, 255, 0.4);
stroke: rgba(47, 156, 170, 0.9);
stroke-width: 2;
color:white!important;
background:rgba(0, 219, 255, 0.4);
font-weight:bold;}
.oblon7 {fill: rgba(114, 255, 0, 0.4);
stroke: rgba(18, 60, 0, 0.9);
stroke-width: 2;
color:white!important;
background:rgba(114, 255, 0, 0.4);
font-weight:bold;}
.oblon8 {fill: rgba(42, 0, 255, 0.4);
stroke: rgba(0, 18, 60, 0.9);
stroke-width: 2;
color:white!important;
background:rgba(42, 0, 255, 0.4);
font-weight:bold;}
.oblon9 {fill: rgba(255, 255, 255, 0.4);
stroke: rgba(0, 0, 0, 0.9);
stroke-width: 2;
color:white!important;
background:rgba(255, 255, 255, 0.4);
font-weight:bold;}
.igrokon {fill:rgba(0, 128, 0, 0.8);
background:rgba(0, 128, 0, 0.8);
font-weight:bold;}
.t1 {fill: rgba(0,0,0,0);
color:black;
background:none;}
.topicpost .container .post-author {display:none;}
.topicpost .container .post-box {padding:0!important;}
.topicpost .container .post-body {width: 100%!important;
margin-left: 0px!important;
background:none!important;
border:none!important;
box-shadow:none!important}
.topicpost .Sh-Hi, .topicpost .pl-email{display:none!important;}
.topicpost .post-rating {padding-right: 10px;}
div#navig {cursor: pointer;
text-align: center;
width: 840px;
margin: 0px auto;
padding: 10px;
background-color: #0c0502;
border: 1px solid #62351f;
box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.9), 0px 0px 0px 1px #1C1110 inset, 0px 0px 20px 6px #100b0a inset;}
</style>
[/html]