Как скрыть часть текста с помощью спойлера

<<

БЛОGГЕР

Аватара пользователя

Автор темы

Сообщения: 315

Зарегистрирован: 20 апр 2011, 15:48

Откуда: Украина

Благодарил (а): 3 раз.
Поблагодарили: 28 раз.

Сообщение 20 апр 2011, 16:21

Как скрыть часть текста с помощью спойлера

Заходите в режим Дизайн, выбираете Отправка, а в ней Редактирование страниц. В том, месте, где нужно установить спойлер вставляете такой код:
  Код:
    <div style="margin: 5px 20px 20px;">
    <div class="smallfont" style="margin-bottom: 2px;">
    Подробнее : <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Скрыть'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Показать'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Показать" /> </div>

    <div class="alt2" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: whitesmoke; background-image: none; background-position: 0% 50%; background-repeat: repeat; border: 1px inset; line-height: 1.5em; margin: 0px; padding: 6px;">
    <div style="display: none;">
    Текст, который нужно скрыть
    <br/>
    </div>
    </div>
    </div>

Пример работы спойлера
После слова Подробнее кнопка Показать.
Живу на БЛОGГЕР, открытая группа Вконтакте - Секреты BLOGGER.
<<

Admin

Аватара пользователя

Сообщения: 1450

Зарегистрирован: 21 мар 2011, 15:30

Благодарил (а): 66 раз.
Поблагодарили: 157 раз.

Сообщение 20 апр 2011, 17:06

Re: Тег More

Для того, чтобы крыть часть текста этот тег не подходит. Он не для этого существует.
Вам нужен способ, как установить спойлер. У меня под рукой готового решения нет.
<<

БЛОGГЕР

Аватара пользователя

Автор темы

Сообщения: 315

Зарегистрирован: 20 апр 2011, 15:48

Откуда: Украина

Благодарил (а): 3 раз.
Поблагодарили: 28 раз.

Сообщение 20 апр 2011, 17:53

Re: Как скрыть часть текста с помощью спойлера

Может быть и спойлер.

Мне нужно примерно так
  Код:
много много текста
много много текста
много много текста
много много текста

Подробнее>>>
  Код:
много много текста
много много текста
много много текста
много много текста

Подробнее>>>
Живу на БЛОGГЕР, открытая группа Вконтакте - Секреты BLOGGER.
<<

БЛОGГЕР

Аватара пользователя

Автор темы

Сообщения: 315

Зарегистрирован: 20 апр 2011, 15:48

Откуда: Украина

Благодарил (а): 3 раз.
Поблагодарили: 28 раз.

Сообщение 20 апр 2011, 18:07

Re: Как скрыть часть текста с помощью спойлера

Все, проблема решена. Спасибо.
Живу на БЛОGГЕР, открытая группа Вконтакте - Секреты BLOGGER.
<<

Admin

Аватара пользователя

Сообщения: 1450

Зарегистрирован: 21 мар 2011, 15:30

Благодарил (а): 66 раз.
Поблагодарили: 157 раз.

Сообщение 20 апр 2011, 18:10

Re: Как скрыть часть текста с помощью спойлера

БЛОGГЕР писал(а):Все, проблема решена. Спасибо.

Как решили не поделитесь? С помощью спойлера или нашли другое решение?
<<

БЛОGГЕР

Аватара пользователя

Автор темы

Сообщения: 315

Зарегистрирован: 20 апр 2011, 15:48

Откуда: Украина

Благодарил (а): 3 раз.
Поблагодарили: 28 раз.

Сообщение 20 апр 2011, 19:02

Re: Как скрыть часть текста с помощью спойлера

Отчего не поделиться. Поделюсь.
Заходите в режим Дизайн, выбираете Отправка, а в ней Редактирование страниц. В том, месте, где нужно установить спойлер вставляете такой код:
  Код:
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
Подробнее : <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Скрыть'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Показать'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Показать" /> </div>

<div class="alt2" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: whitesmoke; background-image: none; background-position: 0% 50%; background-repeat: repeat; border: 1px inset; line-height: 1.5em; margin: 0px; padding: 6px;">
<div style="display: none;">
Ваш текст...
<br/>
</div>
</div>
</div>


