Нашел на одном забугорном форуме игрушку :) Сделал перевод под нашу знаменитую игру "Виселица" (изменил клавиатуру под русскую, и вместо ~80 каких-то фраз на инглише ввел около 300 русских слов) :D

Кому интересно качайте :)
dmzx-hangman.zip
46.35 КБ 402 скачивания
Установка: загрузить в директорию ext, распаковать, включить в ACP

Просьба к http://cabinetadmina.ru/memberlist.php? ... ile&u=2940 : пожалуйста, помогите адаптировать под мобильный... там клавиатура ломает страницу :oops:
Комментарии: 7

CabinetAdmin 09 окт 2015, 21:05 Сообщение

Посмотрю :)
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

CabinetAdmin 10 окт 2015, 17:07 Сообщение

На пробу.
В файле hangman.html заменить всё содержимое на:

Код: Выделить всё

<!-- INCLUDECSS @dmzx_hangman/hangman.css -->
<!-- INCLUDE overall_header.html -->

<h2>{L_HANGMAN_TITLE}</h2>
<form name="frm">

<div class="hangman">
	<dl>
		<dt><img src="{ROOT_PATH}ext/dmzx/hangman/styles/all/theme/images/hmstart3.gif" height="150" width="150" name="hm" alt=""></dt>
		<dd><p>{L_HANGMAN_TENLIVES}</p>
			<p>{L_HANGMAN_SCORE}
			<input type="text" size="2" onfocus="score.blur();" value="0" name="score"> {L_HANGMAN_LIVES_USED}
			<input type="text" size="2" onfocus="lives.blur();" value="0" name="lives">
			<input class="nq" type="button" value="{L_HANGMAN_NEW_QUOTE}" onclick="new_word(this.form);">
			<input class="nq" type="button" disabled="true" value="{L_HANGMAN_RESTART}" onclick="restart(this.form);" name="res"></p>
		</dd>
	</dl>
</div>

<div class="panel-container">
	<div class="panel">
		<div class="inner">
			<table class="table1 responsive">
			<thead>
				<tr><th colspan="2"><textarea class="tarea" onfocus="word.blur();" name="word" cols="81" rows="1">{L_HANGMAN_NEW_QUOTE_START}</textarea></th></tr>
			</thead>
			<tbody>
				<tr class="bg1">
					<td>{L_HANGMAN_FAILED_TRIES} <input type="text" size="25" onfocus="tried.blur();" value="" name="tried"></td>
					<td>{L_HANGMAN_CORRECT_TRIES} <input type="text" size="30" onfocus="tried.blur();" value="" name="correct"></td>
				</tr>
			</tbody>
			</table>
		</div>
	</div>
</div>

<div class="panel">
	<div class="inner">
		
		<div class="keyboard">
			<div class="line">
				<div><input type="button" id='А' value=" А " onclick="seek('А');" class="alpha-butt"></div>
				<div><input type="button" id='Б' value=" Б " onclick="seek('Б');" class="alpha-butt"></div>
				<div><input type="button" id='В' value=" В " onclick="seek('В');" class="alpha-butt"></div>
				<div><input type="button" id='Г' value=" Г " onclick="seek('Г');" class="alpha-butt"></div>
				<div><input type="button" id='Д' value=" Д " onclick="seek('Д');" class="alpha-butt"></div>
				<div><input type="button" id='Е' value=" Е " onclick="seek('Е');" class="alpha-butt"></div>
				<div><input type="button" id='Ё' value=" Ё " onclick="seek('Ё');" class="alpha-butt"></div>
				<div><input type="button" id='Ж' value=" Ж " onclick="seek('Ж');" class="alpha-butt"></div>
				<div><input type="button" id='З' value=" З " onclick="seek('З');" class="alpha-butt"></div>
				<div><input type="button" id='И' value=" И " onclick="seek('И');" class="alpha-butt"></div>
				<div><input type="button" id='Й' value=" Й " onclick="seek('Й');" class="alpha-butt"></div>
			</div>
			<div class="line">
				<div><input type="button" id='К' value=" К " onclick="seek('К');" class="alpha-butt"></div>
				<div><input type="button" id='Л' value=" Л " onclick="seek('Л');" class="alpha-butt"></div>
				<div><input type="button" id='М' value=" М " onclick="seek('М');" class="alpha-butt"></div>
				<div><input type="button" id='Н' value=" Н " onclick="seek('Н');" class="alpha-butt"></div>
				<div><input type="button" id='О' value=" О " onclick="seek('О');" class="alpha-butt"></div>
				<div><input type="button" id='П' value=" П " onclick="seek('П');" class="alpha-butt"></div>
				<div><input type="button" id='Р' value=" Р " onclick="seek('Р');" class="alpha-butt"></div>
				<div><input type="button" id='С' value=" С " onclick="seek('С');" class="alpha-butt"></div>
				<div><input type="button" id='Т' value=" Т " onclick="seek('Т');" class="alpha-butt"></div>
				<div><input type="button" id='У' value=" У " onclick="seek('У');" class="alpha-butt"></div>
				<div><input type="button" id='Ф' value=" Ф " onclick="seek('Ф');" class="alpha-butt"></div>
			</div>
			<div class="line">
				<div><input type="button" id='Х' value=" Х " onclick="seek('Х');" class="alpha-butt"></div>
				<div><input type="button" id='Ц' value=" Ц " onclick="seek('Ц');" class="alpha-butt"></div>
				<div><input type="button" id='Ч' value=" Ч " onclick="seek('Ч');" class="alpha-butt"></div>
				<div><input type="button" id='Ш' value=" Ш " onclick="seek('Ш');" class="alpha-butt"></div>
				<div><input type="button" id='Щ' value=" Щ " onclick="seek('Щ');" class="alpha-butt"></div>
				<div><input type="button" id='Ъ' value=" Ъ " onclick="seek('Ъ');" class="alpha-butt"></div>
				<div><input type="button" id='Ы' value=" Ы " onclick="seek('Ы');" class="alpha-butt"></div>
				<div><input type="button" id='Ь' value=" Ь " onclick="seek('Ь');" class="alpha-butt"></div>
				<div><input type="button" id='Э' value=" Э " onclick="seek('Э');" class="alpha-butt"></div>
				<div><input type="button" id='Ю' value=" Ю " onclick="seek('Ю');" class="alpha-butt"></div>
				<div><input type="button" id='Я' value=" Я " onclick="seek('Я');" class="alpha-butt"></div>
			</div>
		</div>
		
	</div>
