Код:
<!--HTML--> <style>
.okno1 { width: 632px; height: 230px; color: #ffffff; border: 1px solid #424142; background-image: linear-gradient(to right,#41254a , #204f4c);
-moz-background-image: -moz-linear-gradient(to right,#41254a , #204f4c);
-webkit-background-image: -webkit-linear-gradient(to right,#41254a , #204f4c); border-image-slice: 1;}
.text1 { padding-top: 20px; padding-bottom: 20px; background-color: #d2ccd1; color: #000000; text-align: center; margin-top: 50px; height: 130px; width: 632px; float: center; border-top: 5px solid #1f4644; font-family: Arial; text-transform: uppercase; font-size: 9px; }
</style>
<div class="okno1">
<div class="text1"><img src="http://forumstatic.ru/files/001a/b1/dc/27754.gif" style="border: 1px solid #1f4644;"/> <img src="http://forumstatic.ru/files/001a/b1/dc/38425.gif" style="border: 1px solid #1f4644;"/> <img src="http://forumstatic.ru/files/001a/b1/dc/13292.gif" style="border: 1px solid #1f4644;"/><br><br><br>
<b>п у т е в о д и т е л ь</b></div></div>
Код:
<!--HTML--> <style>
.okno {width: 630px; height: 473px; background-image: url("http://forumstatic.ru/files/001a/b1/dc/42450.png"); border: 2px solid #989597; display: blocked;}
.LAMB STREET, .WEST STREET, .HOPE STREET, .HOUDINI STREET, .HAZE STREET, .OLD STREET {width: width: 600px; height: 450px; display: blocked;}
.jiloe {font-size: 26px; color: #b3f3e1; display: blocked; text-shadow: 1px 1px 5px #000000; font-family: Yeseva One; width: 15px; position: absolute; }
.obschee {font-size: 26px; color:#ffffff; text-shadow: 2px 2px 2px #000000; font-family: Yeseva One; width: 15px; display: blocked; position: absolute;}
.zanyat {font-size: 26px; color: #d4add8; display: blocked; text-shadow: 1px 1px 5px #000000; font-family: Yeseva One; width: 15px; position: absolute; }
</style>
<div class="okno">
<div class="LAMB STREET"> <div class="obschee" title="lamb st. #1, отель «windrose hill», владелец Lennox Kessler" style="margin-top: 30px; margin-left: 45px;">1</div>
<div class="jiloe" title="lamb st. #2" style="margin-top: 110px; margin-left: 40px;">2</div>
<div class="jiloe" title="lamb st. #3" style="margin-top: 147px; margin-left: 40px;">3</div>
<div class="obschee" title="lamb st. #4, больница»" style="margin-top: 25px; margin-left: 134px;">4</div>
<div class="jiloe" title="lamb st. #5, кафе/магазин [1 этаж], жилая квартира [2 этаж]" style="margin-top: 150px; margin-left: 146px;">5</div>
<div class="jiloe" title="lamb st. #6" style="margin-top: 103px; margin-left: 180px;">6</div>
<div class="jiloe" title="lamb st. #7" style="margin-top: 53px; margin-left: 227px;">7</div>
<div class="zanyat" title="lamb st. #8, Erika Mason" style="margin-top: 107px; margin-left: 227px;">8</div>
<div class="jiloe" title="lamb st. #9" style="margin-top: 65px; margin-left: 267px;">9</div>
<div class="zanyat" title="lamb st. #10, eretrea stromhold & john doe" style="margin-top: 3px; margin-left: 272px;">10</div>
<div class="jiloe" title="lamb st. #11" style="margin-top: 30px; margin-left: 292px;">11</div>
<div class="jiloe" title="lamb st. #12" style="margin-top: 110px; margin-left: 298px;">12</div>
</div>
<div class="WEST STREET">
<div class="zanyat" title="west st. #1, Maxwell Stromhold" style="margin-top: 185px; margin-left: 40px;">1</div>
<div class="obschee" title="западный парк" style="margin-top: 210px; margin-left: 95px; ">0</div>
<div class="jiloe" title="west st. #2" style="margin-top: 253px; margin-left: 65px;">2</div>
<div class="jiloe" title="west st. #3" style="margin-top: 185px; margin-left: 150px;">3</div>
<div class="jiloe" title="west st. #4" style="margin-top: 160px; margin-left: 263px;">4</div>
<div class="jiloe" title="west st. #5, кафе/магазин [1 этаж], жилая квартира [2 этаж]" style="margin-top: 170px; margin-left: 307px;">5</div>
<div class="jiloe" title="west st. #6" style="margin-top: 205px; margin-left: 385px;">6</div>
<div class="jiloe" title="west st. #7" style="margin-top: 240px; margin-left: 365px;">7</div>
</div>
<div class="HOPE STREET">
<div class="obschee" title="hope st. #1, музей хейнс-джанкшена и библиотека" style="margin-top: 275px; margin-left: 20px; ">1</div>
<div class="jiloe" title="hope st. #2" style="margin-top: 385px; margin-left: 42px;">2</div>
<div class="obschee" title="hope st. #3, торговый центр и кинотеатр" style="margin-top: 270px; margin-left: 138px; ">3</div>
<div class="jiloe" title="hope st. #4" style="margin-top: 380px; margin-left: 76px;">4</div>
<div class="jiloe" title="hope st. #5" style="margin-top: 275px; margin-left: 200px;">5</div>
<div class="zanyat" title="hope st. #6, Gerard Batten" style="margin-top: 440px; margin-left: 15px;">6</div>
<div class="jiloe" title="hope st. #7" style="margin-top: 270px; margin-left: 223px;">7</div>
<div class="jiloe" title="hope st. #8" style="margin-top: 440px; margin-left: 104px;">8</div>
<div class="zanyat" title="hope st. #9, Сasey Dyson" style="margin-top: 260px; margin-left: 275px;">9</div>
<div class="zanyat" title="hope st. #10, Eva Wagner" style="margin-top: 330px; margin-left: 165px;">10</div>
<div class="zanyat" title="hope st. #11, Nathan Black" style="margin-top: 290px; margin-left: 312px;">11</div>
<div class="zanyat" title="hope st. #12, кафе/магазин [1 этаж], жилая квартира [2 этаж], Eliot Morningstar" style="margin-top: 360px; margin-left: 273px;">12</div>
<div class="zanyat" title="hope st. #13, чайная лавка [1 этаж], жилая квартира [2 этаж], Julian Davis & Tessa Davis & Claire Davis" style="margin-top: 360px; margin-left: 315px;">13</div>
<div class="jiloe" title="hope st. #14" style="margin-top: 300px; margin-left: 368px;">14</div></div>
<div class="HOUDINI STREET">
<div class="jiloe" title="houdini st. #1, бар «название» [1 этаж], жилая квартира [2 этаж]" style="margin-top: 380px; margin-left: 168px;">1</div>
<div class="zanyat" title="houdini st. #2, Cedric Norton" style="margin-top: 445px; margin-left: 184px;">2</div>
<div class="jiloe" title="houdini st. #3" style="margin-top: 370px; margin-left: 213px;">3</div>
<div class="jiloe" title="houdini st. #4" style="margin-top: 445px; margin-left: 262px;">4</div>
<div class="zanyat" title="houdini st. #5, Trini Gasparin" style="margin-top: 405px; margin-left: 305px;">5</div>
<div class="jiloe" title="houdini st. #6" style="margin-top: 445px; margin-left: 328px;">6</div>
<div class="jiloe" title="houdini st. #7" style="margin-top: 405px; margin-left: 387px;">7</div>
<div class="zanyat" title="houdini st. #8, Chloe March" style="margin-top: 445px; margin-left: 398px;">8</div>
<div class="jiloe" title="houdini st. #9" style="margin-top: 405px; margin-left: 416px;">9</div>
<div class="jiloe" title="houdini st. #10" style="margin-top: 445px; margin-left: 470px;">10</div>
<div class="jiloe" title="houdini st. #11, кофейня «название» [1 этаж], жилая квартира [2 этаж]" style="margin-top: 395px; margin-left: 462px;">11</div>
<div class="jiloe" title="houdini st. #12" style="margin-top: 340px; margin-left: 360px;">12</div>
<div class="jiloe" title="houdini st. #13" style="margin-top: 330px; margin-left: 390px;">13</div>
<div class="jiloe" title="houdini st. #14" style="margin-top: 320px; margin-left: 433px;">14</div></div>
<div class="HAZE STREET">
<div class="zanyat" title="haze st. #1, Tina Keller" style="margin-top: 5px; margin-left: 365px;">1</div>
<div class="jiloe" title="haze st. #2" style="margin-top: 77px; margin-left: 375px;">2</div>
<div class="jiloe" title="haze st. #3" style="margin-top: 20px; margin-left: 425px;">3</div>
<div class="zanyat" title="haze st. #4, Serge Lawrence" style="margin-top: 120px; margin-left: 398px;">4</div>
<div class="jiloe" title="haze st. #5" style="margin-top: 5px; margin-left: 479px;">5</div>
<div class="obschee" title="haze st. #6, школа" style="margin-top: 90px; margin-left: 449px;">6</div>
<div class="jiloe" title="haze st. #7" style="margin-top: 20px; margin-left: 536px;">7</div>
<div class="jiloe" title="haze st. #8" style="margin-top: 110px; margin-left: 529px;">8</div>
<div class="jiloe" title="haze st. #9, радиостанция [1 этаж], жилая квартира [2 этаж]" style="margin-top: 15px; margin-left: 580px;">9</div>
<div class="jiloe" title="haze st. #10, редакция газеты [1 этаж], жилая квартира [2 этаж]" style="margin-top: 100px; margin-left: 567px;">10</div>
<div class="jiloe" title="haze st. #11" style="margin-top: 70px; margin-left: 607px;">11</div>
<div class="obschee" title="сквер" style="margin-top: 45px; margin-left: 497px; ">0</div>
</div>
<div class="OLD STREET"></div>
<div class="jiloe" title="old st. #1" style="margin-top: 170px; margin-left: 419px;">1</div>
<div class="obschee" title="old st. #2, здание мэрии" style="margin-top: 200px; margin-left: 459px;">2</div>
<div class="jiloe" title="old st. #3" style="margin-top: 190px; margin-left: 503px;">3</div>
<div class="jiloe" title="old st. #4" style="margin-top: 267px; margin-left: 437px;">4</div>
<div class="jiloe" title="old st. #5" style="margin-top: 295px; margin-left: 468px;">5</div>
<div class="jiloe" title="old st. #6" style="margin-top: 330px; margin-left: 500px;">6</div>
<div class="obschee" title="old st. #7, полицейский участок" style="margin-top: 180px; margin-left: 580px;">7</div>
<div class="jiloe" title="old st. #8" style="margin-top: 233px; margin-left: 547px;">8</div>
<div class="jiloe" title="old st. #9" style="margin-top: 225px; margin-left: 607px;">9</div>
<div class="jiloe" title="old st. #10" style="margin-top: 260px; margin-left: 582px;">10</div>
<div class="obschee" title="old st. #11, церковь" style="margin-top: 330px; margin-left: 549px;">11</div>
<div class="zanyat" title="old st. #12, Ian Rider" style="margin-top: 350px; margin-left: 593px;">12</div>
<div class="zanyat" title="old st. #13, Noah Caulfield" style="margin-top: 430px; margin-left: 549px;">13</div>
<div class="jiloe" title="old st. #14" style="margin-top: 420px; margin-left: 600px;">14</div></div>полный размер карты
белые цифры — общественные места; голубые — жилые дома; сиреневые - занятые жилые дома.
при наведении на цифру вы можете увидеть жильцов и владельцев
список жилых домов
lamb street
lamb street, 10 - eretrea stromhold & john doe
lamb street, 8 - erika masonwest street
west street, 1 - maxwell stromhold
...hope street
hope street, 6 - gerard batten
old street, 9 - сasey dyson
hope street, 10 - eva wagner
hope street, 11 - nathan black
hope street, 12 [2 этаж] - eliot morningstar
hope street, 13 [2 этаж] - julian davis & tessa davis & claire davishoudini street
hoodini street, 2 - cedric norton
houdini street, 5 - trini gasparin
houdini street, 8 - chloe marchhaze street
haze street, 1 - tina keller
haze street, 4 - serge lawrenceold street
old street, 12 - ian rider
old street, 13 - noah caulfield
список нежилых домов
lamb street
lamb street, 1 - отель «windrose hill», владелец lennox kessler
lamb street, 4 - городская больницаwest street
west street, 00 - название заведения, имя владельца
...hope street
hope street, 1 - музей хейнс-джанкшена и библиотека
hope street, 3 - торговый центр и кинотеатр
hope street, 13 - чайная лавка, julian davis & claire davishoudini street
houdini street, 1 - бар «название», имя владельца
houdini street, 11 - кофейня «название», имя владельцаhaze street
haze street, 6 - школа
haze street, 9 [1 этаж] - радиостанция «название», имя владельца
haze street, 10 [1 этаж] - редакция газеты «название», имя владельцаold street
old street, 7 - полицейский участок
old street, 11 - церковь
...
...
...
