Скрипты

Текст

0 Теги

абзац <p> </p>

заголовок  <h1> </h1> 

блок  < div > </div>

строка  < span > </span>

перенос <br/>

неразрывный пробел &nbsp;

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>

Пример: Текст выровнен по правому краю

Пример:

<blockquote> Отступ 8 пробелов (для цитат, текст отделен пустой строкой):</blockquote>

Пример:

Отступ 8 пробелов (для цитат, текст отделен пустой строкой):

<bdo dir="rtl">Перевернуть текст задом-наперед</bdo>

Пример:Перевернуть текст задом-наперед

Сноска вверху текста^sup  Пример: Сноска вверху текста ^sup

Сноска вверху текста_sub  Пример: Сноска внизу текста_sub

<cite title="Информация">&copy; цитата</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;">&nbsp;&nbsp; Подробности по игре:</h2>
<p>&bull; Информация 1.</p>
</div>
<div id="d5" style="display: none; text-align: left; color: #fff; padding-left: 50px;">
<h2 style="color: #df2e1c; font-weight: bold;">&nbsp; &nbsp;Стоимость:</h2>
<p>&bull; Информация 2.</p>
</div>
<div id="d6" style="display: none; text-align: left; color: #fff; padding-left: 50px;">
<h2 style="color: #df2e1c; font-weight: bold;">&nbsp;&nbsp;Что пригодится на игре:</h2>
<p>&bull; Информация 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/