Рисуем карту метро Москвы с активными ссылками с помощью CSS

Обновлено: 11 сентября, 2021

Для отображения карты Москвы с активными ссылками, необходимо вставить следующий код (картинка самой карты отображается немного криво, нужно перерисовать более актуальную):



<style type="text/css">
#metro_map a:hover{
 cursor: pointer;
 color: rgb(0, 0, 0);
 text-decoration: underline;
}
#green a{color: #009b5a;}
#gray a{color: #848484;}
#orange a{color: #D79412;}
#red a{color: #f12d23;}
#viol a{color: #b43098;}
#greenyellow a{color: #849D10;}
#darkblue a{color: #0055a3;}
#blue a{color: #0091BE;}
#yellow a{color: #D49D00;}
#bir a{color: #0796c1;}
#ring a{color: #80643a;}

  </style>


<div id="metro_map" style="width: 610px; height: 840px;">
<div style="position: absolute; z-index: 0;"><img src="/examples/html/moscow-map.jpg" alt="Рисуем карту метро Москвы с активными ссылками с помощью CSS" style="margin-top: 4px;"></div>
<div style="z-index: 99; font-family: arial;">
<div id="green"><a href="/" style="margin: 92px 10px 10px 89px; position: absolute; font-size: 9px;">Речной вокзал</a><a href="/" style="margin: 111px 10px 10px 83px; position: absolute; font-size: 9px;">Водный стадион</a><a href="/" style="margin: 131px 10px 10px 170px; position: absolute; font-size: 9px;">Войковская</a><a href="/" style="margin: 149px 10px 10px 169px; position: absolute; font-size: 9px;">Сокол</a><a href="/" style="margin: 167px 10px 10px 186px; position: absolute; font-size: 9px;">Аэропорт</a><a href="/" style="margin: 179px 10px 10px 199px; position: absolute; font-size: 9px;">Динамо</a><a href="/" style="margin: 238px 10px 10px 258px; position: absolute; font-size: 9px;">Маяковская</a><a href="/" style="margin: 273px 10px 10px 297px; position: absolute; font-size: 9px;">Тверская</a><a href="/" style="margin: 317px 10px 10px 342px; position: absolute; font-size: 9px;">Театральная</a><a href="/" style="margin: 423px 10px 10px 344px; position: absolute; font-size: 9px;">Новокузнецкая</a><a href="/" style="margin: 507px 10px 10px 416px; position: absolute; font-size: 9px;">Автозаводская</a><a href="/" style="margin: 550px 10px 10px 416px; position: absolute; font-size: 9px;">Коломенская</a><a href="/" style="margin: 570px 10px 10px 416px; position: absolute; font-size: 9px;">Каширская</a><a href="/" style="margin: 590px 10px 10px 417px; position: absolute; font-size: 9px;">Кантемировская</a><a href="/" style="margin: 607px 10px 10px 368px; position: absolute; font-size: 9px;">Царицыно</a><a href="/" style="margin: 621px 10px 10px 390px; position: absolute; font-size: 9px;">Орехово</a><a href="/" style="margin: 636px 10px 10px 374px; position: absolute; font-size: 9px;">Домодедовская</a><a href="/" style="margin: 653px 10px 10px 374px; position: absolute; font-size: 9px;">Красногвардейская</a><a href="/" style="margin: 671px 10px 10px 395px; position: absolute; font-size: 9px;">Алма-Атинская</a></div>
<div id="gray"><a href="/" style="margin: 9px 10px 10px 212px; position: absolute; font-size: 9px;">Алтуфьево</a><a href="/" style="margin: 27px 10px 10px 231px; position: absolute; font-size: 9px;">Бибирево</a><a href="/" style="margin: 42px 10px 10px 232px; position: absolute; font-size: 9px;">Отрадное</a><a href="/" style="margin: 61px 10px 10px 228px; position: absolute; font-size: 9px;">Владыкино</a><a href="/" style="margin: 75px 10px 10px 152px; position: absolute; font-size: 9px;">Петровско-Разумовская</a><a href="/" style="margin: 99px 10px 10px 194px; position: absolute; font-size: 9px;">Тимирязевская</a><a href="/" style="margin: 119px 10px 10px 201px; position: absolute; font-size: 9px;">Дмитровская</a><a href="/" style="margin: 142px 10px 10px 200px; position: absolute; font-size: 9px;">Савеловская</a><a href="/" style="margin: 158px 10px 10px 193px; position: absolute; font-size: 9px;">Менделеевская</a><a href="/" style="margin: 219px 10px 10px 237px; position: absolute; font-size: 9px;">Цветной бульвар</a><a href="/" style="margin: 261px 10px 10px 292px; position: absolute; font-size: 9px;">Чеховская</a><a href="/" style="margin: 362px 10px 10px 232px; position: absolute; font-size: 9px;">Боровицкая</a><a href="/" style="margin: 405px 10px 10px 244px; position: absolute; font-size: 9px;">Полянка</a><a href="/" style="margin: 476px 10px 10px 266px; position: absolute; font-size: 9px;">Серпуховская</a><a href="/" style="margin: 498px 10px 10px 292px; position: absolute; font-size: 9px;">Тульская</a><a href="/" style="margin: 518px 10px 10px 278px; position: absolute; font-size: 9px;">Нагатинская</a><a href="/" style="margin: 538px 10px 10px 274px; position: absolute; font-size: 9px;">Нагорная</a><a href="/" style="margin: 553px 10px 10px 233px; position: absolute; font-size: 9px;">Нахимовский пр-т</a><a href="/" style="margin: 569px 10px 10px 233px; position: absolute; font-size: 9px;">Севастопольская</a><a href="/" style="margin: 585px 10px 10px 252px; position: absolute; font-size: 9px;">Чертановская</a><a href="/" style="margin: 601px 10px 10px 299px; position: absolute; font-size: 9px;">Южная</a><a href="/" style="margin: 617px 10px 10px 286px; position: absolute; font-size: 9px;">Пражская</a><a href="/" style="margin: 633px 10px 10px 237px; position: absolute; font-size: 9px;">Ул.Академика Янгеля</a><a href="/" style="margin: 650px 10px 10px 296px; position: absolute; font-size: 9px;">Аннино</a><a href="/" style="margin: 678px 10px 10px 322px; position: absolute; font-size: 9px;line-height: 10px;">Бульвар<br>
Дмитрия Донского</a><a href="/" style="margin: 678px 10px 10px 187px; position: absolute; font-size: 9px;">Ул.Старокачаловская</a><a href="/" style="margin: 697px 10px 10px 207px; position: absolute; font-size: 9px;">Ул.Скобелевская</a><a href="/" style="margin: 713px 10px 10px 160px; position: absolute; font-size: 9px;">Бульвар адмирала Ушакова</a><a href="/" style="margin: 731px 10px 10px 223px; position: absolute; font-size: 9px;">Ул.Горчакова</a><a href="/" style="margin: 731px 10px 10px 320px; position: absolute; font-size: 9px;">Бунинская аллея</a></div>
<div id="orange"><a href="/" style="margin: 32px 10px 10px 439px; position: absolute; font-size: 9px;">Медведково</a><a href="/" style="margin: 54px 10px 10px 439px; position: absolute; font-size: 9px;">Бабушкинская</a><a href="/" style="margin: 71px 10px 10px 425px; position: absolute; font-size: 9px;">Свиблово</a><a href="/" style="margin: 86px 10px 10px 410px; position: absolute; font-size: 9px;">Ботанический сад</a><a href="/" style="margin: 108px 10px 10px 410px; position: absolute; font-size: 9px;">ВДНХ</a><a href="/" style="margin: 129px 10px 10px 410px; position: absolute; font-size: 9px;">Алексеевская</a><a href="/" style="margin: 151px 10px 10px 410px; position: absolute; font-size: 9px;">Рижская</a><a href="/" style="margin: 205px 10px 10px 319px; position: absolute; font-size: 9px;">Сухаревская</a><a href="/" style="margin: 259px 0px 10px 398px; position: absolute; font-size: 9px;">Тургеневская</a><a href="/" style="margin: 362px 10px 10px 376px; position: absolute; font-size: 9px;">Китай- Город</a><a href="/" style="margin: 392px 10px 10px 348px; position: absolute; font-size: 9px;">Третьяковская</a><a href="/" style="margin: 485px 10px 10px 209px; position: absolute; font-size: 9px;">Шаболовская</a><a href="/" style="margin: 499px 10px 10px 190px; position: absolute; font-size: 9px;">Ленинский пр-т</a><a href="/" style="margin: 513px 10px 10px 175px; position: absolute; font-size: 9px;">Академическая</a><a href="/" style="margin: 525px 10px 10px 168px; position: absolute; font-size: 9px;">Профсоюзная</a><a href="/" style="margin: 539px 10px 10px 137px; position: absolute; font-size: 9px;">Новые черемушки</a><a href="/" style="margin: 552px 10px 10px 156px; position: absolute; font-size: 9px;">Калужская</a><a href="/" style="margin: 566px 10px 10px 153px; position: absolute; font-size: 9px;">Беляево</a><a href="/" style="margin: 582px 10px 10px 149px; position: absolute; font-size: 9px;">Коньково</a><a href="/" style="margin: 598px 10px 10px 136px; position: absolute; font-size: 9px;">Теплый Cтан</a><a href="/" style="margin: 612px 10px 10px 162px; position: absolute; font-size: 9px;">Ясенево</a><a href="/" style="margin: 626px 10px 10px 138px; position: absolute; font-size: 9px;">Новоясеневская</a></div>
<div id="red"><a href="/" style="margin: 105px 10px 10px 528px; position: absolute; font-size: 9px;">Ул.Подбельского</a><a href="/" style="margin: 130px 10px 10px 527px; position: absolute; font-size: 9px;">Черкизовская</a><a href="/" style="margin: 147px 10px 10px 511px; position: absolute; font-size: 9px;">Преображенская пл.</a><a href="/" style="margin: 163px 10px 10px 499px; position: absolute; font-size: 9px;">Сокольники</a><a href="/" style="margin: 179px 10px 10px 480px; position: absolute; font-size: 9px;">Красносельская</a><a href="/" style="margin: 234px 10px 10px 411px; position: absolute; font-size: 9px;">Красные ворота</a><a href="/" style="margin: 246px 10px 10px 398px; position: absolute; font-size: 9px;">Чистые пруды</a><a href="/" style="margin: 279px 10px 10px 360px; position: absolute; font-size: 9px;">Лубянка</a><a href="/" style="margin: 294px 10px 10px 293px; position: absolute; font-size: 9px;">Охотный ряд</a><a href="/" style="margin: 354px 10px 10px 298px; position: absolute; font-size: 9px;line-height: 10px;">Библиотека<br>
им.Ленина</a><a href="/" style="margin: 384px 10px 10px 254px; position: absolute; font-size: 9px;">Кропоткинская</a><a href="/" style="margin: 418px 10px 10px 226px; position: absolute; font-size: 9px;">Парк Культуры</a><a href="/" style="margin: 453px 10px 10px 149px; position: absolute; font-size: 9px;">Фрунзенская</a><a href="/" style="margin: 471px 10px 10px 133px; position: absolute; font-size: 9px;">Спортивная</a><a href="/" style="margin: 499px 10px 10px 90px; position: absolute; font-size: 9px;">Воробьевы горы</a><a href="/" style="margin: 515px 10px 10px 86px; position: absolute; font-size: 9px;">Университет</a><a href="/" style="margin: 534px 10px 10px 46px; position: absolute; font-size: 9px;">Пр-т Вернадского</a><a href="/" style="margin: 559px 10px 10px 63px; position: absolute; font-size: 9px;">Юго-западная</a></div>
<div id="viol"><a href="/" style="margin: 131px 10px 10px 62px; position: absolute; font-size: 9px;">Планерная</a><a href="/" style="margin: 155px 10px 10px 52px; position: absolute; font-size: 9px;">Сходненская</a><a href="/" style="margin: 182px 10px 10px 63px; position: absolute; font-size: 9px;">Тушинская</a><a href="/" style="margin: 203px 10px 10px 127px; position: absolute; font-size: 9px;">Щукинская</a><a href="/" style="margin: 222px 10px 10px 128px; position: absolute; font-size: 9px;">Октябрьское поле</a><a href="/" style="margin: 236px 10px 10px 141px; position: absolute; font-size: 9px;">Полежаевская</a><a href="/" style="margin: 253px 10px 10px 102px; position: absolute; font-size: 9px;">Беговая</a><a href="/" style="margin: 267px 10px 10px 97px; position: absolute; font-size: 9px;">Ул.1905 года</a><a href="/" style="margin: 293px 10px 10px 203px; position: absolute; font-size: 9px;">Баррикадная</a><a href="/" style="margin: 267px 10px 10px 212px; position: absolute; font-size: 9px;">Пушкинская</a><a href="/" style="margin: 294px 10px 10px 373px; position: absolute; font-size: 9px;">Кузнецкий мост</a><a href="/" style="margin: 428px 10px 10px 505px; position: absolute; font-size: 9px;">Пролетарская</a><a href="/" style="margin: 452px 10px 10px 528px; position: absolute; font-size: 9px;">Волгоградский пр-т</a><a href="/" style="margin: 466px 10px 10px 543px; position: absolute; font-size: 9px;">Текстильщики</a><a href="/" style="margin: 484px 10px 10px 561px; position: absolute; font-size: 9px;">Кузьминки</a><a href="/" style="margin: 498px 10px 10px 576px; position: absolute; font-size: 9px;">Рязанский пр-т</a><a href="/" style="margin: 512px 10px 10px 589px; position: absolute; font-size: 9px;">Выхино</a><a href="/" style="margin: 522px 10px 10px 620px; position: absolute; font-size: 9px;">Жулебино</a><a href="/" style="margin: 546px 10px 10px 586px; position: absolute; font-size: 9px;line-height: 10px;">Лермонтовский<br>
проспект</a></div>
<div id="greenyellow"><a href="/" style="margin: 128px 10px 10px 273px; position: absolute; font-size: 9px;">Марьина Роща</a><a href="/" style="margin: 153px 10px 10px 280px; position: absolute; font-size: 9px;">Достоевская</a><a href="/" style="margin: 219px 10px 10px 356px; position: absolute; font-size: 9px;">Трубная</a><a href="/" style="margin: 249px 10px 10px 269px; position: absolute; font-size: 9px;">Сретенский бульвар</a><a href="/" style="margin: 350px 10px 10px 485px; position: absolute; font-size: 9px;">Чкаловская</a><a href="/" style="margin: 376px 10px 10px 500px; position: absolute; font-size: 9px;">Римская</a><a href="/" style="margin: 440px 10px 10px 388px; position: absolute; font-size: 9px;">Крестьянская застава</a><a href="/" style="margin: 477px 10px 10px 441px; position: absolute; font-size: 9px;">Дубровка</a><a href="/" style="margin: 499px 10px 10px 427px; position: absolute; font-size: 9px;">Кожуховская</a><a href="/" style="margin: 519px 10px 10px 523px; position: absolute; font-size: 9px;">Печатники</a><a href="/" style="margin: 539px 10px 10px 541px; position: absolute; font-size: 9px;">Волжская</a><a href="/" style="margin: 554px 10px 10px 541px; position: absolute; font-size: 9px;">Люблино</a><a href="/" style="margin: 569px 10px 10px 541px; position: absolute; font-size: 9px;">Братиславская</a><a href="/" style="margin: 584px 10px 10px 541px; position: absolute; font-size: 9px;">Марьино</a><a href="/" style="margin: 601px 10px 10px 541px; position: absolute; font-size: 9px;">Борисово</a><a href="/" style="margin: 633px 10px 10px 513px; position: absolute; font-size: 9px;">Шипиловская</a><a href="/" style="margin: 651px 10px 10px 497px; position: absolute; font-size: 9px;">Зябликово</a></div>
<div id="darkblue"><a href="/" style="margin: 82px 10px 10px 32px; position: absolute; font-size: 9px;">Пятницкое шоссе</a><a href="/" style="margin: 112px 10px 10px 33px; position: absolute; font-size: 9px;">Митино</a><a href="/" style="margin: 141px 10px 10px 33px; position: absolute; font-size: 9px;">Волоколамская</a><a href="/" style="margin: 171px 10px 10px 33px; position: absolute; font-size: 9px;">Мякитино</a><a href="/" style="margin: 202px 10px 10px 32px; position: absolute; font-size: 9px;">Строгино</a><a href="/" style="margin: 262px 10px 10px 31px; position: absolute; font-size: 9px;">Крылатское</a><a href="/" style="margin: 279px 10px 10px 33px; position: absolute; font-size: 9px;">Молодежная</a><a href="/" style="margin: 295px 10px 10px 34px; position: absolute; font-size: 9px;">Кунцевская</a><a href="/" style="margin: 358px 10px 10px 2px; position: absolute; font-size: 9px;line-height: 10px;">Славянский<br>
бульвар</a><a href="/" style="margin: 383px 10px 10px 27px; position: absolute; font-size: 9px;">Парк Победы</a><a href="/" style="margin: 337px 10px 10px 169px; position: absolute; font-size: 9px;">Смоленская</a><a href="/" style="margin: 349px 10px 10px 225px; position: absolute; font-size: 9px;">Арбатская</a><a href="/" style="margin: 327px 10px 10px 353px; position: absolute; font-size: 9px;">Площадь Революции</a><a href="/" style="margin: 314px 10px 10px 514px; position: absolute; font-size: 9px;">Бауманская</a><a href="/" style="margin: 299px 10px 10px 530px; position: absolute; font-size: 9px;">Электрозаводская</a><a href="/" style="margin: 283px 10px 10px 544px; position: absolute; font-size: 9px;">Семеновская</a><a href="/" style="margin: 258px 10px 10px 544px; position: absolute; font-size: 9px;">Партизанская</a><a href="/" style="margin: 236px 10px 10px 544px; position: absolute; font-size: 9px;">Измайловская</a><a href="/" style="margin: 216px 10px 10px 544px; position: absolute; font-size: 9px;">Первомайская</a><a href="/" style="margin: 195px 10px 10px 544px; position: absolute; font-size: 9px;">Щелковская</a></div>
<div id="blue"><a href="/" style="margin: 326px 10px 10px 67px; position: absolute; font-size: 9px;">Пионерская</a><a href="/" style="margin: 339px 10px 10px 80px; position: absolute; font-size: 9px;">Филевский парк</a><a href="/" style="margin: 352px 10px 10px 92px; position: absolute; font-size: 9px;">Багратионовская</a><a href="/" style="margin: 364px 10px 10px 107px; position: absolute; font-size: 9px;">Фили</a><a href="/" style="margin: 378px 10px 10px 118px; position: absolute; font-size: 9px;">Кутузовская</a><a href="/" style="margin: 406px 10px 10px 146px; position: absolute; font-size: 9px;">Студенческая</a><a href="/" style="margin: 302px 10px 10px 143px; position: absolute; font-size: 9px;">Международная</a><a href="/" style="margin: 324px 10px 10px 145px; position: absolute; font-size: 9px;">Выставочная</a><a href="/" style="margin: 313px 10px 10px 169px; position: absolute; font-size: 9px;">Смоленская</a><a href="/" style="margin: 313px 10px 10px 228px; position: absolute; font-size: 9px;">Арбатская</a><a href="/" style="margin: 302px 10px 10px 216px; position: absolute; font-size: 9px;">Александровский сад</a></div>
<div id="yellow"><a href="/" style="margin: 327px 10px 10px 603px; position: absolute; font-size: 9px;">Новокосино</a><a href="/" style="margin: 345px 10px 10px 587px; position: absolute; font-size: 9px;">Новогиреево</a><a href="/" style="margin: 361px 10px 10px 572px; position: absolute; font-size: 9px;">Перово</a><a href="/" style="margin: 376px 10px 10px 556px; position: absolute; font-size: 9px;">Шоссе Энтузиастов</a><a href="/" style="margin: 392px 10px 10px 540px; position: absolute; font-size: 9px;">Авиамоторная</a><a href="/" style="margin: 415px 10px 10px 504px; position: absolute; font-size: 9px;">Площадь Ильича</a><a href="/" style="margin: 423px 10px 10px 426px; position: absolute; font-size: 9px;">Марксистская</a></div>
<div id="bir"><a href="/" style="margin: 537px 10px 10px 328px; position: absolute; font-size: 9px; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg);">Каховская</a><a href="/" style="margin: 535px 10px 10px 340px; position: absolute; font-size: 9px; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg);">Варшавская</a><a href="/" style="margin: 537px 10px 10px 366px; position: absolute; font-size: 9px; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg);">Каширская</a><a href="/" style="margin: 57px 10px 10px 261px; position: absolute; font-size: 9px; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg);">Тимирязевская</a><a href="/" style="margin: 55px 10px 10px 272px; position: absolute; font-size: 9px; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg);">Ул. Милашенкова</a><a href="/" style="margin: 69px 10px 10px 301px; position: absolute; font-size: 9px; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg);">Телецентр</a><a href="/" style="margin: 40px 10px 10px 292px; position: absolute; font-size: 9px; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg);">Ул.академика Королева</a><a href="/" style="margin: 47px 10px 10px 324px; position: absolute; font-size: 9px; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg);">Выставочный центр</a><a href="/" style="margin: 40px 10px 10px 336px; position: absolute; font-size: 9px; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg);">Ул.Сергея Эйзенштейна</a></div>
<div id="ring"><a href="/" style="margin: 318px 10px 10px 454px; position: absolute; font-size: 9px;">Курская</a><a href="/" style="margin: 379px 10px 10px 200px; position: absolute; font-size: 9px;">Киевская</a><a href="/" style="margin: 383px 10px 10px 400px; position: absolute; font-size: 9px;">Таганская</a><a href="/" style="margin: 224px 10px 10px 426px; position: absolute; font-size: 9px;">Комсомольская</a><a href="/" style="margin: 440px 10px 10px 223px; position: absolute; font-size: 9px;">Октябрьская</a><a href="/" style="margin: 191px 10px 10px 401px; position: absolute; font-size: 9px;line-height: 10px;">Проспект<br>
Мира</a><a href="/" style="margin: 453px 10px 10px 382px; position: absolute; font-size: 9px;">Павелецкая</a><a href="/" style="margin: 207px 10px 10px 231px; position: absolute; font-size: 9px;">Белорусская</a><a href="/" style="margin: 288px 10px 10px 86px; position: absolute; font-size: 9px;">Краснопресненская</a><a href="/" style="margin: 188px 10px 10px 272px; position: absolute; font-size: 9px;">Новослободская</a><a href="/" style="margin: 445px 10px 10px 301px; position: absolute; font-size: 9px;">Добрынинская</a></div>
</div>
</div>

Пример актуального отображения подобной карты:

Карта метро Москвы с активными ссылками

Рейтинг автора
Автор статьи
Юрий
SEO-аналитик, программист (PHP, Ajax, Delphi, MySQL).
Написано статей
245
7 оценок, среднее: 4,86 из 57 оценок, среднее: 4,86 из 57 оценок, среднее: 4,86 из 57 оценок, среднее: 4,86 из 57 оценок, среднее: 4,86 из 5 (7 оценок, среднее: 4,86 из 5)
Для того чтобы оценить запись, вы должны быть зарегистрированным пользователем сайта.
Загрузка...
Понравилась статья? Поделиться с друзьями:
Блог Программиста
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

тринадцать + девять =