Архив Айгуст —
архив помогалки Августа
«Никто не вечен… В отличие от знаний»
Внимание!
  Материалы на данном сайте представляют собой архивную копию форума «Айгуст - помогалка Августа» на момент октября 2019 года с целью сохранения знаний. Все права на материалы принадлежат их авторам. Материалы представлены в открытый доступ в ознакомительных целях, запрещено их коммерческое использование без согласования с авторами. Администрация сайта не несёт ответственности за содержание материалов, в том числе за наличие вредоносных закладок в коде, используйте любой предоставленный код на свой страх и риск. Рекомендуется проверять любые файлы вручную и перезаливать на собственный хостинг, дабы избежать возможной модификации или исчезновения в будущем.

Длинные статусы [решение]

Пижон
Дизайнер
Сообщений: 899
24.11.2011 10:06:51
Длинные статусы [решение]
Как-то помог кому-то на каком-то форуме, а после подумал, что может быть полезным всем. А позже решил что решение этого вопроса заслуживает отдельной темы.

Начнем.
Всех админов, наверняка, давно напаяло видеть статусы в виде длинной строчки и чтобы её всю просмотреть нужно двигать нижний скролл в фрейме «Кто в чате".

Внимание! Не помню, не знаю, не видел кто автор этой идеи, но 100% могу сказать, что года 3-4 назад я что-то подобное в каком-то чате видел, а несколько дней назад осуществил.

Речь идет о решении данной проблемы, а именно «длинных статусов» в фрейме «Кто в чате».

Рассмотрим на примере код, который выложен ниже:

Вид «длинного статуса» неактивный
[изображение]

Вид «длинного статуса» при наведении мышки
[изображение]

Установка кода:

Заходим Админка - HTML - шаблоны 1 - Кто в чате
В самом верху:
<style>
.stat {min-width: 140px; overflow: hidden; height: 1.4em;}
.stat_hover {min-width: 140px; cursor: pointer; }
</style>
Где:
min-width: 140px;
Ширина строки статуса. (можно менять на свою)

Далее. Ищем:
%STAT%
Необходимо заменить на:
<div class="stat" onmouseover="this.className='stat_hover'" onmouseout="this.className='stat'">%STAT%</div>

Готово!
Все вопросы в теме.
#14918
леди агния
Сообщений: 9
25.12.2011 17:59:37
Re: Длинные статусы [решение]
Здравствуйте. Делаю как все указанно,но статусы все равно в строчку,а не в несколько строчек. Подскажите как сделать, может что неправильно делаю
#16687
kent
Сообщений: 2041
25.12.2011 18:01:57
Re: Длинные статусы [решение]
леди агния: Здравствуйте. Делаю как все указанно,но статусы все равно в строчку,а не в несколько строчек. Подскажите как сделать, может что неправильно делаю
Наверное правильно делаеш, просто он не работает =)
#16688
Azygos
Сообщений: 377
25.12.2011 18:03:11
Re: Длинные статусы [решение]
леди агния: Здравствуйте. Делаю как все указанно,но статусы все равно в строчку,а не в несколько строчек. Подскажите как сделать, может что неправильно делаю
убери атрибут nowrap у тега <td>
#16689
kent
Сообщений: 2041
25.12.2011 18:05:07
Re: Длинные статусы [решение]
не поможет, уже пробовал.
#16690
Azygos
Сообщений: 377
25.12.2011 18:16:14
Re: Длинные статусы [решение]
kent,

OFF
[изображение]

ON
[изображение]
#16691
kent
Сообщений: 2041
25.12.2011 18:18:57
Re: Длинные статусы [решение]
хех прикольно а у меня чёт не получилось =)
#16692
Ни капли святости, увы ©
Сообщений: 62
05.01.2012 19:44:06
Re: Длинные статусы [решение]
я немного не поняла, а первое там где про стайл, это уже должно быть в шаблоне?
#17169
Анри
Сообщений: 19
09.01.2012 18:29:19
Re: Длинные статусы [решение]
Спасибо! Работает. Класс!
#17282
Пижон
Дизайнер
Сообщений: 899
10.01.2012 12:18:33
Re: Длинные статусы [решение]
Ни капли святости, увы ©: я немного не поняла, а первое там где про стайл, это уже должно быть в шаблоне?
Нет. Необходимо добавить.
#17296
Банши
Сообщений: 155
10.01.2012 17:48:47
Re: Длинные статусы [решение]
Пижон, так выкладывайте рабочий вариант, а не усеченную версию, которую еще каждый сам должен дорабатывать методом тыка... Или не выкладывайте совсем. Не все гуру в ХТМЛ кодировании.
#17309
Пижон
Дизайнер
Сообщений: 899
10.01.2012 17:57:25
Re: Длинные статусы [решение]
Банши,
Девушка, простите конечно, но тут гуру бензоколонки ясно будет.

