Горизонтальное выпадающее меню:
Выпадающее меню удобно использовать, если информации для размещения в блоге накопилось довольно много и ее нужно структурировать.
чтобы создать выпадающее меню, необходимо редактировать код HTML шаблона блога.
Обратите внимание: изменяйте код HTML только если это действительно нужно!
Рекомендуется перед изменением кода блога создать резервную копию или потренироваться на специально созданном шаблоне!
Самый простой и понятный совет нашла ЗДЕСЬ
,
третий из предлагаемых вариантов подходит практически для всех шаблонов.
Чтобы создать горизонтальное выпадающее меню необходимо последовательно работать с кодом HTML шаблона, а затем в разделе "Дизайн"
КОД HTML ШАБЛОНА:
1. - заходим "Тема";
- нажимаем "Изменить HTML";
- в открывшемся коде находим
- над ним нажимаем "Enter";
- - копируем и вставляем в новую строку код стиля
(либо копируем его с сайта все, полностью, включая фигурные скобки)
2. - теперь находим в коде шаблона
- над ним нажимаем "Enter";
- - копируем и вставляем в новую строку скрипт
(либо копируем его с сайта все, полностью)
3. - находим в коде шаблона
- над ним нажимаем "Enter";
- копируем и вставляем в новую строку код стиля шаблона
(либо копируем его с сайта все, полностью, включая фигурные скобки)
- нажимаем "Сохранить шаблон";
ВО ВКЛАДКЕ ДИЗАЙН
- заходим "Дизайн";
- выбираем "HTML/JavaScript";
- в открывшемся окне блок "Название" оставляем пустым;
- в блок "Содержание" добавляем следующий код:
- открываем блог в режиме пользователя;
- вместо ##### вставляем ссылки на уже опубликованные страницы;
-вместо слов "Меню 1", "Подменю 1" и т.д. вписываем нужные названия
- если есть необходимость удаляем/добавляем строки меню и подменю, внимательно копируя и вставляя в нужные места строки кода;
- нажимаем "Сохранить"
- размещаем блог в верхней части шаблона блога
- просматриваем изменения в блоге.
Обратите внимание: в этот тип меню можно вставить только ссылки уже опубликованных страниц.
Таким образом, чтобы разместить в меню новые страницы, их необходимо:
- открыть вкладку "Дизайн";
- разместить страницу в любом месте блога;
- открыть блог;
- скопировать ссылку страницы;
- вернуться на вкладку "Дизайн";
- открыть "HTML/JavaScript";
- добавить ссылку вместо ####;
- добавить название страницы вместо "Подменю ...""
- нажать "Сохранить";
- вернуться в "Дизайн";
- удалить страницу из предыдущего места размещения.
Добавить спойлер в сообщении:
Спойлер, в данном случае, прием, позволяющий скомпоновать текст, добавить пояснение или убрать добавочные изображение, так, чтобы пользователь мог просмотреть их не переходя на другие страницы
Самый простой из найденных мной советов по установке спойлера находится ЗДЕСЬ
- копируем код, размещенный на ЭТОЙ СТРАНИЦЕ
(копируем полностью, с треугольными скобками)
Далее работаем в блоге:
- выбираем "Создать сообщение";
-написать поясняющий текст или нажать на клавиатуре кнопку "Enter" (это необходимо, чтобы потом написать на странице текст)
-нажимаем HTML
-в самом низу открывшейся страницы вставляем скопированный код
-далее работаем на странице HTML: заменяем в коде слово "Spoiler" на поясняющее, заменяем фразу "Здесь Ваш текст, скрипт или картинка" на текст (в этом варианте текст добавляется без абзацев!!!)или изображение (используем специальные кнопки вверху страницы), которые Вам нужны
-когда вся информация, которая должна быть скрыта, добавлена под спойлер, нажимаем "Создать" (на этом этапе Вы не сможете увидеть, как раскрывается информация под спойлером)
- дополнить информацию на странице, при необходимости
-наживаем "Опубликовать"
-нажимаем "Дизайн", размещаем страницу в нужном блоке
- просматриваем страницу
- при необходимости редактируем страницу в режиме HTML
Поставить абзац в тексте под спойлером:
Если необходимо, чтобы текст, размещенный под спойлером был разделен на абзацы, необходимо:
- войти во вкладку "Страницы";
- открыть для редактирования страницу со спойлером;
- нажать "HTML";
- в открывшемся коде находим строку текста, которая должна быть написана с нового абзаца;
- ставим перед этой строкой
- ставим после этой строки
- нажимаем "Создать";
- нажимаем "Обновить";
- просматриваем внесенные изменения.
Комментариев нет:
Отправить комментарий