15шКи - Пятнашки / Игры / Сниппеты Bootstrap

Версия: v1.7.0

Каталог: Сниппеты Bootstrap

Категория: Игры

Bootstrap: 3, 4, 5

Для CMS: HTML, Drupal, Joomla, uCoz, WordPress, Magento, OpenCart, PrestaShop, Shopify, WHMCS, PHP

Язык: Русский

Вес файла: 40.5 Kb

Уникальный ID: 5674

Количество символов:

Посмотрели: 1076 раз

Помощь: установка & настройка

Прикреплён файл №1: /_sf/56/5674.html

Прикреплён файл №2: /stuff/0-0-0-5674-20

Скачали бесплатно: 37 раз

Прокомментировали: 0 раз

Рейтинг: 3.3 / 5 - 7 голосов

Тип лицензии: CC BY 4.0

Авторство: Посмотреть

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

Информация: Правообладателям

Теги: Игры, Bootstrap, пятнашки, сниппет, games, 15шки, Snippet

Поделился: BootstrapТема

Добавлено: 2023-01-17 в 16:32

Метка: 1673963587

⇄ ⇅

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
 <title>15&#1096;&#1050;&#1080; Онлайн</title>
 <link rel="stylesheet" href="https://bootstraptema.ru/snippets/games/2023/15shki.online.min.css" />
 <link href="https://fonts.googleapis.com/css2?family=Baloo+Tamma+2:wght@400;500;600;700&display=swap" rel="stylesheet">
 <script src="https://bootstraptema.ru/snippets/games/2023/jquery-3.5.0.min.js"></script> 
 <meta name="apple-mobile-web-app-capable" content="yes">
 <meta name="HandheldFriendly" content="True">
 <meta name="MobileOptimized" content="320">
 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no, minimal-ui">