Цитирую:
Установка кода:

Заходим Админка - HTML - шаблоны 1 - Кто в чате
В самом верху:
<style>
.stat {min-width: 140px; overflow: hidden; height: 1.4em;}
.stat_hover {min-width: 140px; cursor: pointer; }
</style>

Разберемся:
a) Установка кода
Слово "Установить" - это действие, которое необходимо сделать, в данном случае руками.

б) Заходим Админка - HTML - шаблоны 1 - Кто в чате
Опять же действие, которое необходимо проделать непосредственно в админке Вашего чата.

в) В самом верху
Это место где нужно проделать данную работу.

г)
<style>
.stat {min-width: 140px; overflow: hidden; height: 1.4em;}
.stat_hover {min-width: 140px; cursor: pointer; }
</style>
Этот код здесь не просто так выложен. Он относится к словосочетанию в пункте "г". Повторю: Установка кода.
Итого: Этот код необходимо УСТАНОВИТЬ!
#17310
Банши
Сообщений: 155
10.01.2012 18:12:28
Re: Длинные статусы [решение]
Пижон, обожаю ваше скрытое хамство по отношению к тем кто знает гораздо меньше вас. НО прочтите всю тему и кучу постов от людей, которые не поняли ваши объяснения. И выложить тупо ВЕСЬ код Кто в чате- в готовом виде вам бы труда не составило, чем еще раз повторять первый пост.
#17313
Пижон
Дизайнер
Сообщений: 899
10.01.2012 18:17:57
Re: Длинные статусы [решение]
Банши, Скрытое хамство? - И не подумал. -)

Готовый шаблон с разделением мальчиков и девочек, без флага, статус под ником:
<style>
.stat {min-width: 140px; overflow: hidden; height: 1.4em;}
.stat_hover {min-width: 140px; cursor: pointer; }
</style>

%TABLE<<<END
<table class=list cellspacing=1 cellpadding=1 width=100%>
{{{
<tr><td colspan=2>%CAPTION%</td></tr>
{{{
<tr>
<th width=1%>%ICON%</th><td nowrap>%NICK%%TORT%%? %INVISIBLE%?%</td>
</tr>
<tr>
%?<th></th><td nowrap><div class="stat" onmouseover="this.className='stat_hover'" onmouseout="this.className='stat'">%STAT%</div></td>?%
</tr>
}}}
}}}
<tr><td colspan=2><div class=tm>всего около: %TOTAL%</div></tr>
</table>
END%

<div align=center id=title>КТО В ЧАТЕ</div>
%CHAT("WHO", %TABLE%, "<div class=tm>почти никого нет</div>",
[1, "<div class=bm>мальчики</div>", 2, "<div class=gm>девочки</div>", 0, "<div class=nm>скрытные души</div>", 3, "<div class=vm>на голосовании</div>"],
"анкета %%NICK%%",
""
)%
#17314
Joker[56]
Админ
Сообщений: 16
14.10.2012 13:33:13
Re: Длинные статусы [решение]
а у меня все работает)) сразу причем)) над было действительно слово удалить в теге))
#27304
Djem
Сообщений: 9
28.03.2013 09:22:06
Re: Длинные статусы [решение]
А у меня нифига не пашет о_О
#31412
Djem
Сообщений: 9
04.04.2013 13:47:14
Re: Длинные статусы [решение]
А можно как то прописать, чтобы определить и высоту статуса?
#31493
Shogal
Программист
Сообщений: 519
04.04.2013 14:58:42
Re: Длинные статусы [решение]
Djem: А можно как то прописать, чтобы определить и высоту статуса?
max-height, не?
#31494
Пижон
Дизайнер
Сообщений: 899
04.04.2013 19:04:44
Re: Длинные статусы [решение]
Djem,
.stat {min-width: 140px; overflow: hidden; height: 1.4em;}
height: 1.4em; - это и есть высота статуса до наведения мышки.

Можете подогнать в пикселях, например:
.stat {min-width: 140px; overflow: hidden; height: 12px;}
#31496
kent
Сообщений: 2041
04.04.2013 19:06:59
Re: Длинные статусы [решение]
Пижон:
height: 1.4em; - это и есть ширина статуса до наведения мышки.

height: 1.4em; - это и есть ВЫСОТА статуса до наведения мышки.
#31497
Пижон
Дизайнер
Сообщений: 899
04.04.2013 19:17:57
Re: Длинные статусы [решение]
Точно, высота. Перепутал. ^^
#31498
Djem
Сообщений: 9
06.04.2013 02:56:37
Re: Длинные статусы [решение]
Спасибо всем!
#31535

Другие темы раздела