Здесь делается вжух 🪄

– Баттл-крик
– Мичиган
9 761
– Нортфилд
– Миннесота
10 406
— "Аксель Леманн — самое отвратительное, что случалось с момента основания отряда E.C.H.O. На фоне таких блистательных фигур, как Артур Вуд, Одра Симонавичуте, Раким Джордан — совершенно не приученный к основам этикета неповзрослевший мальчишка с сомнительным прошлым. Никаких интеллектуальных достижений, одна лишь жажда... [читать далее]
Октябрь 2038
Авторский мир, способности, 18+
07.07.2020 В шаге от 4 лет и 6 месяцев дарим вам эту сочную красоту, а дополнительным бонусом к нему - новый трейлер.
06.06.2020 Нам 4,4! Все самое свежее и вкусное - в этой теме!
20.05.2020 Дин-дон, дин-дон, а вот и новые сюжетные задания подвезли - подключаемся к игре, друзья :)
12.04.2020 Аве, Револт! У нас тут важный итоговый пост ГМ в сюжетном квесте. Готовьте самокрутки перед прочтением, а также изучайте внимательно обновления в вестях с фронта.!
08.02.2020 Эй, Револт! Ты уже совсем большой, тебе аж 4 года :О Live long and prosper! Все плюхи, включая интервью с персонажами, статистику, сюжетные новости и трейлер - по ссылке.
11.11.2019 Итак, подвезли итоги киновикторины, а также, наконец-то, появились долгожданные работы литературного конкурса - прямо здесь, в трех закрепленных разделах. Время голосовать, Револт!
16.09.2019 Гайз! Нужно ваше экспертное мнение об одной интересной скриптоплюхе.
15.09.2019 Немного новостей относительно старых эпизодов.
07.09.2019 А вот и долгожданные итоги ежегодного Revolt Awards!
01.09.2019 Для всех, кто не попал в квесты, есть шанс принять участие в сюжетном эпизоде. Всем по Эйяфьядлайёкюдлю!
26.08.2019 Друзья! Последняя неделя, чтобы оставить свои голоса в ежегодном Revolt Awards!
13.08.2019 Итак, время важных новостей с фронта - не пропустите!
07.08.2019 Итак, нам 3,5 года, мы безбожно пьем, отмечаем и читаем про ОБНОВЛЕНИЯ.
05.08.2019 Йоу, Револтянин! Успей записаться в мафию!
28.07.2019 Участники конкурса! У вас осталось СЕМЬ дней >:] (c)
22.07.2019 До дня рождения остается все меньше времени, и прекрасная Роми приготовила для вас бомбический конкурс. Налетай, Револт!
29.06.2019 Уже по традиции - тизер новых квестов (да-да, сразу двух). Всем огня и приятного просмотра :)
23.06.2019 В ожидании квестов Колтер не дает нам скучать, и здесь вы найдете его новое видео. Всем приятного просмотра, а Колтеру - отдельное спасибо ;)
23.06.2019 Экстренный выпуск новостей с фронта - не пропустите!
20.06.2019 Друзья! Все подписываемся под петицией Акселя! :)
15.06.2019 И-и-и они вернулись.
27.05.2019 Первая порция новых бонусных заданий подъехала - налетай!
23.05.2019 А вот и свежачок про твинков подвезли.
24.04.2019 Всем, кто посмотрит endgame раньше других и захочет поспойлерить и покричать.
06.04.2019 Псс, Револт! Не хочешь немного мафии?
08.03.2019 Прекрасная половина человечества: С Праздником!.
08.03.2019 Еще порция новостей по поводу очередного дня рождения форума!
23.02.2019 Без лишних слов и ложной скромности - мы поздравляем Револт с Днём защитника Отечества.
06.02.2019 Револту 3 ГОДА! Обо всех новостях и плюшках читаем здесь.
05.01.2019 Пс-с, Револт, немного интриги в вестях с фронта.
31.12.2018 Предновогоднее УРА для участников квеста и сюжетных заданий!
16.12.2018 Самое время выбрать номер и узнать, для кого ты станешь Тайным Сантой.
26.09.2018 Йо-хо-хо, пираты, подвезли свежий квест и сюжетные задания.
06.08.2018 С Днем Рождения, Револт! Чуть больше о приятном здесь. А в этой теме - результаты голосования.
01.08.2018 Револт! Настало время выбрать самых-самых в нашей практически ежегодной Revolt Awards #3.
13.06.2018 Револт, павший лидер сопротивления передает неожиданный привет.
06.06.2018 Тыры-пыры, Револт с Днем рождения! А здесь кое-что об обновлениях.
06.04.2018 Два новых квеста уже на передовой, а - здесь вы найдете их участников. А в этой теме - немного праздничного упороса. Ура, товарищи!
04.04.2018 В ожидании грядущих квестов - свежий тизер.
02.04.2018 А вот и свежие бонусные задания подвезли - налетаем!
21.03.2018 Друзья, радуем вас обновлением информации об экзоброне - в этой теме.
08.03.2018 Сегодня поздравляем наших дам - здесь и вот здесь!
06.02.2018 Без лишних слов - Револту два года! Кликайте по ссылке, там вас ждет много всего интересного. 30.12.2017 Предновогоднее организационное объявление о нашем с вами квестовом режиме во время праздников.
29.12.2017 Настроеньеподнимательный раздел. Поздравляем друг друга, обмениваемся подарочками, спасаем елки от котов.
11.12.2017 Открываем рождественский сезон записью в Тайного Санту. Спешите, набор участников продлится всего несколько дней.
08.11.2017 Очередная праздничная дата на Револте вместе с обновлениями и приятными бонусами
17.10.2017 сюжетные задания - в новом формате.
01.10.2017 Начало октября - время отопления, горячих напитков и нового сюжетного поста в вестях с фронта. На этот раз - о событиях прошлого.
06.09.2017 Шестое число - время новостей.
27.08.2017 Запись в новые задания.
21.08.2017 FAQ по последним новостям.
16.08.2017 участники квеста и сюжетных эпизодов: просьба внимательно ознакомиться с важными итогами в финальных постах гейм-мастера.
07.08.2017 Новый лидер боевой группы, перевод времени и сюжетные новости - все это вы найдете, пройдя по этой ссылке.
02.08.2017 Ввиду технических неполадок хостинга, на время возвращен один из старых дизайнов.
28.07.2017 Пока вы спали, мы принесли вам вести с фронта.
17.07.2017 У нас небольшие технические неполадки, поэтому до возвращения Иветт оформление таблицы будет в старом стиле :)
14.07.2017 Наш url стал немного короче, за что дружно благодарим мистера Харви ;]
06.07.2017 Новости - большие и не очень.
21.05.2017 Всех неспящих ждет сюрприз - сюжетные новости и видео с намеком на будущие игровые события.
06.04.2017 Начата запись в новые квест и задания.
04.04.2017 Небольшая памятка для игроков, а также объявление об итогах одного из личных эпизодов.
06.03.2017 Револту 13 месяцев! Разобрать подарки можно в этой теме.
15.02.2017 Очередная гигант-порция новостей, а также новые акции и сюжетные задания ждут вас здесь.
06.02.2017 ОЧЕНЬ много новостей, развлечений, занимательной статистики ждут вас здесь в компании нового револт-трейлера.
06.02.2017 Револт празднует 1 год!
16.01.2017 Участники завершенных квестов 7.1 и 7.2 приглашаются к ознакомлению с итогами, подведенными к окончанию седьмой сюжетной главы.
31.12.2016 Револт поздравляет своих жителей с наступающим Новым Годом!
13.12.2016 Стартовал конкурс рождественских историй!
11.12.2016 Принимаем участие в «Тайном Санте» и получаем письма от дедушки Револта! Спешите, время на запись ограничено!

