Скрипты
Текст
0 Теги
абзац <p> </p>
заголовок <h1> </h1 >
блок <
div > </div >
строка <
span > </span >
перенос <br/>
неразрывный пробел
1 Вид текста
<b>Текст будет жирным</b> Пример: Выделенный текст
<i>Текст будет накланенный</i> Пример: Наклонённый текст
<u>Подчёркнутый текст</u> Пример: Подчёркнутый текст
<s>Зачёркнутый текст</s> Пример: Зачёркнутый текст h8 , h10, h12 , h14, h16, h18, h20, h24 - задаёт размер букв
gold, green - задаёт нужный цвет шрифта bold, italic - задаёт стиль шрифта up - делает все буквы заглавными
<span class="h20 gold up bold">ОПИСАНИЕ ИГРЫ</span> <span class="h16 <span>green</span>">текст описания игры</span>
Пример:
описание игры
текст описания игры
2 Размер текста
<font style="font-size: 16px;">Заданный размер текста</font> Пример: Заданный размер текста
3 Цвет текста
<font color="red"> Красный цвет </font> Пример: Красный цвет
<font color="orange"> Оранжевый цвет </font> Пример: Оранжевый цвет
<font color="yellow"> Желтый цвет </font> Пример: Желтый цвет
<font color="green"> Зеленый цвет </font> Пример: Зеленый цвет
<font color="#00BFFF"> Голубой цвет </font> Пример: Голубой цвет
<font color="#007DFF"> Синий цвет </font> Пример: Синий цвет
<font color="#8B00FF"> Фиолетовый цвет </font> Пример: Фиолетовый цвет
<font color="#000000"> Белый цвет </font> Пример: Белый цвет
<font color="#FFFFFF"> Черный цвет </font> Пример: Черный цвет
<font color="gold"> Цвет золото </font> Пример: Золотой цвет
<font color="silver"> Цвет серебро </font> Пример: Серебрянный цвет
<font color="#CD7F32"> Цвет бронза </font> Пример: Бронзовый цвет
<font color="#1d1d1d"> Цвет фона движка </font> Пример: Цвет фона движка
<font color="#13ccff"> Цвет бонуса </font> Пример: Цвет бонуса
<font color="#ff7200"> Цвет таймера</font> Пример: Цвет таймера
<font color="#ffff00"> Цвет задания </font> Пример: Цвет задания
<font color="#daff04"> Салатовый цвет </font> Пример: Салатовый цвет
<font color="#7CFC00"> Цвет LawnGreen </font> Пример: Цвет LawnGreen
<font color="#00d400"> Зеленый цвет </font> Пример: Зеленый цвет
<font color="#004d00"> Зеленый цвет </font> Пример: Зеленый цвет
<font color="#adff2f"> Зеленый цвет </font> Пример: Зеленый цвет
<font color="#2DA83E"> Зеленый цвет </font> Пример: Зеленый цвет
Посмотреть больше цветов от абрикоса до янтаря
4 Фишки с текстом
<center>Размещение текста по центру экрана.</center>
Пример: Размещение текста по центру экрана.
<div align=center>Размещение текста по центру экрана.</div>
Пример: Размещение текста по центру экрана.
<div align=left>Текст выровнен по левому краю </div>
Пример: Текст выровнен по левому краю
<div align=right>Текст выровнен по правому краю</div>
Пример: Текст выровнен по правому краю
<div style="letter-spacing: 10px;">Расстояние между буквами</div>
Пример:
Расстояние между буквами
<blockquote> Отступ 8 пробелов (для цитат, текст отделен пустой строкой):</blockquote>
Пример:
Отступ 8 пробелов (для цитат, текст отделен пустой строкой):
<bdo dir="rtl">Перевернуть
текст задом-наперед</bdo>
Пример: Перевернуть текст задом-наперед
Сноска вверху
текста<sup>sup</sup> Пример: Сноска
вверху текста sup
Сноска вверху текста<sub>sub</sub> Пример: Сноска внизу текстаsub
<cite title="Информация">© цитата</cite>
Пример:
© цитата
<span
style="background-color:yellow; color: blue; padding:3px; border:3px solid
red;">Цветной текст с цветным фоном в
цветной рамке</span>
Пример:
Цветной текст с цветным фоном в цветной рамке
<hr size=2> Пример: Горизонтальная черта (параметр size указывает толщину черты)
<marquee direction="left" scrollamount="2" width="200">Бегущая строка</marquee>
Пример:
Бегущая строка
<marquee direction="up" scrollamount="2" height="15">Строка1<br>Строка2</marquee>
Пример:
Строка1 Строка2
Картинки
1 Ссылка на большую картинку.
<a href="https://cdn.endata.cx/images/personal/3/ny.jpg" target="_blank">Здесь</a> вы получите дальнешие указания.
Пример: Здесь вы получите дальнешие указания.
2 Вставка картинки.
<img src="https://cdn.endata.cx/data/games/73580/1.jpg" border="0" />
Пример:
3 Вставка картинки определенного размера.
<img src="
СЮДА "width="400">
<img src="
СЮДА "width="400" height="400">
где width ширина height высота
4 Вставка картинки по центру экрана.
<div align="center"><img src="https://cdn.endata.cx/data/games/73580/1.jpg" border="0" /></div>
Пример:
5 Вставка картинки c сылкой на другую картинку (или страницу).
<a href="https://cdn.endata.cx/data/games/3340/magazin.jpg" target="_blank"><img src="https://cdn.endata.cx/data/games/3340/korona.jpg" border="0" /></a> <a href="https://d1.endata.cx/data/games/<span>3340/magazin.jpg</span>"><img src="https://d1.endata.cx/data/games/<span>3340/magazin.jpg</span>"style="width:100%; max-width:1200px;"></a>
Пример:
6 Картинка с закруглеными краями
<style>
img{ border-radius: 10px; } </style>
7 Вставка картинки с тектом
<!DOCTYPE html>
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .container { position: relative; text-align: center; color: white; } .bottom-left { position: absolute; bottom: 20px; left: 350px; } .top-left { position: absolute; top: 20px; left: 350px; } .top-right { position: absolute; top: 20px; right: 350px; } .bottom-right { position: absolute; bottom: 20px; right: 350px; } .centered { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } </style> </head> <body> <div class="container"> <img src="https://d1.endata.cx/data/games/75286/gus.jpg" alt="Snow" style="width:100%;"> <div class="bottom-left">Текст 3</div> <div class="top-left">Текст 1</div> <div class="top-right">Текст 2</div> <div class="bottom-right">Текст 4</div> <div class="centered">Текст в центре</div> </div> </body> </html>
Текст 3
Текст 1
Текст 2
Текст 4
Текст в центре
8 Картинка с всплывающим текстом
<img src=" СЮДА
" title="One
please!"
>
9 Кликабельные
картинки с изменением размера картинки в задании
<span class="white"> <a href="СЮДА"
target="_blank"><img src="СЮДА" style="width:100%; max-width:480px;"></a></span>
10 Бегущая анимированая картинка
<marquee direction="right" scrollamount="2" width="800"><img src="http://kolobok.us/smiles/personal/pooh_go.gif" border="0" /></marquee>
Пример:
Звук
1 Способ 1
<audio src="тут ссылка на аудио файл, загруженный в движок"controls></audio>
Видео
1 Способ 1
<iframe width="928" height="522" src="https://www.youtube.com/embed/ORkIoaM7ICQ" title="смешной ролик, со смыслом" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
2 Способ 2
<!DOCTYPE html>
<html >
<head >
<meta charset="utf-8" >
<title > video</title >
</head >
<body >
<video width="400" height="300" controls="controls" poster="video/duel.jpg" >
<source src="video/duel.ogv" type='video/ogg; codecs="theora, vorbis"' >
<source src="video/duel.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' >
<source src="video/duel.webm" type='video/webm; codecs="vp8, vorbis"' >
Тег video не поддерживается вашим браузером.
<a href="video/duel.mp4" > Скачайте видео</a > .
</video>
</body >
</html >
ССылки
1 Просто ссылка
<a href="Ваша ссылка">Ваш текст</a>
Пример: Ваш текст
2 Кнопка ссылка
<form action="АДРЕС ССЫЛКИ" target="_blank"
method="get"><input type="submit" value="НАЗВАНИЕ ССЫЛКИ"></form>
Пример:
Календарь игр на домене (Автор: Tucker )
Образец работы - http://moscow.en.cx/Addons.aspx?aid=15394
Техническое описание - http://56.en.cx/Addons.aspx?aid=3646
Олимпийки на движке (Автор: Anfield Cat ) Образец работы и техническое описание - http://udm.en.cx/Addons.aspx?aid=15644
Преображение секторов в олимпийку (Автор: uran238 ) Техническое описание - вставить в задание <script type="text/javascript" href="http://d1.endata.cx/data/games/53852/olympiccodes.js"></script>
Морской бой (Автор: Shin ) Образец работы - http://planeta.en.cx/GameScenario.aspx?gid=54316
Техническое описание - http://d1.endata.cx/data/games/60618/MB.txt
Добавление в личное дело графы «Достижения» (Авторы: Ailis , znake и Anfield Cat ) Образец работы и техническое описание - http://up.en.cx/Addons.aspx?aid=17501
Подгонка картинки под масштаб страницы
Техническое описание - <img style="max-width: 99%;" src="http://НАЗВАНИЕКАРТИНКИ.jpg" alt="" />
Сапёр (Автор: uran238 )
Образец работы - http://chita.en.cx/GameDetails.aspx?gid=63238
Техническое описание - http://chita.en.cx/Addons.aspx?aid=17791
Анонс с кнопками
<div style="background: #000; padding-bottom: 15px;"> <p style="text-align: center;"><img style="display: block; margin-left: auto; margin-right: auto;" src="https://d1.endata.cx/data/games/75144/anonsPlague1.jpg" alt="" width="900" /></p> <table class="Plague" style="margin-left: auto; margin-right: auto;"> <tbody> <tr> <td><a id="a4" class="l4"><img src="http://d1.endata.cx/data/games/75102/1p.png" alt="" /></a></td> <td><a id="a5" class="l5"><img src="http://d1.endata.cx/data/games/75102/2p.png" alt="" /></a></td> <td><a id="a6" class="l6"><img src="http://d1.endata.cx/data/games/75102/3p.png" alt="" /></a></td> </tr> </tbody> </table> <div id="d4" style="display: none; text-align: left; color: #fff; padding-left: 50px;"> <h2 style="color: #df2e1c; font-weight: bold;"> Подробности по игре:</h2> <p>• Информация 1.</p> </div> <div id="d5" style="display: none; text-align: left; color: #fff; padding-left: 50px;"> <h2 style="color: #df2e1c; font-weight: bold;"> Стоимость:</h2> <p>• Информация 2.</p> </div> <div id="d6" style="display: none; text-align: left; color: #fff; padding-left: 50px;"> <h2 style="color: #df2e1c; font-weight: bold;"> Что пригодится на игре:</h2> <p>• Информация 3</p> </div> </div> <script type="text/javascript">// <![CDATA[ $(function() { $('.l4').live('click', function() { var id = $(this).attr('id').replace('a', 'd'); if ($('#'+id+':hidden').length) $('#'+id).slideDown(300); else $('#'+id).slideUp(300); document.getElementById("d5").style.display = "none"; document.getElementById("d6").style.display = "none"; return false; }); }); // ]]></script> <script type="text/javascript">// <![CDATA[ $(function() { $('.l5').live('click', function() { var id = $(this).attr('id').replace('a', 'd'); if ($('#'+id+':hidden').length) $('#'+id).slideDown(300); else $('#'+id).slideUp(300); document.getElementById("d4").style.display = "none"; document.getElementById("d6").style.display = "none"; return false; }); }); // ]]></script> <script type="text/javascript">// <![CDATA[ $(function() { $('.l6').live('click', function() { var id = $(this).attr('id').replace('a', 'd'); if ($('#'+id+':hidden').length) $('#'+id).slideDown(300); else $('#'+id).slideUp(300); document.getElementById("d4").style.display = "none"; document.getElementById("d5").style.display = "none"; return false; }); }); // ]]></script>
Олимпийки ( Автор: ibvd )
Техническое описание https://nightquests.ru/zadaniya-dlya-olimpiek/
Олимпийки 2.0 ( Автор: enеrgizer )
Техническое описание https://yaroslavl.en.cx/Addons.aspx?aid=18879
Карта точек (локаций) в движке (Автор: muz1kand ) Техническое описание - https://deadline.en.cx/Addons.aspx?aid=18839
Снежинки
Администраторская - редактирование дизайна - Верхняя часть <script type="text/javascript" src="https://d1.endata.cx/images/personal/1469186/snow-fall.js"></script>
Плавающее поле ввода ответа
В текст задания вставте это (бонусы будут показываться):
<style> .hasChat { position: sticky; top: 0; left: 0; } .container { overflow: auto; } .cols-wrapper, #bonuses { display: yes; }</style>
Или это (бонусы НЕ будут показываться):
<style> .hasChat { position: sticky; top: 0; left: 0; } .container { overflow: auto; } .cols-wrapper, #bonuses { display: none; }</style>
Появление в задании
В задание: <font color="#FFFFFF">Тут появится :</font> <span id="0001">?</span><span id="0002">?</span><span id="0003">?</span> В бонус 1 <script type="text/javascript">document.getElementById("0001").innerhtml="Что должно появится";</script>
В бонус 2 <script type="text/javascript">document.getElementById("0002").innerhtml="Что должно появится";</script>
В бонус 3 <script type="text/javascript">document.getElementById("0003").innerhtml="Что должно появится";</script>
Полезные сайты
Таймеры: https://megatimer.ru/