Уважаемые скриптописатели!

А может кто-нибудь сделать скрипт, увеличивающий ширину игрового поля?

Скриншот иллюстрирует проблему: на большом мониторе ширина игрового поля маленькая, по краям много свободного места. При крупном шрифте получается слишком много строк (а в марафоне строки разбиваются).



Идея увеличивать масштаб в браузере мне не очень нравится.

Сделал стилями.
Перед:

После:

Код:

*Щас сайт юзерстайлс упал, но когда он заработает, загружу туда. Тогда можно будет установить как стиль, так и как юзерскрипт.

Фенекс, т.е. оно растягивает на все свободное место? Не очень понятно, откуда у тебя там горизонтальная прокрутка нарисовалась :)

А поясни, пожалуйста, как это установить, если скажем я захочу подредактировать — не 100%, а 90% или как-то еще? У меня Firefox. Stylish обязателен?

Да, а дорожку, по которой едет машинка, увеличить нереально? Не критично, но мало ли.

для ФФ. Stylish обязателен. Внизу справа иконка c буквой "S". Нужно проверить, что иконка цветная. Щелкаем ПКМ(Правой кнопкой мыши) по иконке. Выбираем Создать стиль → для klavogonki.ru
Название стиля: WidthPlayGame
Тэги: [оставить пустым]
Ну и вставить код конечно же :)

UPD: над дорожкой и горизонтальной прокруткой подумаю.

А, я кажется поняла, откуда прокрутка... там сбоку от правой панели остается место, вот его бы убрать к собакам :)

А как сделать меньше 100%? Попробовала тупо 90 для всех параметров — ересь получается :)

а если только #typeblock?

Избавился от прокрутки.

Олимо, жирным - это как раз то, что ты хочешь поменять.

Фенекс, спасибо :*

Глянула, на маленьком мониторе (ноутбук дома) прокрутка получается все равно (но в полноэкранном режиме ее уже нет). Буду пробовать завтра на работе, думаю, там будет все в порядке :)

Если есть прокрутка, то надо подбором менять значение в #play-right .

А вот если присвоить этому значению больше 100%, то управляющие элементы невзаимоисключающего выбора с правой панели наложатся на игровой блок и затруднят чтение текста. Как сделать, чтобы, наоборот, текст перекрывал эти «квадратики»?

Вряд ли можно. Элементы управления (в том числе чекбоксы(квадратики)) имеют приоритет... Я не уверен, но скорее всего так. Эти чекбоксы можно скрыть, либо весь блок "Настройки" переместить куда-нибудь, например, вниз игры. Или вызывать его по нажанию на спец. кнопку. Но это уже другой скрипт... :)

Как решение в лоб, можно просто добавить в тело кода:
body { overflow-x: hidden !important; }

Полосы прокрутки не будет.
Проблема не в поле справа на самом деле, там всё корректно сделано. Если критично, можно покопаться в свободное время.

http://userstyles.org/styles/41204

Вот отсюда можно установить стиль автоматически. Также можно его установить как юзерскрипт(Справа кнопки на зеленом фоне).

+ Добавил строчку, которая растягивает блочный чат. (возникли проблемы с Общим чатом)

У меня почти также получилось, с некоторыми мелочами :) Ну и прокрутка не появляется.

.play-overall-table {width:95%} /*Чтобы хоть какие-то поля слева-справа были*/
.play-overall-table table, .gameblock, #typeblock {width:100%;}
#sortable {padding-left:5%; padding-right:20px} /*задает отступы тому самому блоку, который обозначен на картинке, значения чисто для красоты и по вкусу*/
#typeplayblock div + div {margin-right:10px;}
#inputtext {width:100%}
#players-block {width:740px; margin-left:auto; margin-right:auto} /*центрирует блок с машинкой*/


Если блок с машинкой нужен на всю ширину, то вместо последней строчки нужно:
#players .player, #players .divider {width:auto !important; min-width:720px}
#players .divider {position:relative; top:6px; margin:0 15px -4px 0}

Фишка в том, что скрипт перемещения машинки заточен под ширину 720 и ехать до финиша она не будет, если ширина беговой дорожки больше минимальной.
Это скрипт, двигающий машинки, менять надо.

Как это все выглядит.

А что такое "+"?

takobus, у меня с твоим скриптом не увеличивается ширина игрового поля...

Без скрипта:

Со скриптом:

Остановлюсь пока на таком варианте:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("klavogonki.ru") {

.play-overall-table {width:100% !important;}
#play-overall table {width:100% !important;}
#sortable {width:100% !important;}
.gameblock {width:85% !important;}
#typeblock {width:100% !important;}
#inputtext {width:100% !important; padding:0px 0px !important}
#play-right {margin-right:-50px !important;}
}



А можно сделать, чтобы расстояние между игровым блоком и блоком статистики было маленькое, как и когда без скрипта?
И еще: после начала игры опять все растягивается и появляется горизонтальная прокрутка:

В фоксе не запускала, а зря. Похоже, что там нужно везде (везде!) !important добавить.

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("klavogonki.ru") {
.play-overall-table {width:95% !important;}
.play-overall-table table, .gameblock, #typeblock {width:100% !important}
.play-overall-table td + td {width:25%; min-width:215px; max-width:315px} /* чтобы ширина колонок не менялась*/
.play-overall-table .car td {width:auto; min-width:auto; max-width:auto} /*нейтрализует влияние предыдущего*/
#sortable {padding-right:10px}
#typeplayblock div + div {margin-right:8px !important}
#typeplayblock #fontsize_cont div + div {margin-right:0 !important}
#inputtext {width:100% !important}

#players .player, #players .divider {width:auto !important; min-width:720px}
#players .divider {position:relative !important; top:6px !important; margin:0 15px -4px 0 !important}
}




Это Adjacent sibling combinator, сестринскими еще называют :) Когда второй элемент расположен сразу за первым, т.е. h1 + p — правило для абзаца после заголовка.
В данном случае нужен для компенсации 100% ширины input

takobar, как установить ваш скрипт на Хром? (У фенекса поля уж очень маленькие)

Чародей, http://userstyles.org/styles/41505

Спасибо, работает!