REVOLT STYLE TEST

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » REVOLT STYLE TEST » Тестовый форум » Тестовое сообщение


Тестовое сообщение

Сообщений 1 страница 15 из 15

1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore "magna" aliqua. Ut «enim» ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore "magna" aliqua. Ut «enim» ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

1,2 написал(а):

http://s3.uploads.ru/t/TVeCU.pngLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore "magna" aliqua. Ut «enim» ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore "magna" aliqua.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Ut «enim» ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Свернутый текст

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Свернутый текст
Код:
Ut «enim» ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Ut «enim» ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.


Ut «enim» ad minim veniam.

Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Laboris nisi ut aliquip ex ea commodo consequat.

Подпись автора

thnx to sputnik
Ссылка

+1

2

1,2 написал(а):

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore "magna" aliqua.

Ut «enim» ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. http://s2.uploads.ru/t/c7fsr.png

+1

3

2,3 написал(а):

Ut «enim» ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

ytyutyutyutyu

Подпись автора

thnx to sputnik
Ссылка

0

4

Cyxurxhurxutx

0

5

Подпись автора

thnx to sputnik
Ссылка

+1

6

Код:
<!--HTML--><div class="quote-box"><blockquote><p><span style="display: block; text-align: center"><br>_____________________&nbsp; <span style="font-size: 55px"><span style="font-family: Georgia"><span style="font-style: italic">Р</span></span></span><span style="font-family: Arsenal"><span style="font-size: 20px"><span style="font-style: italic">е н е г а т ы</span></span></span>&nbsp; _____________________</span></p></blockquote></div><p><span style="display: block; text-align: center"></span></p><style type="text/css">
<link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Monda' rel='stylesheet' type='text/css'>

.canonspace { height: 140px; }

.canonlayer {background-color: #0b2721; font-size: 14px; padding-top: 6px; font-family: 'Monda', sans-serif; padding-bottom: 5px; color: #FFFFFF; text-align: center; text-decoration: uppercase; white-space:normal; border-top:3px double #ffffff; border-bottom:3px double #ffffff; line-height: 13px; letter-spacing: -1px; background-image: url(http://i.imgur.com/lA3sX4q.png); }
.canonrper { font-size: 8px; text-transform: uppercase; letter-spacing: 1px; font-family: 'Monda', sans-serif; }
.canonmain { letter-spacing: -1px; padding: 4px; text-transform: none; font-family: 'Monda', sans-serif; line-height: 11px; font-size:12px; text-align: justify; overflow: auto; height: 141px; background-image: url(http://i.imgur.com/ONtflUl.png); }

#canons { width: 150px; height: 150px; white-space:normal; border:3px double #000000; position: relative; overflow: hidden;  -webkit-box-shadow: outset 1px 1px 2px 1px #861313; box-shadow: outset 1px 1px 2px 1px #861313;}

#canons .how { -WEBKIT-TRANSITION: 2S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.8S ALL EASE-IN-OUT; O-TRANSITION: 0.8S ALL EASE-IN-OUT; position: absolute; top: 0px; bottom: 0px; width: 150px; height: 150px; }

#canons:hover .how { -WEBKIT-TRANSITION: 0.8S ALL EASE-IN-OUT; -MOZ-TRANSITION: 1.0S ALL EASE-IN-OUT; O-TRANSITION: 1.0S ALL EASE-IN-OUT; top: -170px; }
#canonspan { color: #f93609; font-family: 'Monda', sans-serif; font-weight: bold; }
.canonmain b { color: #09889b; font-weight: 800; }
.canonmain i { color: #9a2222; }
.cansize { background-size: 150px 150px; }


</style>
<table cellspacing="1" cellpadding="1">
<tbody><tr>
<td><center>
<div id="canons"><div class="how"><div class="cansize" style="background-image: url(http://funkyimg.com/i/2d6VA.png); width: 150px; height: 150px;"><div style="height: 100px;"></div><div class="canonlayer">MIKE NEWTON<div class="canonrper">enhanced speed
</div></div></div></div><div class="canonmain"><br><center>МАЙК НЬЮТОН, 35<br>
специалист по иб;<br>удаленная поддержка<br><br></center><br>
<center><b>СВЕРХСКОРОСТЬ</b></center><br><p>
</p><center><a href="http://wearethefuture.rusff.me/profile.php?id=3"><img src="http://funkyimg.com/i/2hLvq.png"></a> <img src="http://funkyimg.com/i/2hLvp.png"><a href="http://wearethefuture.rusff.me/viewtopic.php?id=64"><img src="http://funkyimg.com/i/2hLvo.png"></a></center> </div></div></center></td>

<td><center>
<div id="canons"><div class="how"><div class="cansize" style="background-image: url(http://funkyimg.com/i/2hNKW.png); width: 150px; height: 150px;"><div style="height: 100px;"></div><div class="canonlayer">EVELYN NEWTON<div class="canonrper">soul absorption
</div></div></div></div><div class="canonmain"><br><center>ЭВА НЬЮТОН, 28<br>
сотрудник департамента;<br>бывший член медгруппы<br></center><br><br>
<center><b>ПОГЛОЩЕНИЕ ДУШ</b></center><br><p>
</p><center><a href="http://wearethefuture.rusff.me/profile.php?id=4"><img src="http://funkyimg.com/i/2hLvq.png"></a> <img src="http://funkyimg.com/i/2hLvp.png"><a href="http://wearethefuture.rusff.me/viewtopic.php?id=70"><img src="http://funkyimg.com/i/2hLvo.png"></a></center> 
</div></div></center></td>

<td><center>
<div id="canons"><div class="how"><div class="cansize" style="background-image: url(http://funkyimg.com/i/2hNJs.png); width: 150px; height: 150px;"><div style="height: 100px;"></div><div class="canonlayer">RAY HAMILTON<div class="canonrper">lazarus effect
</div></div></div></div><div class="canonmain"><br><center>РЭЙ ГАМИЛЬТОН, 29<br>
телохранитель;<br>лидер боевой группы</center><br><br>
<center><b>ЭФФЕКТ ЛАЗАРЯ</b></center><br><p>
</p><center><a href="http://wearethefuture.rusff.me/profile.php?id=36"><img src="http://funkyimg.com/i/2hLvq.png"></a> <img src="http://funkyimg.com/i/2hLvp.png"><a href="http://wearethefuture.rusff.me/viewtopic.php?id=95"><img src="http://funkyimg.com/i/2hLvo.png"></a></center> 
</div></div></center></td>
</tr><tr>

<td><center>
<div id="canons"><div class="how"><div class="cansize" style="background-image: url(http://funkyimg.com/i/2hNJu.png); width: 150px; height: 150px;"><div style="height: 100px;"></div><div class="canonlayer">RUTH CONOVER<div class="canonrper">portal creation
</div></div></div></div><div class="canonmain"><br><center>РУТ КОНОВЕР, 19<br>
курьер;<br>член боевой группы</center><br><br>
<center><b>СОЗДАНИЕ ПОРТАЛОВ</b></center><br><p>
</p><center><a href="http://wearethefuture.rusff.me/profile.php?id=7"><img src="http://funkyimg.com/i/2hLvq.png"></a> <img src="http://funkyimg.com/i/2hLvp.png"><a href="http://wearethefuture.rusff.me/viewtopic.php?id=100"><img src="http://funkyimg.com/i/2hLvo.png"></a></center> 
</div></div></center></td>

<td><center>
<div id="canons"><div class="how"><div class="cansize" style="background-image: url(http://funkyimg.com/i/2kPD7.jpg); width: 150px; height: 150px;"><div style="height: 100px;"></div><div class="canonlayer"> AXEL LEHMANN<div class="canonrper"> replication
</div></div></div></div><div class="canonmain"><br><center>АКСЕЛЬ ЛЕМАНН, 32<br>
мотогонщик;<br>член отряда «e.c.h.o.»</center><br><br>
<center><b>СОЗДАНИЕ СВОИХ КОПИЙ</b></center><br><p>
</p><center><a href="http://wearethefuture.rusff.me/profile.php?id=412"><img src="http://funkyimg.com/i/2hLvq.png"></a> <img src="http://funkyimg.com/i/2hLvp.png"><a href="http://wearethefuture.rusff.me/viewtopic.php?id=1107"><img src="http://funkyimg.com/i/2hLvo.png"></a></center> 
</div></div></center></td>

<td><center>
<div id="canons"><div class="how"><div class="cansize" style="background-image: url(https://i.imgur.com/JIKVp6n.jpg); width: 150px; height: 150px;"><div style="height: 100px;"></div><div class="canonlayer">OLIVER BERRINGTON<div class="canonrper">regeneration
</div></div></div></div><div class="canonmain"><br><center>ОЛЛИ БЕРРИНГТОН, 26<br>
пожарный;<br>член отряда «e.c.h.o.»</center><br><br>
<center><b>РЕГЕНЕРАЦИЯ</b></center><br><p>
</p><center><a href="http://wearethefuture.rusff.me/profile.php?id=424"><img src="http://funkyimg.com/i/2hLvq.png"></a> <img src="http://funkyimg.com/i/2hLvp.png"><a href="http://wearethefuture.rusff.me/viewtopic.php?id=1132"><img src="http://funkyimg.com/i/2hLvo.png"></a></center> 
</div></div></center></td>

</tr><tr>

<td><center>
<div id="canons"><div class="how"><div class="cansize" style="background-image: url(https://i.imgur.com/5fVXSmi.jpg); width: 150px; height: 150px;"><div style="height: 100px;"></div><div class="canonlayer">NEAVE MONAGHAN<div class="canonrper">blood healing
</div></div></div></div><div class="canonmain"><br><center>НИВ МОНАХАН, 39<br>
кардиохирург;<br>глава медицинской группы</center><br><br>
<center><b>ИСЦЕЛЯЮЩИЙ ЭФФЕКТ КРОВИ</b></center><br><p>
</p><center><a href="http://wearethefuture.rusff.me/profile.php?id=454"><img src="http://funkyimg.com/i/2hLvq.png"></a> <img src="http://funkyimg.com/i/2hLvp.png"><a href="http://wearethefuture.rusff.me/viewtopic.php?id=1244"><img src="http://funkyimg.com/i/2hLvo.png"></a></center> 
</div></div></center></td>

<td><center>
<div id="canons"><div class="how"><div class="cansize" style="background-image: url(https://i.imgur.com/i6mJHcZ.jpg); width: 150px; height: 150px;"><div style="height: 100px;"></div><div class="canonlayer">NORMAN WARD<div class="canonrper">probability computation
</div></div></div></div><div class="canonmain"><br><center>НОРМАН УОРД, 37<br>
наёмник;<br>глава отряда «e.c.h.o.»</center><br><br>
<center><b> ВЫЧИСЛЕНИЕ ВЕРОЯТНОСТИ</b></center><br><p>
</p><center><a href="http://wearethefuture.rusff.me/profile.php?id=458"><img src="http://funkyimg.com/i/2hLvq.png"></a> <img src="http://funkyimg.com/i/2hLvp.png"><a href="http://wearethefuture.rusff.me/viewtopic.php?id=1285"><img src="http://funkyimg.com/i/2hLvo.png"></a></center> 
</div></div></center></td>

<td><center>
<div id="canons"><div class="how"><div class="cansize" style="background-image: url(http://i.imgur.com/6qdREC4.jpg); width: 150px; height: 150px;"><div style="height: 100px;"></div><div class="canonlayer">REAGAN FOSTER<div class="canonrper">fire mimicry
</div></div></div></div><div class="canonmain"><br><center>РЕЙГАН ФОСТЕР, 29<br>
офицер полиции;<br>искатель</center><br><br>
<center><b>ПИРОФАКЕЛИЗМ</b></center><br><p>
</p><center><a href="http://wearethefuture.rusff.me/profile.php?id=613"><img src="http://funkyimg.com/i/2hLvq.png"></a> <img src="http://funkyimg.com/i/2hLvp.png"><a href="http://wearethefuture.rusff.me/viewtopic.php?id=1780#p225720"><img src="http://funkyimg.com/i/2hLvo.png"></a></center> 
</div></div></center></td>

</tr><tr>

<td><center>
<div id="canons"><div class="how"><div class="cansize" style="background-image: url(http://i.imgur.com/cW6VsCh.jpg); width: 150px; height: 150px;"><div style="height: 100px;"></div><div class="canonlayer">LOGAN CAVANAUGH<div class="canonrper">sound absorption
</div></div></div></div><div class="canonmain"><br><center>ЛОГАН КАВАНО, 35<br>
снайпер отряда;<br>член боевой группы</center><br><br>
<center><b>ПОГЛОЩЕНИЕ ЗВУКА</b></center><br><p>
</p><center><a href="http://wearethefuture.rusff.me/profile.php?id=765"><img src="http://funkyimg.com/i/2hLvq.png"></a> <img src="http://funkyimg.com/i/2hLvp.png"><a href="http://wearethefuture.rusff.me/viewtopic.php?id=2370#p309176"><img src="http://funkyimg.com/i/2hLvo.png"></a></center> 
</div></div></center></td>

<td><center>
<div id="canons"><div class="how"><div class="cansize" style="background-image: url(http://i.imgur.com/2hDcAJO.jpg); width: 150px; height: 150px;"><div style="height: 100px;"></div><div class="canonlayer">OPHELIA GRAHAM<div class="canonrper">pain manipulation
</div></div></div></div><div class="canonmain"><br><center>ОФЕЛИЯ ГРЭМ, 24<br>
коллектор;<br>снайпер, дознаватель всб</center><br><br>
<center><b>АГЛИОКИНЕЗ</b></center><br><p>
</p><center><a href="http://wearethefuture.ru/profile.php?id=821"><img src="http://funkyimg.com/i/2hLvq.png"></a> <img src="http://funkyimg.com/i/2hLvp.png"><a href="http://wearethefuture.ru/viewtopic.php?id=2547#p343020"><img src="http://funkyimg.com/i/2hLvo.png"></a></center> 
</div></div></center></td>

<td><center>
<div id="canons"><div class="how"><div class="cansize" style="background-image: url(https://i.imgur.com/Xlr2vzK.jpg); width: 150px; height: 150px;"><div style="height: 100px;"></div><div class="canonlayer">WILL SULLIVAN<div class="canonrper">psychokinesis
</div></div></div></div><div class="canonmain"><br><center>УИЛЛ САЛЛИВАН, 33<br>
наёмник военной компании;<br>саблидер боевой группы [и.с.]</center><br><br>
<center><b>ПСИХОКИНЕЗ</b></center><br><p>
</p><center><a href="http://wearethefuture.ru/profile.php?id=855"><img src="http://funkyimg.com/i/2hLvq.png"></a> <img src="http://funkyimg.com/i/2hLvp.png"><a href="http://wearethefuture.ru/viewtopic.php?id=2752#p366341"><img src="http://funkyimg.com/i/2hLvo.png"></a></center> 
</div></div></center></td>

</tr><tr></tr>

<tr><td><center>
<div id="canons"><div class="how"><div class="cansize" style="background-image: url(https://i.imgur.com/hMnGhzv.jpg); width: 150px; height: 150px;"><div style="height: 100px;"></div><div class="canonlayer">ROXANNE RIDLEY<div class="canonrper">smoke dash
</div></div></div></div><div class="canonmain"><br><center>РОКСЕНН РИДЛИ, 29<br>
кинооператор, ассистент dp;<br>член подразделения irb</center><br><br>
<center><b>ДЫМОВОЙ РЫВОК</b></center><br><p>
</p><center><a href="http://wearethefuture.ru/profile.php?id=901"><img src="http://funkyimg.com/i/2hLvq.png"></a> <img src="http://funkyimg.com/i/2hLvp.png"><a href="http://wearethefuture.ru/viewtopic.php?id=2839#p375681"><img src="http://funkyimg.com/i/2hLvo.png"></a></center> 
</div></div></center></td>

<td><center>
<div id="canons"><div class="how"><div class="cansize" style="background-image: url(https://i.imgur.com/FvCFMHe.jpg); width: 150px; height: 150px;"><div style="height: 100px;"></div><div class="canonlayer">GARRET DANE<div class="canonrper">telepathy
</div></div></div></div><div class="canonmain"><br><center>ГАРРЕТ ДЭЙН, 37<br>
старший агент фбр;<br>дознаватель всб</center><br><br>
<center><b>ТЕЛЕПАТИЯ</b></center><br><p>
</p><center><a href="http://wearethefuture.ru/profile.php?id=907"><img src="http://funkyimg.com/i/2hLvq.png"></a> <img src="http://funkyimg.com/i/2hLvp.png"><a href="http://wearethefuture.ru/viewtopic.php?id=2871#p378949"><img src="http://funkyimg.com/i/2hLvo.png"></a></center> 
</div></div></center></td>

<td><center>
<div id="canons"><div class="how"><div class="cansize" style="background-image: url(https://i.imgur.com/esJljqQ.jpg); width: 150px; height: 150px;"><div style="height: 100px;"></div><div class="canonlayer">TEDDY SUTTON<div class="canonrper">terrakinesis
</div></div></div></div><div class="canonmain"><br><center>ТЕОДОРА САТТОН, 29<br>
военный корреспондент;<br>член боевой группы</center><br><br>
<center><b>ТЕРРАКИНЕЗ</b></center><br><p>
</p><center><a href="http://wearethefuture.ru/profile.php?id=928"><img src="http://funkyimg.com/i/2hLvq.png"></a> <img src="http://funkyimg.com/i/2hLvp.png"><a href="http://wearethefuture.ru/viewtopic.php?id=2929#p385826"><img src="http://funkyimg.com/i/2hLvo.png"></a></center> 
</div></div></center></td>

</tr><tr></tr>

<tr><td><center>
<div id="canons"><div class="how"><div class="cansize" style="background-image: url(http://i.imgur.com/zTds1wu.jpg); width: 150px; height: 150px;"><div style="height: 100px;"></div><div class="canonlayer">TERESA MARCHETTI<div class="canonrper">force-field manipulation
</div></div></div></div><div class="canonmain"><br><center>ТЕСС МАРКЕТТИ, 33<br>
адвокат;<br>член отряда «e.c.h.o.»</center><br><br>
<center><b>ЗАЩИТНОЕ ПОЛЕ</b></center><br><p>
</p><center><a href="http://wearethefuture.ru/profile.php?id=946"><img src="http://funkyimg.com/i/2hLvq.png"></a> <img src="http://funkyimg.com/i/2hLvp.png"><a href="http://wearethefuture.ru/viewtopic.php?id=2983#p391795"><img src="http://funkyimg.com/i/2hLvo.png"></a></center> 
</div></div></center></td>

<td><center>
<div id="canons"><div class="how"><div class="cansize" style="background-image: url(https://i.imgur.com/wE4mHte.jpg); width: 150px; height: 150px;"><div style="height: 100px;"></div><div class="canonlayer">ALFIE PALMER<div class="canonrper">adrenal burst
</div></div></div></div><div class="canonmain"><br><center>АЛФИ ПАЛМЕР, 47<br>
координатор миссий цру;<br>саблидер боевой группы</center><br><br>
<center><b>АДРЕНАЛИНОВАЯ ВСПЫШКА</b></center><br><p>
</p><center><a href="http://wearethefuture.ru/profile.php?id=943"><img src="http://funkyimg.com/i/2hLvq.png"></a> <img src="http://funkyimg.com/i/2hLvp.png"><a href="http://wearethefuture.ru/viewtopic.php?id=2990#p392126"><img src="http://funkyimg.com/i/2hLvo.png"></a></center> 
</div></div></center></td>

<td><center>
<div id="canons"><div class="how"><div class="cansize" style="background-image: url(https://i.imgur.com/B1NaGsN.jpg); width: 150px; height: 150px;"><div style="height: 100px;"></div><div class="canonlayer">INDIANA GUEVARA<div class="canonrper">human
</div></div></div></div><div class="canonmain"><br><center>ИНДИАНА ГЕВАРА, 37<br>
корреспондент;<br>член подразделения irb</center><br><br>
<center><b>ЧЕЛОВЕК</b></center><br><p>
</p><center><a href="http://wearethefuture.ru/profile.php?id=952"><img src="http://funkyimg.com/i/2hLvq.png"></a> <img src="http://funkyimg.com/i/2hLvp.png"><a href="http://wearethefuture.ru/viewtopic.php?id=3025#p395403"><img src="http://funkyimg.com/i/2hLvo.png"></a></center> 
</div></div></center></td>

</tr><tr></tr>

<tr><td><center>
<div id="canons"><div class="how"><div class="cansize" style="background-image: url(https://i.imgur.com/G2xwqy7.jpg); width: 150px; height: 150px;"><div style="height: 100px;"></div><div class="canonlayer">HUGO MOREAU<div class="canonrper">force-field manipulation
</div></div></div></div><div class="canonmain"><br><center>ХЬЮГО МОРО, 15<br>
школьник;<br>информатор</center><br><br>
<center><b>ЗАЩИТНОЕ ПОЛЕ</b></center><br><p>
</p><center><a href="http://wearethefuture.ru/profile.php?id=963"><img src="http://funkyimg.com/i/2hLvq.png"></a> <img src="http://funkyimg.com/i/2hLvp.png"><a href="http://wearethefuture.ru/viewtopic.php?id=3048#p398285"><img src="http://funkyimg.com/i/2hLvo.png"></a></center> 
</div></div></center></td>

<td><center>
<div id="canons"><div class="how"><div class="cansize" style="background-image: url(https://i.imgur.com/x1495VX.jpg); width: 150px; height: 150px;"><div style="height: 100px;"></div><div class="canonlayer">CHRISTOPHER WREN<div class="canonrper">human
</div></div></div></div><div class="canonmain"><br><center>КРИСТОФЕР РЕН, 36<br>
подполковник в отставке</center><br><br>
<center><b>ЧЕЛОВЕК</b></center><br><p>
</p><center><a href="http://wearethefuture.ru/profile.php?id=964"><img src="http://funkyimg.com/i/2hLvq.png"></a> <img src="http://funkyimg.com/i/2hLvp.png"><a href="http://wearethefuture.ru/viewtopic.php?id=3053#p398603"><img src="http://funkyimg.com/i/2hLvo.png"></a></center> 
</div></div></center></td>

<td><center>
<div id="canons"><div class="how"><div class="cansize" style="background-image: url(https://i.imgur.com/ELdk22j.jpg); width: 150px; height: 150px;"><div style="height: 100px;"></div><div class="canonlayer">RUSTIN SEAVER<div class="canonrper">human
</div></div></div></div><div class="canonmain"><br><center>РАСТИН СИВЕР, 33<br>
аналитик цру;<br>член разведгруппы</center><br><br>
<center><b>ЧЕЛОВЕК</b></center><br><p>
</p><center><a href="http://wearethefuture.ru/profile.php?id=981"><img src="http://funkyimg.com/i/2hLvq.png"></a> <img src="http://funkyimg.com/i/2hLvp.png"><a href="http://wearethefuture.ru/viewtopic.php?id=3142#p416919"><img src="http://funkyimg.com/i/2hLvo.png"></a></center> 
</div></div></center></td>

</tr><tr></tr>

<tr><td><center>
<div id="canons"><div class="how"><div class="cansize" style="background-image: url(https://i.ibb.co/bFh1WwZ/ash.png); width: 150px; height: 150px;"><div style="height: 100px;"></div><div class="canonlayer">ASH STECKER<div class="canonrper">black hole creation
</div></div></div></div><div class="canonmain"><br><center>ЭШ СТЕККЕР, 30<br>
агент фбр;<br>член боевой группы</center><br><br>
<center><b>СОЗДАНИЕ ЧЕРНЫХ ДЫР</b></center><br><p>
</p><center><a href="http://wearethefuture.ru/profile.php?id=1007"><img src="http://funkyimg.com/i/2hLvq.png"></a> <img src="http://funkyimg.com/i/2hLvp.png"><a href="http://wearethefuture.ru/viewtopic.php?id=3279#p436469"><img src="http://funkyimg.com/i/2hLvo.png"></a></center> 
</div></div></center></td>

<td><center>
<div id="canons"><div class="how"><div class="cansize" style="background-image: url(https://i.imgur.com/SBW9oKe.jpg); width: 150px; height: 150px;"><div style="height: 100px;"></div><div class="canonlayer">HARRY STANFORD<div class="canonrper">intuitive aptitude
</div></div></div></div><div class="canonmain"><br><center>ГАРИЭТТ СТЭНФОРД, 24<br>
механик, штурман;<br>механик</center><br><br>
<center><b>ПОНИМАНИЕ СУТИ ВЕЩЕЙ</b></center><br><p>
</p><center><a href="http://wearethefuture.ru/profile.php?id=998"><img src="http://funkyimg.com/i/2hLvq.png"></a> <img src="http://funkyimg.com/i/2hLvp.png"><a href="http://wearethefuture.ru/viewtopic.php?id=3240#p432000"><img src="http://funkyimg.com/i/2hLvo.png"></a></center> 
</div></div></center></td>

<td><center>
<div id="canons"><div class="how"><div class="cansize" style="background-image: url(https://i.imgur.com/vNj17HN.jpg); width: 150px; height: 150px;"><div style="height: 100px;"></div><div class="canonlayer">CLEMENTINE HODGINS<div class="canonrper">photokinesis
</div></div></div></div><div class="canonmain"><br><center>КЛЕМЕНТАЙН ХОДЖИНС, 28<br>
бармен, певица;<br>член боевой группы</center><br><br>
<center><b>ФОТОКИНЕЗ</b></center><br><p>
</p><center><a href="http://wearethefuture.ru/profile.php?id=1065"><img src="http://funkyimg.com/i/2hLvq.png"></a> <img src="http://funkyimg.com/i/2hLvp.png"><a href="http://wearethefuture.ru/viewtopic.php?id=3452#p459270"><img src="http://funkyimg.com/i/2hLvo.png"></a></center> 
</div></div></center></td>

</tr><tr></tr>

<tr><td><center>
<div id="canons"><div class="how"><div class="cansize" style="background-image: url(https://i.imgur.com/s0Ml4N5.jpg); width: 150px; height: 150px;"><div style="height: 100px;"></div><div class="canonlayer">MURPHY ANDERSON<div class="canonrper">pyrogenesis
</div></div></div></div><div class="canonmain"><br><center>МЁРФИ АНДЕРСОН, 14<br>
школьница;<br>информатор</center><br><br>
<center><b>ПИРОГЕНЕЗ</b></center><br><p>
</p><center><a href="http://wearethefuture.ru/profile.php?id=1077"><img src="http://funkyimg.com/i/2hLvq.png"></a> <img src="http://funkyimg.com/i/2hLvp.png"><a href="http://wearethefuture.ru/viewtopic.php?id=3475#p461856"><img src="http://funkyimg.com/i/2hLvo.png"></a></center> 
</div></div></center></td>

<td><center>
<div id="canons"><div class="how"><div class="cansize" style="background-image: url(https://i.imgur.com/oevu4Zi.jpg); width: 150px; height: 150px;"><div style="height: 100px;"></div><div class="canonlayer">JEREMY SHAW<div class="canonrper">cyberpathy
</div></div></div></div><div class="canonmain"><br><center>ДЖЕРЕМИ ШОУ, 28<br>
программист, бармен;<br>хакер, информатор</center><br><br>
<center><b>КИБЕРПАТИЯ</b></center><br><p>
</p><center><a href="http://wearethefuture.ru/profile.php?id=1089"><img src="http://funkyimg.com/i/2hLvq.png"></a> <img src="http://funkyimg.com/i/2hLvp.png"><a href="http://wearethefuture.ru/viewtopic.php?id=3536#p470639"><img src="http://funkyimg.com/i/2hLvo.png"></a></center> 
</div></div></center></td>

<td><center>
<div id="canons"><div class="how"><div class="cansize" style="background-image: url(https://i.imgur.com/gJITDWg.jpg); width: 150px; height: 150px;"><div style="height: 100px;"></div><div class="canonlayer">RUBY NORTH<div class="canonrper">precognitive artistry
</div></div></div></div><div class="canonmain"><br><center>РУБИ НОРТ, 25<br>
художница;<br>владелица выставки</center><br><br>
<center><b>РИСОВАНИЕ БУДУЩЕГО</b></center><br><p>
</p><center><a href="http://wearethefuture.ru/profile.php?id=1096"><img src="http://funkyimg.com/i/2hLvq.png"></a> <img src="http://funkyimg.com/i/2hLvp.png"><a href="http://wearethefuture.ru/viewtopic.php?id=3562#p474126"><img src="http://funkyimg.com/i/2hLvo.png"></a></center> 
</div></div></center></td>
</tr><tr></tr>

<tr><td><center>
<div id="canons"><div class="how"><div class="cansize" style="background-image: url(https://i.imgur.com/NKfMSYi.jpg); width: 150px; height: 150px;"><div style="height: 100px;"></div><div class="canonlayer">CAROLINE PAYNE<div class="canonrper">chameleon effect
</div></div></div></div><div class="canonmain"><br><center>КЭРОЛАЙН ПЭЙН, 30<br>
лейтенант полиции;<br>член разведгруппы</center><br><br>
<center><b>ЭФФЕКТ ХАМЕЛЕОНА</b></center><br><p>
</p><center><a href="http://wearethefuture.ru/profile.php?id=1105"><img src="http://funkyimg.com/i/2hLvq.png"></a> <img src="http://funkyimg.com/i/2hLvp.png"><a href="http://wearethefuture.ru/viewtopic.php?id=3583#p478052"><img src="http://funkyimg.com/i/2hLvo.png"></a></center> 
</div></div></center></td>

<td><center>
<div id="canons"><div class="how"><div class="cansize" style="background-image: url(https://i.imgur.com/TpI8Lsy.jpg); width: 150px; height: 150px;"><div style="height: 100px;"></div><div class="canonlayer">EVAN LIND<div class="canonrper">precognitive artistry
</div></div></div></div><div class="canonmain"><br><center>ЭВАН ЛИНД, 14<br>
школьник;<br>ассистент-медик</center><br><br>
<center><b>РИСОВАНИЕ БУДУЩЕГО</b></center><br><p>
</p><center><a href="http://wearethefuture.ru/profile.php?id=958"><img src="http://funkyimg.com/i/2hLvq.png"></a> <img src="http://funkyimg.com/i/2hLvp.png"><a href="http://wearethefuture.ru/viewtopic.php?id=3027#p396062"><img src="http://funkyimg.com/i/2hLvo.png"></a></center>
</div></div></center></td>

<td><center>
<div id="canons"><div class="how"><div class="cansize" style="background-image: url(https://i.ibb.co/0tmp7h9/rad.png); width: 150px; height: 150px;"><div style="height: 100px;"></div><div class="canonlayer">RAD ROGERS<div class="canonrper">probability manipulation
</div></div></div></div><div class="canonmain"><br><center>РИКАРДО РОДРИГЕС, 25<br>
парамедик;<br>член боевой группы [и.с.]</center><br><br>
<center><b>ВЛИЯНИЕ НА ПОЛЯ ВЕРОЯТНОСТИ</b></center><br><p>
</p><center><a href="http://wearethefuture.ru/profile.php?id=1176"><img src="http://funkyimg.com/i/2hLvq.png"></a> <img src="http://funkyimg.com/i/2hLvp.png"><a href="http://wearethefuture.ru/viewtopic.php?id=3600#p481369"><img src="http://funkyimg.com/i/2hLvo.png"></a></center>
</div></div></center></td>

</tr><tr></tr>

<tr><td><center>
<div id="canons"><div class="how"><div class="cansize" style="background-image: url(https://funkyimg.com/i/2SP9v.png); width: 150px; height: 150px;"><div style="height: 100px;"></div><div class="canonlayer">SKYLER WILLARD<div class="canonrper">cyberpathy
</div></div></div></div><div class="canonmain"><br><center>СКАЙЛЕР УИЛЛАРД, 27<br>
хакер;<br>член подразделения irb</center><br><br>
<center><b>КИБЕРПАТИЯ</b></center><br><p>
</p><center><a href="http://wearethefuture.ru/profile.php?id=1239"><img src="http://funkyimg.com/i/2hLvq.png"></a> <img src="http://funkyimg.com/i/2hLvp.png"><a href="http://wearethefuture.ru/viewtopic.php?id=4053#p555728"><img src="http://funkyimg.com/i/2hLvo.png"></a></center> 
</div></div></center></td>

<td><center>
<div id="canons"><div class="how"><div class="cansize" style="background-image: url(https://funkyimg.com/i/2VaNC.png); width: 150px; height: 150px;"><div style="height: 100px;"></div><div class="canonlayer">KEVIN WILKINS<div class="canonrper">inorganic duplication
</div></div></div></div><div class="canonmain"><br><center>КЕВИН УИЛКИНС, 31<br>
архитектор;<br>искатель, проектировщик штабов;</center><br><br>
<center><b>ДУБЛИКАЦИЯ</b></center><br><p>
</p><center><a href="http://wearethefuture.ru/profile.php?id=1263"><img src="http://funkyimg.com/i/2hLvq.png"></a> <img src="http://funkyimg.com/i/2hLvp.png"><a href="http://wearethefuture.ru/viewtopic.php?id=4137"><img src="http://funkyimg.com/i/2hLvo.png"></a></center> 
</div></div></center></td>

<td><center>
<div id="canons"><div class="how"><div class="cansize" style="background-image: url(https://funkyimg.com/i/2VDL5.png); width: 150px; height: 150px;"><div style="height: 100px;"></div><div class="canonlayer">SAVANNAH JAMES<div class="canonrper">hydrokinesis
</div></div></div></div><div class="canonmain"><br><center>САВАННА ДЖЕЙМС, 30<br>
ординатор в мц при университете;<br>хирург-травматолог в мед.группе;</center><br><br>
<center><b>ГИДРОКИНЕЗ</b></center><br><p>
</p><center><a href="http://wearethefuture.ru/profile.php?id=1272"><img src="http://funkyimg.com/i/2hLvq.png"></a> <img src="http://funkyimg.com/i/2hLvp.png"><a href="http://wearethefuture.ru/viewtopic.php?id=4164"><img src="http://funkyimg.com/i/2hLvo.png"></a></center> 
</div></div></center></td>

</tr><tr></tr>

<tr><td><center>
<div id="canons"><div class="how"><div class="cansize" style="background-image: url(https://funkyimg.com/i/2VtB8.png); width: 150px; height: 150px;"><div style="height: 100px;"></div><div class="canonlayer">MAX LAWSON<div class="canonrper">enhanced strength
</div></div></div></div><div class="canonmain"><br><center>МАКС ЛОУСОН, 17<br>
старшеклассник;<br>беглец и папин бродяга</center><br><br>
<center><b>СВЕРХСИЛА</b></center><br><p>
</p><center><a href="http://wearethefuture.ru/profile.php?id=1276"><img src="http://funkyimg.com/i/2hLvq.png"></a> <img src="http://funkyimg.com/i/2hLvp.png"><a href="http://wearethefuture.ru/viewtopic.php?id=4198"><img src="http://funkyimg.com/i/2hLvo.png"></a></center> 
</div></div></center></td>

<td><center>
<div id="canons"><div class="how"><div class="cansize" style="background-image: url(https://funkyimg.com/i/2VtAW.png); width: 150px; height: 150px;"><div style="height: 100px;"></div><div class="canonlayer">LAURENCE LAWSON<div class="canonrper">electrogenesis
</div></div></div></div><div class="canonmain"><br><center>ЛАРРИ ЛОУСОН, 14<br>
школьник;<br>беглец</center><br><br>
<center><b>ЭЛЕКТРОГЕНЕЗ</b></center><br><p>
</p><center><a href="http://wearethefuture.ru/profile.php?id=1275"><img src="http://funkyimg.com/i/2hLvq.png"></a> <img src="http://funkyimg.com/i/2hLvp.png"><a href="http://wearethefuture.ru/viewtopic.php?id=4196"><img src="http://funkyimg.com/i/2hLvo.png"></a></center> 
</div></div></center></td>

<td><center>
<div id="canons"><div class="how"><div class="cansize" style="background-image: url(https://funkyimg.com/i/2VtAV.png); width: 150px; height: 150px;"><div style="height: 100px;"></div><div class="canonlayer">GABRIEL MOSS<div class="canonrper">danger intuition
</div></div></div></div><div class="canonmain"><br><center>ГАБРИЭЛЬ МОСС, 50<br>
бывший соц.работник, сотрудник службы 911;<br>психолог-переговорщик</center><br><br>
<center><b>ШЕСТОЕ ЧУВСТВО</b></center><br><p>
</p><center><a href="http://wearethefuture.ru/profile.php?id=1278"><img src="http://funkyimg.com/i/2hLvq.png"></a> <img src="http://funkyimg.com/i/2hLvp.png"><a href="http://wearethefuture.ru/viewtopic.php?id=4208#p580971"><img src="http://funkyimg.com/i/2hLvo.png"></a></center> 
</div></div></center></td>

</tr><tr></tr>

<tr><td><center>
<div id="canons"><div class="how"><div class="cansize" style="background-image: url(https://funkyimg.com/i/2VDET.png); width: 150px; height: 150px;"><div style="height: 100px;"></div><div class="canonlayer">MERLIN SALISBURRY<div class="canonrper">persuasion
</div></div></div></div><div class="canonmain"><br><center>МЕРЛИН СОЛСБУРИ, 33<br>
детектив полиции, наемница;<br>член разведгруппы</center><br><br>
<center><b>УБЕЖДЕНИЕ</b></center><br><p>
</p><center><a href="http://wearethefuture.ru/profile.php?id=1279"><img src="http://funkyimg.com/i/2hLvq.png"></a> <img src="http://funkyimg.com/i/2hLvp.png"><a href="http://wearethefuture.ru/viewtopic.php?id=4220"><img src="http://funkyimg.com/i/2hLvo.png"></a></center> 
</div></div></center></td>

</tr></tbody></table><p></p>
Подпись автора

thnx to sputnik
Ссылка

0

7

Подпись автора

thnx to sputnik
Ссылка

0

8

Код:
<!--HTML--><div class="diary_slider">
    <div class="item">
        <img class="postimg" src="https://i.imgur.com/gFC0eyJ.jpg">
    </div>
    <div class="item">
        <img class="postimg" src="https://i.imgur.com/m1KvLcu.jpg">
    </div>
    <div class="item">
        <img class="postimg" src="https://i.imgur.com/lxAjLnS.jpg">
    </div>

    <a class="prev" onclick="minusSlide()"><img src="https://i.imgur.com/HGDVNP9.png" title="Предыдущая страница"></a>
    <a class="next" onclick="plusSlide()"><img src="https://i.imgur.com/55UE5Kk.png" title="Следующая страница"></a>
</div>

<div class="slider-dots">
    <span class="slider-dots_item" onclick="currentSlide(1)"></span> 
    <span class="slider-dots_item" onclick="currentSlide(2)"></span> 
    <span class="slider-dots_item" onclick="currentSlide(3)"></span> 
</div>



<script type="text/javascript">
/* Индекс слайда по умолчанию */
var slideIndex = 1;
showSlides(slideIndex);

/* Функция увеличивает индекс на 1, показывает следующий слайд*/
function plusSlide() {
    showSlides(slideIndex += 1);
}

/* Функция уменьшает индекс на 1, показывает предыдущий слайд*/
function minusSlide() {
    showSlides(slideIndex -= 1);  
}

/* Устанавливает текущий слайд */
function currentSlide(n) {
    showSlides(slideIndex = n);
}

/* Основная функция слайдера */
function showSlides(n) {
    var i;
    var slides = document.getElementsByClassName("item");
    var dots = document.getElementsByClassName("slider-dots_item");
    if (n > slides.length) {
      slideIndex = 1
    }
    if (n < 1) {
        slideIndex = slides.length
    }
    for (i = 0; i < slides.length; i++) {
        slides[i].style.display = "none";
    }
    for (i = 0; i < dots.length; i++) {
        dots[i].className = dots[i].className.replace(" activ", "");
    }
    slides[slideIndex - 1].style.display = "block";
    dots[slideIndex - 1].className += " activ";
}
</script>

<style>
/* Собственно сам слайдер */
.diary_slider {
    width: 100%;
    position: relative;
    margin: auto;
    height: auto;
    margin-bottom: 15px;
    background: transparent;
}
/* Картинка масштабируется по отношению к родительскому элементу */
.diary_slider .item img {
    object-fit: cover;
    width: 100%;
    height: auto;
    border: none !important;
    box-shadow: none !important;
}
/* Кнопки вперед и назад */
.diary_slider .prev, .diary_slider .next {
    cursor: pointer;
    position: absolute;
    width: auto;
    transition: 0.6s ease;
    opacity: 0.9;
    font-size: 11px;
}
.diary_slider .prev {
    top: 7%;
    left: 11.5%;
}
.diary_slider .next {
    top: 7%;
    left: 20%;
}
/* Наведение на кнопки */
.diary_slider .prev:hover,
.diary_slider .next:hover {
    opacity: 1;
}
/* Кружочки */
.slider-dots {
    text-align: center;
    display: none; /* скрываем кружочки к ебеням */
}
.slider-dots_item{
    cursor: pointer;
    height: 12px;
    width: 12px;
    margin: 0 2px;
    background-color: #ddd;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}
.activ,
.slider-dots_item:hover {
    background-color: #aaa;
}
/* Анимация слайдов */
.diary_slider .item {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 0s;
    animation-name: fade;
    animation-duration: 0s;
}
@-webkit-keyframes fade {
    from {
        opacity: .4
    }
    to {
        opacity: 1
    }
}
@keyframes fade {
    from {
        opacity: .4
    }
    to {
        opacity: 1
    }
}
</style>

    <!-- Развертывание картинок -->
    <script type="text/javascript">
     function postimgOnhover (img) {if (img.offsetWidth != 0  && img.naturalWidth > img.offsetWidth) {
      img.style.cursor = 'zoom-in'; img.onclick = function () {
       var imgHeight = img.naturalHeight, winHeight = window.innerHeight; var topShift = (winHeight>imgHeight ? (winHeight-imgHeight)/2 : 0);
       $('body').append('<div class="lightbox" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); overflow: auto; text-align: center; z-index: 1000;">' + '<img class="lightimg" src="' + img.src + '" onclick="this.parentNode.remove()" style="position: relative; top: ' + topShift + 'px; cursor: zoom-out;">' + '</div>');}}}
      var postimges = document.getElementsByClassName('postimg');
      for (var i=0; i<postimges.length; i++) {postimges[i].onmouseover = function () {postimgOnhover (this)};}
    </script><!-- Развертывание картинок (END) -->
Подпись автора

thnx to sputnik
Ссылка

0

9

california
cali \ fornia
cali / fornia
monterey, \ california

Подпись автора

thnx to sputnik
Ссылка

0

10

monterey,  califo | rnia /

Подпись автора

thnx to sputnik
Ссылка

0

11


Цитата или песня для вдохновения
Расскажите историю вашего персонажа — историю его рождения, значимые события из жизни и приобретенные привычки. Страхи и все перенесенные переживания, психологические травмы в жизни также относятся к биографии. Не забудьте о планах на жизнь — поставленных целях или мечтах.



Цитата или песня для вдохновения
Расскажите историю вашего персонажа — историю его рождения, значимые события из жизни и приобретенные привычки. Страхи и все перенесенные переживания, психологические травмы в жизни также относятся к биографии. Не забудьте о планах на жизнь — поставленных целях или мечтах.



Цитата или песня для вдохновения
Расскажите историю вашего персонажа — историю его рождения, значимые события из жизни и приобретенные привычки. Страхи и все перенесенные переживания, психологические травмы в жизни также относятся к биографии. Не забудьте о планах на жизнь — поставленных целях или мечтах.



Цитата или песня для вдохновения
Расскажите историю вашего персонажа — историю его рождения, значимые события из жизни и приобретенные привычки. Страхи и все перенесенные переживания, психологические травмы в жизни также относятся к биографии. Не забудьте о планах на жизнь — поставленных целях или мечтах.


Подпись автора

thnx to sputnik
Ссылка

0

12


Цитата или песня для вдохновения
Расскажите историю вашего персонажа - историю его рождения, значимые события из жизни и приобретенные привычки. Страхи и все перенесенные переживания, психологические травмы в жизни также относятся к биографии. Не забудьте о планах на жизнь - поставленных целях или мечтах.



Цитата или песня для вдохновения
Расскажите историю вашего персонажа - историю его рождения, значимые события из жизни и приобретенные привычки. Страхи и все перенесенные переживания, психологические травмы в жизни также относятся к биографии. Не забудьте о планах на жизнь - поставленных целях или мечтах.



Цитата или песня для вдохновения
Расскажите историю вашего персонажа - историю его рождения, значимые события из жизни и приобретенные привычки. Страхи и все перенесенные переживания, психологические травмы в жизни также относятся к биографии. Не забудьте о планах на жизнь - поставленных целях или мечтах.



Цитата или песня для вдохновения
Расскажите историю вашего персонажа - историю его рождения, значимые события из жизни и приобретенные привычки. Страхи и все перенесенные переживания, психологические травмы в жизни также относятся к биографии. Не забудьте о планах на жизнь - поставленных целях или мечтах.


Подпись автора

thnx to sputnik
Ссылка

0

13

Код:
<!--HTML--><iframe scrolling="no" frameborder="0" allowTransparency="true" src="https://www.deezer.com/plugins/player?format=classic&autoplay=false&playlist=false&width=500&height=350&color=007FEB&layout=dark&size=medium&type=playlist&id=7968182002&app_id=1" width="500" height="350"></iframe>
Подпись автора

thnx to sputnik
Ссылка

0

14

/

/

/

\

/ \

@Max Longname Murderer

Подпись автора

thnx to sputnik
Ссылка

0

15

Подпись автора

thnx to sputnik
Ссылка

0

Быстрый ответ

Напишите ваше сообщение и нажмите «Отправить»


Рейтинг форумов Forum-top.ru



Вы здесь » REVOLT STYLE TEST » Тестовый форум » Тестовое сообщение


Рейтинг форумов | Создать форум бесплатно