Форум поддержки «ЖивыеФорумы.ру»

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » Форум поддержки «ЖивыеФорумы.ру» » Вопросы-ответы » 3.Кнопка-спойлер (Спрятать шапку форума) - CSS иконки

3.Кнопка-спойлер (Спрятать шапку форума) - CSS иконки

Страница: 1

Сообщений 1 страница 9 из 9

1

  • Автор: Stefania
  • Активный участник
  • Stefania
  • Зарегистрирован: 2008-12-11
  • Приглашений: 0
  • Сообщений: 36
  • Уважение: 0
  • Позитив: +2
  • Пол: Женский
  • Возраст: 37 [1987-11-08]
  • Провел на форуме:
    10 часов 55 минут
  • Последний визит:
    2009-12-15 19:26:36

Доброго времени суток!
Скажите пожалуйста, есть ли такой скрипт, чтобы можно было спрятать инфо размещенное в шапке форума?(допустим картинку+пару тем)
К сожалению у нас получилась объемная информация в шапке, хотелось бы спрятать ее. Скрипт шапки стоит в хтмл-верх, однако когда я пытаюсь поставить скрипт (кнопка, прячущая инфо в шапке) , он не отображается.

0

2

  • Автор: Stefania
  • Активный участник
  • Stefania
  • Зарегистрирован: 2008-12-11
  • Приглашений: 0
  • Сообщений: 36
  • Уважение: 0
  • Позитив: +2
  • Пол: Женский
  • Возраст: 37 [1987-11-08]
  • Провел на форуме:
    10 часов 55 минут
  • Последний визит:
    2009-12-15 19:26:36

Допустим если вы зайдете сюда, то увидите справа вверху от картинки подобный скрипт.

0

3

  • Автор: Stefania
  • Активный участник
  • Stefania
  • Зарегистрирован: 2008-12-11
  • Приглашений: 0
  • Сообщений: 36
  • Уважение: 0
  • Позитив: +2
  • Пол: Женский
  • Возраст: 37 [1987-11-08]
  • Провел на форуме:
    10 часов 55 минут
  • Последний визит:
    2009-12-15 19:26:36

Сюда же еще напишу еще один вопрос.
Как сделать свои иконки, если используется свой стиль CSS? Подскажите, куда там вставить картинки со своими иконками.

Благодарю!

0

4

  • Автор: Admin
  • With a beard and a tambourine
  • Admin
  • Зарегистрирован: 2007-12-18
  • Приглашений: 0
  • Сообщений: 2116
  • Уважение: +79
  • Позитив: +21
  • Пол: Мужской
  • Провел на форуме:
    1 месяц 4 дня
  • Последний визит:
    2021-05-14 18:01:03

Лучше оптимизировать, то что находится в шапке форума. Код можно сократить и уменьшить размеры отображаемой области.

Какие именно иконки?

0

5

  • Автор: Admin
  • With a beard and a tambourine
  • Admin
  • Зарегистрирован: 2007-12-18
  • Приглашений: 0
  • Сообщений: 2116
  • Уважение: +79
  • Позитив: +21
  • Пол: Мужской
  • Провел на форуме:
    1 месяц 4 дня
  • Последний визит:
    2021-05-14 18:01:03

