Виджет "Кто на форуме" в виде кнопочки, которая раскрывается

автор Владимир74 Июль 28th 2011, 03:18

Вот у Домового на форуме такая кнопка:

Виджет "Кто на форуме" в виде кнопочки, которая раскрывается Mainbx

И она умеет раскрываться и закрываться при нажатии)
Как такую сделать?
Это виджет?)

автор **Dana Domirani** Июль 28th 2011, 03:46

Не буду подсматривать к Домовому, прикину на глазок: в общий (внешний) див положены видимая кнопкой + скрытый див статистики. Внешний див прилеплен к левому краю форума. По клику на кнопке внутренний див отображается / скрывается.

автор Владимир74 Июль 28th 2011, 03:54

Даночка, я пытаюсь не стать кодером))))
Я однажды так заболел оценкой активов разичных компаний, стало интересно и я начал забывать про основную работу. Или шахматами, например.
Я попытаюсь сделать себе такую кнопку, но уверен, что с первого раза не получится, она у него еще и ездит по вертикали вместе с ползунком, во как)))

Спойлер:

автор **Dana Domirani** Июль 28th 2011, 04:07

она у него еще и ездит по вертикали вместе с ползунком

Это благодаря позиции "fixed" - 30%-ый отступ сверху высчитывается от экрана, а не от края страницы. Поэтому форум прокручивается, а кнопка остается.

Даночка, я пытаюсь не стать кодером))))

Так мы тоже не собирались... Но как-то шаг за шагом затянуло ))

автор Владимир74 Июль 28th 2011, 04:10

Значит я беру вот это:

Код:: <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <td class="catLeft" height="25"> <span class="genmed module-title">{L_WHO_IS_ONLINE}</span> </td> </tr> <tr> <td class="row1" align="left"> <div class="gensmall">{TOTAL_USERS_ONLINE}<br /> <br /> {LOGGED_IN_USER_LIST} <br />  <div class="center"> [ <a href="{U_VIEWONLINE}" rel="nofollow">{L_VIEW_COMPLETE_LIST}</a> ] </div>  <br /> {RECORD_USERS} <br /> </div> </td> </tr> </table>

И загоняю в кнопку.
Далее оформляю её позицию на странице и открытие-закрытие.
Нафантазировал алгоритм)))

автор **Dana Domirani** Июль 28th 2011, 04:15

Лучше даже брать не всю таблицу, а только span и div:

Код:: <span class="genmed module-title">{L_WHO_IS_ONLINE}</span> <br /> <div class="gensmall">{TOTAL_USERS_ONLINE}<br /> <br /> {LOGGED_IN_USER_LIST} <br />  <div class="center"> [ <a href="{U_VIEWONLINE}" rel="nofollow">{L_VIEW_COMPLETE_LIST}</a> ] </div>  <br /> {RECORD_USERS} <br /> </div>

И - да, дальше закладываете ее как содержимое в контейнер а-ля "спойлер".