</div>

</form>
<!-- INCLUDE overall_footer.html -->
Файл hangman.css тоже полностью заменить на:

Код: Выделить всё

/*
*
* @package Hangman game
* @author dmzx (www.dmzx-web.net)
* @copyright (c) 2015 by dmzx (www.dmzx-web.net)
* @license http://opensource.org/licenses/gpl-license.php GNU Public License
* 
* Modified: xaocZ ( CabinetAdmin ) - http://cabinetadmina.ru/
* 
*/

.nq{width: 100px;}

.tarea{font-weight: bold;}

.icon-hangman {
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-image: url("./images/icon_hangman.gif");
}

.hangman {
	margin-bottom: 10px;
	padding: 10px;
}

.hangman dl {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.hangman  dt {
	display: table-cell;
	width: 250px;
}

.hangman  dd {
	display: table-cell;
	vertical-align: bottom;
}

@media only screen and (max-width: 560px), only screen and (max-device-width: 560px) {
	.hangman dl, .hangman  dt, .hangman  dd {
		display: block;
		width: auto;
	}
}

.keyboard {
	padding: 5px 0;
}

.keyboard .line {
	border-spacing: 2px;
	display: table;
	table-layout: fixed;
	width: 100%;
}

.keyboard .line > div {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.alpha-butt {
	background: #F1F1F1;
	background: -moz-linear-gradient(top, #FFFFFF 0%, #F1F1F1 100%);
	background: -webkit-linear-gradient(top, #FFFFFF 0%, #F1F1F1 100%);
	background: linear-gradient(to bottom, #FFFFFF 0%, #F1F1F1 100%);
	border: 1px solid #CECECE;
	font-size: 1.2em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	height: 40px;
	padding: 0;
	width: 100%;
}

.alpha-butt:hover {
	background: #FFFFFF;
	background: -moz-linear-gradient(top, #F1F1F1 0%, #FFFFFF 100%);
	background: -webkit-linear-gradient(top, #F1F1F1 0%, #FFFFFF 100%);
	background: linear-gradient(to bottom, #F1F1F1 0%, #FFFFFF 100%);
}

@media only screen and (max-width: 460px), only screen and (max-device-width: 460px) {
	.alpha-butt {
		font-size: 1em;
	}
}
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

vla20071 10 окт 2015, 17:46 Сообщение

CabinetAdmin писал(а): На пробу.
Все классно, в том числе в мобильном!!! НО не работает :) при нажатии на "Новое слово" ничего не происходит, а при повторном пишет, что слово уже выбрано :)
  • 0

CabinetAdmin 10 окт 2015, 18:25 Сообщение

Ой:) Поправил, замените hangman.html.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

vla20071 10 окт 2015, 18:30 Сообщение

CabinetAdmin, :Yahoo!: Все работает и вид поинтереснее стал :) Внесу изменение в архив и закину в первый пост! Спасибо большое!!!
  • 0

eska 10 окт 2015, 18:34 Сообщение

vla20071, дайте ссылку в лс или тут, погляжу)
  • 0

vla20071 10 окт 2015, 18:49 Сообщение

CabinetAdmin, не могу редактировать первый пост, поменяйте пожалуйста архив в шапке темы :wink:


eska, извините, просто у меня специфический форум (не каждый его поймет) :D Попробуйте поставить себе, расширение простенькое без всяких настроек :wink:
Игра виселица - 999999.png
Игра виселица - 989898.png
  • 0