</head>
<body>
 <div class="blockgames">
 <div class="heading">
 <h1 class="title">15&#1096;&#1050;&#1080;</h1>
 <div class="scores-blockgames">
 <div class="score-blockgames">00:00.<small>00</small></div>
 <div class="best-blockgames">44:21.<small>00</small></div>
 </div>
 </div>
 <div class="game-blockgames">
 <div class="game-message"><a class="retry-button">&#1053;&#1040;&#1063;&#1040;&#1058;&#1068;</a></div>
 <div id="Puzzle" class="def"></div>
 </div>
 <p class="game-explanation"><strong class="important">&#1055;&#1056;&#1040;&#1042;&#1048;&#1051;&#1040;&#32;&#49;&#53;&#1096;&#1050;&#1080;&#58;&#32;&#1055;&#1077;&#1088;&#1077;&#1084;&#1077;&#1097;&#1072;&#1081;&#1090;&#1077;&#32;&#1087;&#1083;&#1080;&#1090;&#1082;&#1080;&#32;&#1089;&#32;&#1085;&#1086;&#1084;&#1077;&#1088;&#1072;&#1084;&#1080;&#32;&#1074;&#32;&#1089;&#1077;&#1090;&#1082;&#1077;&#44;&#32;&#1095;&#1090;&#1086;&#1073;&#1099;&#32;&#1091;&#1087;&#1086;&#1088;&#1103;&#1076;&#1086;&#1095;&#1080;&#1090;&#1100;&#32;&#1080;&#1093;&#32;&#1086;&#1090;&#32;&#49;&#32;&#1076;&#1086;&#32;&#49;&#53;&#46;&#32;&#1063;&#1090;&#1086;&#1073;&#1099;&#32;&#1087;&#1077;&#1088;&#1077;&#1084;&#1077;&#1089;&#1090;&#1080;&#1090;&#1100;&#32;&#1087;&#1083;&#1080;&#1090;&#1082;&#1091;&#44;&#32;&#1085;&#1072;&#1078;&#1084;&#1080;&#1090;&#1077;&#32;&#1085;&#1072;&#32;&#1085;&#1077;&#1105;&#32;&#1080;&#1083;&#1080;&#32;&#1080;&#1089;&#1087;&#1086;&#1083;&#1100;&#1079;&#1091;&#1081;&#1090;&#1077;&#32;&#1082;&#1083;&#1072;&#1074;&#1080;&#1096;&#1080;&#32;&#1089;&#1086;&#32;&#1089;&#1090;&#1088;&#1077;&#1083;&#1082;&#1072;&#1084;&#1080;&#32;&#40;&#1074;&#1074;&#1077;&#1088;&#1093;&#44;&#32;&#1074;&#1085;&#1080;&#1079;&#44;&#32;&#1074;&#1083;&#1077;&#1074;&#1086;&#44;&#32;&#1074;&#1087;&#1088;&#1072;&#1074;&#1086;&#41;&#32;&#1080;&#1083;&#1080;&#32;&#1087;&#1088;&#1086;&#1074;&#1077;&#1076;&#1080;&#1090;&#1077;&#32;&#1087;&#1072;&#1083;&#1100;&#1094;&#1077;&#1084;&#46;</strong></p>
 <hr>
 <p>&#1057;&#1086;&#1079;&#1076;&#1072;&#1085;&#1086;: <a href="https://bootstraptema.ru" target="_blank">BootstrapTema</a></p>
 <hr> <p>&#1055;&#1088;&#1086;&#1089;&#1090;&#1072;&#1103;&#32;&#1080;&#32;&#1074;&#1077;&#1089;&#1077;&#1083;&#1072;&#1103;&#32;&#1080;&#1075;&#1088;&#1072;&#32;&#49;&#53;&#1096;&#1050;&#1072;&#32;&#1080;&#32;&#1079;&#1085;&#1072;&#1084;&#1077;&#1085;&#1080;&#1090;&#1072;&#1103;&#32;&#1075;&#1086;&#1083;&#1086;&#1074;&#1086;&#1083;&#1086;&#1084;&#1082;&#1072;&#44;&#32;&#1087;&#1086;&#1089;&#1090;&#1072;&#1088;&#1072;&#1081;&#1090;&#1077;&#1089;&#1100;&#32;&#1079;&#1072;&#1082;&#1086;&#1085;&#1095;&#1080;&#1090;&#1100;&#32;&#1075;&#1086;&#1083;&#1086;&#1074;&#1086;&#1083;&#1086;&#1084;&#1082;&#1091;&#32;&#49;&#53;&#1096;&#1050;&#1091;&#32;&#1079;&#1072;&#32;&#1084;&#1077;&#1085;&#1100;&#1096;&#1077;&#1077;&#32;&#1074;&#1088;&#1077;&#1084;&#1103;&#46;&#32;&#1069;&#1090;&#1086;&#32;&#1073;&#1091;&#1076;&#1077;&#1090;&#32;&#32;&#1086;&#1079;&#1085;&#1072;&#1095;&#1072;&#1090;&#1100;&#44;&#32;&#1095;&#1090;&#1086;&#32;&#1074;&#1099;&#32;&#1079;&#1072;&#1082;&#1086;&#1085;&#1095;&#1080;&#1083;&#1080;&#32;&#1089;&#32;&#1084;&#1077;&#1085;&#1100;&#1096;&#1080;&#1084;&#32;&#1082;&#1086;&#1083;&#1080;&#1095;&#1077;&#1089;&#1090;&#1074;&#1086;&#1084;&#32;&#1093;&#1086;&#1076;&#1086;&#1074;&#46;</strong></p>
 </div>
 <script type="text/javascript">
 $(function() {
 var ms, s, m, h, b, init = 0,
 startDate, clockTimer, bestRecord = 9999999;

function setBest(val) {
 if (val <= bestRecord) {
 $('.best-blockgames').html(convert(val));
 }
 }

function convert(t) {
 if (t === 9999999) {
 return '44:21.<small>00</small>';
 }
 ms = t % 1000;
 t -= ms;
 ms = Math.floor(ms / 10);
 t = Math.floor(t / 1000);
 s = t % 60;
 t -= s;
 t = Math.floor(t / 60);
 m = t % 60;
 t -= m;
 t = Math.floor(t / 60);
 h = t % 60;
 if (h < 10) h = '0' + h;
 if (m < 10) m = '0' + m;
 if (s < 10) s = '0' + s;
 if (ms < 10) ms = '0' + ms;
 return m + ':' + s + '.<small>' + ms + '</small>';
 }

function start() {
 clearTimeout(clockTimer);
 jQuery('.game-message').hide();
 jQuery('#Puzzle.def').shufflepuzzle['def']({
 shuffleNum: 25
 });
 }
 });
 </script>
</body>
</html>

BootstrapTema

15шКи - Пятнашки

Скриншот

Подробнее

Похожие материалы

Просмотренные материалы

Всего комментариев: 0