Как создать кроссворд для блога
Опубликовано: 05.09.2018
Здравствуйте, друзья! 25 февраля, в честь дня рождения блога FairHeart.ru был проведен первый конкурс по разгадыванию кроссворда . Такая практика не нова и применяется на многих блогах для развлечения публики, улучшения атмосферы и увеличения числа комментариев. В этой статье я хочу рассказать, как создать кроссворд для блога .
Насколько я знаю, впервые идея создания кроссворда на блоге пришла в голову Сергею Соснорвкому автору блога sosnovskij.ru. Свою идею он успешно воплотил в жизнь, что описал в . Она написала очень грамотно, просто и понятно. Повторять ее содержание на своем блоге, считаю не уместным. Все-таки нужно уважать авторство, а не тырить материал у соседа.
Как сделать кроссворд и пазл для сайта (блога)
Хотелось бы только разъяснить некоторые моменты, которые в том посте не раскрыты.
Удаление подсказки
Если делать все так, как написано в той статье, то в исходном коде страницы можно найти все загаданные слова. Конечно, допускать такого нельзя. На самом деле, массив со словами не играет никакой роли в плане функционала, так что его можно спокойно удалить. При этом кроссворд будет корректно работать.
Кроссворд на свой блог
Дабы не удалять каждый раз эту строчку кода, лучше сразу отключить в программе EclipseCrossword автоматическую вставку подсказок. Это делается в разделе Options, закладка Web, опция «Do not allow cheating».
Выравнивание по центру
По умолчанию кроссворд выводится на странице слева. Большой объем свободного пространства справа смотрится некрасиво. В данном случае удачным решением будет расположить кроссворд по центру.
Для этого все содержимое тега body заключаем в div с идентификатором krossvord (id=«krossvord»). Далее в файл style.css приписываем следующие стили:
| # krossvord { width : 700px ; margin : 0 auto ; } |
Проблема с кодировкой
Проверять правильность кодировки страницы с кроссвордом нужно на сервере!
К примеру, я поставил кодировку UTF8 без BOM, воспользовавшись бесплатным редактором Notepad++ . Если открыть страницу на своем компьютере, то кодировка будет нарушена, и вместо русских букв вы увидите нечитабельные иероглифы. С другой стороны, если ее же загрузить на сервер и открыть через браузер, то все слова будут выводится корректно.
На этом собственно все. Создать кроссворд на блоге не сложно, гораздо труднее подобрать к нему интересные слова. Спасибо за внимание! Берегите себя.
Лучший способ выразить благодарность автору - поделиться с друзьями!
Узнавайте о появлении нового материала первым! Подпишитесь на обновления по email:
Следите за обновлениями в Twitter и RSS.