Источник: БЛОGГЕР
Пример работы кода>>>

P.S. Надеюсь, вы не будете возражать на счет ссылок? :)
Последний раз редактировалось БЛОGГЕР 13 сен 2011, 09:56, всего редактировалось 2 раз(а).
Живу на БЛОGГЕР, открытая группа Вконтакте - Секреты BLOGGER.
<<

Admin

Аватара пользователя

Сообщения: 1450

Зарегистрирован: 21 мар 2011, 15:30

Благодарил (а): 66 раз.
Поблагодарили: 157 раз.

Сообщение 20 апр 2011, 19:17

Re: Как скрыть часть текста с помощью спойлера

БЛОGГЕР писал(а):P.S. Надеюсь, вы не будете возражать на счет ссылок? :)

Против ссылок то ничего не имею против, только способ то вы взяли с какого-то блога, а пишите себя, как источник ;-) И пишите главную, вместо ссылки на ту статью, где описан данный способ. В общем, как-то это не совсем правильно с точки зрения автора этого спойлера. Вот что касается страницы ДЕМО - тут согласна, это важно - показать, как это выглядит.
<<

БЛОGГЕР

Аватара пользователя

Автор темы

Сообщения: 315

Зарегистрирован: 20 апр 2011, 15:48

Откуда: Украина

Благодарил (а): 3 раз.
Поблагодарили: 28 раз.

Сообщение 20 апр 2011, 19:35

Re: Как скрыть часть текста с помощью спойлера

Хоть и не существенно, но код мною переделан.
А ссылку на автора идеи я указал в своем блоге :)
Живу на БЛОGГЕР, открытая группа Вконтакте - Секреты BLOGGER.
<<

SwaEgo

Аватара пользователя

Сообщения: 17

Зарегистрирован: 26 апр 2011, 07:55

Откуда: Питер

Благодарил (а): 1 раз.
Поблагодарили: 2 раз.

Сообщение 26 апр 2011, 08:26

Re: Как скрыть часть текста с помощью спойлера

Есть ещё способ.
Например,код в шаблон:
  Код:
<script language="javascript">
function show(obj)
{
        var x = document.getElementById(obj);
        if (x.style.visibility == "hidden") {
                x.style.display = "block";
                x.style.visibility = "visible";
        }
        else{
                x.style.display = "none";
                x.style.visibility = "hidden";
        }
}
</script>
<style type="text/css">
.Spoiler_Title{ background:#D9D9D9; cursor:pointer; width:200px; border:inset 1px;}
.Spoiler_Content{background:#F5F5F5; font-size:kecil; font-style:italic; display:none}
.kecil {font-size: small}
</style>

Естественно css свой можно сделать.
А этот уже в пост в режиме HTML:
  Код:
<div class="Spoiler_Title" onclick="show(’YourSpoiler’);">
Я спойлер
<div id="YourSpoiler" class="Spoiler_Content">
тут содержание спойлера
</div>

Где взял,не помню,давно это было.
Этот скрипт выглядит поаккуратней,хотя...
Ещё видел вариант на blogger4you.blogspot.com
А у себя я раньше использовал вариант http://dotrb.blogspot.com/2009/07/skrytyj-tekst-v-bloge.html имхо,самый нормальный для блоггера.
<<

diomitriy

Сообщения: 1

Зарегистрирован: 12 апр 2011, 12:13

Благодарил (а): 0 раз.
Поблагодарили: 0 раз.

Сообщение 26 апр 2011, 14:11

Re: Как скрыть часть текста с помощью спойлера

Интересно, а как эти спойлеры влияют на индексацию поисковиками?
След.

Вернуться в Вопросы по шаблонам

Кто сейчас на конференции

Зарегистрированные пользователи: Google [Bot], Yandex [Bot]

Работает на phpBB © 2000, 2002, 2005, 2007 phpBB Group. Дизайн ST Software и Blogger Форум. Русская поддержка phpBB
ЧПУ ссылки от phpbb seo