<script language="JavaScript">
    str=document.URL
    if(str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php")
       document.write("<style>#forum_f39, ...  ,#forum_f51{display:none}</style>")
    </script>

#forum_f39 - это разделы форумов что надо скрыть и раскрыть при нажитии кнопки.
Цифрами жирными обозначены номера разделов.

Код кнопки (ставить ниже предыдущего!):

Код:
<script type="text/javascript">
document.getElementById('pun-announcement').getElementsByTagName("div")[0].id="annbody"
function lookCook()
{
if (document.cookie.indexOf("announce")!=-1)
{var an1=document.cookie.substr(document.cookie.indexOf("announce"))
var an=an1.substr(an1.indexOf("id")+2, 2)
if (an=="op")
{document.getElementById('annbody').style.display="block"
var knopka="Twilight Temptation News"}
else if (an=="cl")
{document.getElementById('annbody').style.display="none"
var knopka="Twilight Temptation News"}}
else if (document.cookie.indexOf("announce")==-1)
{document.getElementById('annbody').style.display="block"
var knopka=" Twilight Temptation"}
document.getElementById('pun-announcement').getElementsByTagName("h2")[0].innerHTML+="<div align='right'>"+"<input type='button'"+" id='hider'"+" value='"+knopka+"' "+"onclick='hideAnn() ; wCook()' /></div>"}

lookCook()

function hideAnn()
{
if (document.getElementById('annbody').style.display!="none")
{document.getElementById('annbody').style.display="none"
document.getElementById('hider').value="Twilight Temptation News"}
else
{document.getElementById('annbody').style.display="block"
document.getElementById('hider').value="Twilight Temptation"}
}

function wCook()
{
var ann="announce=id"
if (document.getElementById('annbody').style.display!="none")
{ann+="op"}
else
{ann+="cl"}
var d=new Date()
d.setDate(d.getDate()+1)
ann+=";expires="+d.toGMTString()
document.cookie=ann}
</script>

0

6

  • Автор: Stefania
  • Активный участник
  • Stefania
  • Зарегистрирован: 2008-12-11
  • Приглашений: 0
  • Сообщений: 36
  • Уважение: 0
  • Позитив: +2
  • Пол: Женский
  • Возраст: 37 [1987-11-08]
  • Провел на форуме:
    10 часов 55 минут
  • Последний визит:
    2009-12-15 19:26:36

Boss Liveforums.ru
Скрипт, чтобы спрятать разделы форумов у меня есть.
Но мне нужно другое. Второй скрипт который вы дали, тоже есть. Но он не активен если шапка форума в html-верх, только если в объявлениях.
Думаю вы понимаете о чем я.

В смысле, какие иконки? Ну обозначения есть новые сообщения, нет сообщений, закрытая тема и т.д.
Если используется стандартный стиль, то код для своих иконок я знаю. А вот если используется мой стиль CSS, как в таком случае сделать свои?

0

7

  • Автор: Admin
  • With a beard and a tambourine
  • Admin
  • Зарегистрирован: 2007-12-18
  • Приглашений: 0
  • Сообщений: 2116
  • Уважение: +79
  • Позитив: +21
  • Пол: Мужской
  • Провел на форуме:
    1 месяц 4 дня
  • Последний визит:
    2021-05-14 18:01:03

Шапку форума обнесите так:

<div id="shapka">
...
тут шапка
...
</div>

Второй скрипт изменить надо:

Код:
<script type="text/javascript">
document.getElementById('shapka').getElementsByTagName("div")[0].id="annbody"
function lookCook()
{
if (document.cookie.indexOf("announce")!=-1)
{var an1=document.cookie.substr(document.cookie.indexOf("announce"))
var an=an1.substr(an1.indexOf("id")+2, 2)
if (an=="op")
{document.getElementById('annbody').style.display="block"
var knopka="Twilight Temptation News"}
else if (an=="cl")
{document.getElementById('annbody').style.display="none"
var knopka="Twilight Temptation News"}}
else if (document.cookie.indexOf("announce")==-1)
{document.getElementById('annbody').style.display="block"
var knopka=" Twilight Temptation"}
document.getElementById('shapka').getElementsByTagName("h2")[0].innerHTML+="<div align='right'>"+"<input type='button'"+" id='hider'"+" value='"+knopka+"' "+"onclick='hideAnn() ; wCook()' /></div>"}

Остальная часть второго скрипта таже.

Код для иконок тоже остаётся!

0

8

  • Автор: Stefania
  • Активный участник
  • Stefania
  • Зарегистрирован: 2008-12-11
  • Приглашений: 0
  • Сообщений: 36
  • Уважение: 0
  • Позитив: +2
  • Пол: Женский
  • Возраст: 37 [1987-11-08]
  • Провел на форуме:
    10 часов 55 минут
  • Последний визит:
    2009-12-15 19:26:36

Спасибо! Попробую.
А вот с кодом для иконок, который у меня есть проблемы. В стандартном стиле он работает, а если свой стиль в CSS стоит, то скрипт для своих иконок не отображается *((

0

9

  • Автор: Admin
  • With a beard and a tambourine
  • Admin
  • Зарегистрирован: 2007-12-18
  • Приглашений: 0
  • Сообщений: 2116
  • Уважение: +79
  • Позитив: +21
  • Пол: Мужской
  • Провел на форуме:
    1 месяц 4 дня
  • Последний визит:
    2021-05-14 18:01:03

Не понял что с иконками...
Вот что надо вставлять в CSS свои чтоб были иконки нужные:

Код:
div.icon {background: url(icon_normal.gif) no-repeat;}

tr.inew div.icon {background: url(icon_new.gif) no-repeat;}

tr.iclosed div.icon {background: url(icon_closed.gif) no-repeat;}

tr.iredirect div.icon {background: url(icon_moved.gif) no-repeat;}

tr.isticky div.icon {background: url(icon_moved.gif) no-repeat;}

0

Страница: 1

Вы здесь » Форум поддержки «ЖивыеФорумы.ру» » Вопросы-ответы » 3.Кнопка-спойлер (Спрятать шапку форума) - CSS иконки