Приветствую вас друзья. Опять хочу предложить вам очередной вариант, как красиво оформить в блоге скрытый текст или часть его. Это уже не первый пост на эту тему. Посоветую посмотреть подобный эффект в этом сообщении.
Пример того о чём сегодня пойдёт речь можно увидеть, перейдя по этой ссылке. Я взяла фрагмент сказки "Золотой ключик" и спрятала его внутри. Удобно применять такой эффект, когда сообщение само по себе очень длинное. Или же есть желание оформить таким образом цитату. Красиво это смотрится и в гаджете. Тут только всё зависит от вашей фантазии. Первое, что мне пришло ну ум, это оформить красиво какое-нибудь объявление на блоге. Или приветствие с информацией об авторе.
<div id="paneltovik">
<div id="panel">тут весь текст который будет скрыт </div>
<div class="tombolpanel">
<span class="in">отображаемый на панели заголовок</span>
<span class="in" style="display: none;">закрыть</span>
</div>
</div>
Код вставляем в то место сообщения, в режиме HTML, где панель должна отображаться. Или же в любой гаджет HTML/JavaScript.
Обратите внимание на скрипт библиотеки jquery в коде. Если что-то у вас не получается при установке, проверьте. Возможно она у вас уже подключена. В этом случае строку, выделенную красным цветом нужно убрать. С остальными подсказками думаю всё понятно.
Спасибо, что читаете мои шпаргалки. До новых встреч. Удачи всем.
Пригодится, беру. Вика, пришла идея расположить такую фишку под фотографии с рукоделками. Можно туда сделать описание работы, например. А индексироваться такая фишка не будет, наверное, она же закрыта?
Сама Доброта, то что скрыто под спойлером поисковики видят как обычный текст. Это скорее для красоты. У меня вопрос к тебе. Когда ты пишешь мне комментарий появляется капча или нет. и с какого браузера ты работаешь. Просто у одного пользователя проблема с этим возникла.
Виктория, эта капча есть во всех продуктах гугл, даже в поиске. Где-то надо один раз доказать, что не бот (к примеру в поиске гугл), а в некоторых случаях (при комментировинии) надо постоянно выбирать эти картинки. Все решается просто: при нахождении и пользовании гугловскими сайтами, надо находится в аккаунте гугл. Сами можете проверить мою теорию: 1) выйдете из аккаунта гугл. 2) Если в хроме, то сотрите куки (можно не стирать, но есть вероятность, что благодаря кукам гугл знает что вы не бот и капчу вам не сунет). 3) Можно зайти с другого браузера, но при этом не заходить в аккаунт гугл. 4) Оставьте у себя комментарий как "аноним", или "имя/url".
Проблемы с коментариями из-за браузеров и операционных систем. https://support.google.com/blogger/answer/42247?hl=ru&ref_topic=3339243&vid=1-635758549184623810-2659224972
Вика, мне этот вариант визуально больше всего понравился, но дался с трудом... Вроде бы все нормально, но у меня получается большой отступ после текста перед спойлером. http://corolesja.blogspot.com/2015/06/pervoklassnik.html
Лариса, не нашла у Вас на блоге форму связи. В принципе всё нормально смотрится.Вероятнее всего.. У меня ниже есть форма связи- скопируйте и вышлете пожалуйста весь код вашего сообщения, где установлена панелька. А насчёт блога я потом и отпишусь Вам.
Пригодится, беру. Вика, пришла идея расположить такую фишку под фотографии с рукоделками. Можно туда сделать описание работы, например. А индексироваться такая фишка не будет, наверное, она же закрыта?
ОтветитьУдалитьСама Доброта, то что скрыто под спойлером поисковики видят как обычный текст. Это скорее для красоты. У меня вопрос к тебе. Когда ты пишешь мне комментарий появляется капча или нет. и с какого браузера ты работаешь. Просто у одного пользователя проблема с этим возникла.
УдалитьУ меня нет, только сейчас комментарий посмотрела, извини. Я пользуюсь разными, сейчас Мозиллой. А этот код сейчас попробую, копирую.
УдалитьВиктория, эта капча есть во всех продуктах гугл, даже в поиске. Где-то надо один раз доказать, что не бот (к примеру в поиске гугл), а в некоторых случаях (при комментировинии) надо постоянно выбирать эти картинки. Все решается просто: при нахождении и пользовании гугловскими сайтами, надо находится в аккаунте гугл. Сами можете проверить мою теорию: 1) выйдете из аккаунта гугл. 2) Если в хроме, то сотрите куки (можно не стирать, но есть вероятность, что благодаря кукам гугл знает что вы не бот и капчу вам не сунет). 3) Можно зайти с другого браузера, но при этом не заходить в аккаунт гугл. 4) Оставьте у себя комментарий как "аноним", или "имя/url".
УдалитьПроблемы с коментариями из-за браузеров и операционных систем. https://support.google.com/blogger/answer/42247?hl=ru&ref_topic=3339243&vid=1-635758549184623810-2659224972
Вышел из аккаунта гугл (куки не трогал) и пишу Вам проверочный комментарий. Капча есть. Что и требовалось доказать.
УдалитьЭто у гугла такая защита от спама.
УдалитьДа ладно уже Иван. Что есть. Уже надоело правда с ней разбераться. Кому надо и с капчой оставят комментарий.
УдалитьЕще раз пробую)
ОтветитьУдалитьТатьяна, получилось. Или опять с трудом?
УдалитьВика, цвета поменяла, а шрифт можно поменять, мелковато?
УдалитьА всё, нашла, шрифт тоже можно поменять и размер, всё работает! Мне нравится.
УдалитьМолодец, только хотела ответить, а ты уже справилась сама.
УдалитьВика привет. Отличный вариант спойлера. У тебя самая первая ссылка не рабочая. У меня не получилось посмотреть, пустая страница.
ОтветитьУдалитьОльга, ещё раз спасибо. Вот видишь не только у Ивана проблема. А за внимание ещё раз спасибо. Ссылку исправила.
УдалитьВика, все равно пустая страница, в адресной строке "about:blank"
ОтветитьУдалитьОль, сейчас нормально. Что-то у меня сегодня суетливый день такой. Приношу извинения за неудобства. Обновить статью забыла.
УдалитьВика, мне этот вариант визуально больше всего понравился, но дался с трудом... Вроде бы все нормально, но у меня получается большой отступ после текста перед спойлером. http://corolesja.blogspot.com/2015/06/pervoklassnik.html
ОтветитьУдалитьЭтот комментарий был удален автором.
УдалитьУбери закрывающийся тег br в режиме Html перед кодом.
УдалитьВика, убрала закрывающийся тег, отступ не уменьшился. Как побороть это препятствие??
УдалитьЛариса, где я могу это посмотреть?
Удалитьhttp://fleshca2.blogspot.com.by/p/blog-page_29.html
УдалитьЕщё буду рада любым вашим рекомендациям, чтоб мой блог был лучше, содержательным и интересным:))
Лариса, не нашла у Вас на блоге форму связи. В принципе всё нормально смотрится.Вероятнее всего.. У меня ниже есть форма связи- скопируйте и вышлете пожалуйста весь код вашего сообщения, где установлена панелька.
УдалитьА насчёт блога я потом и отпишусь Вам.
Уберите в коде после последнего закрывающегося script тег /br -Это перед всеми DIVами.
УдалитьОтправила... А на счет формы связи, устанавливала не один код, но сообщение не отправляется:((
УдалитьТак попробуйте просто родную форму установить. Она здесь. Дизайн-добавить гаджет слева пункт-другие гаджеты-форма связи.
УдалитьДа, всё работает.. Искала сложное, когда простое рядом. Спасибо:))
УдалитьЛариса, так всегда и бывает. Хорошо, что всё хорошо. Рада за Вас.
Удалить