MS Paint Adventures фэндомы Homestuck таймлайн-карта сделал сам точнее ещё делаю
Интерактивная таймлайн-карта Хомстака
Я тут встретил две проблемки, решить которые у меня не получается, хотя они совсем не критичные.Во-первых, в то время, как в хромиумных браузерах (Хром, Опера, Яндекс) всё работает идеально, Фаерфокс рисовать канвас габаритами более 4000х4000, а иногда и меньшим, по каким-то причинам отказывается. Поэтому версии для этого браузера вероятно не будет, если только кто-нибудь не подскажет мне, как это исправить. Гугл не помог.
Второе. Допустим, есть div с жёстко закреплённой шириной. Внутри него другой div с границами. Так вот этот div как по умолчанию, так и если поставить значение ширины auto, принимает ширину родительского div. А мне нужно, чтобы он принимал ширину по своему содержимому. Использование display: inline; не помогает, так как текст внутри дива может быть длинным, и, при переходе текста на новую строку, границы дива начинают вести себя странно. Использование display: inline-block; тоже не помогает, так как при нём ширина опять же берётся у родительского div. Существует ли какой-либо способ решения данной проблемы? Если нет, то окошки, всплывающие по наведению курсора на точку таймлайна и содержащие какое-нибудь длинное название страницы, будут иметь ширину строго в 230 пикселей, а не динамическую. Мелочь, а неприятно.
Свежая версия таймкарты: https://drive.google.com/file/d/0B_cljaTw-TqGX0hIUGFjZUtXeVk/view?usp=sharing
– содержит 200 первых страниц;
– для каждой версии Кролика Лив Тайлер отведён собственный таймлайн;
– всплывающие окошки теперь содержат не только номер, но и название соответствующей страницы;
– код значительно перелопачен.
MS Paint Adventures фэндомы Homestuck таймлайн-карта сделал сам точнее ещё делаю
Интерактивная таймлайн-карта Хомстака
Я тут начал пилить эту самую интерактивную таймлайн-карту.Суть в том, что чукча не дизайнер, поэтому, чтобы не сделать вырвиглазную и ненаглядную фигню, решил сначала попросить советов у фендома. Что можно добавить, что изменить, что и так хорошо и лучше не трогать, и что вы вообще об этом думаете.
На данный момент реализовано пока что лишь 100 первых страниц. Для каждого персонажа рисуется свой собственный таймлайн соответствующего цвета, а поверх них всех – сторилайн чёрного цвета и тонкой линией. По наведению на каждую точку таймлайнов показывается номер соответствующей страницы комикса, а по клику на точку соответствующая страница открывается. Точки страниц со звуком выделяются большим размером по сравнению с обычными, а страниц с рукой Джона из будущего – голубым кольцом вокруг них.
Вот ссыль на текущую версию: https://drive.google.com/file/d/0B_cljaTw-TqGX0hIUGFjZUtXeVk/view?usp=sharing
Это HTML-файл, его надо качать на комп и открывать браузером.
Ну, вот, в общем-то, и всё.
Неинтерактивные скриншоты карты:
