Чат сообщества
|
   |
| Модератор форума: dotbot |
| Сообщество uCoz Архивариус Корзина Как сделать спойлер? |
| Как сделать спойлер? |
|
Как сделать спойлер чтобы мини-чат был скрытый, а при необходимости открыть ?
Code <td valign="top" style="border-left:1px solid #A9A9A9;border-right:1px solid #A9A9A9;"> <table border="0" cellpadding="15" cellspacing="0" width="100%"><tr><td style="background:#FFFFFF;"><!-- <body> --><table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="80%"><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> » <!--<s5182>-->Файлы<!--</s>--></td> <td align="right" style="white-space: nowrap;"><?if($ADD_ENTRY_LINK$)?>[ <a href="$ADD_ENTRY_LINK$"><!--<s5186>-->Добавить материал<!--</s>--></a> ]<?endif?></td> </tr> </table> <hr /> Сообщения администратора: $CHAT_BOX$ <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="60%"><!--<s5218>-->Всего материалов в каталоге<!--</s>-->: <b>$NUM_ENTRIES$</b><?if($NUM_SHOWN$)?><br /><!--<s5220>-->Показано материалов<!--</s>-->: <b>$NUM_SHOWN$</b><?endif?></td> <td align="right"><?if($PAGE_SELECTOR$)?><!--<s3015>-->Страницы<!--</s>-->: $PAGE_SELECTOR$<?endif?></td> </tr> </table> <hr /> Добавлено (16-Июл-2012, 20:18:47) Code <hr /> <style type="text/css"> .onner {color: blue} .spoiler {border:0px solid #ddd; padding:3px;} .spoiler .inner {border:0px solid #eee; padding:3px;margin:3px;} </style> <script type="text/javascript"> function showSpoiler(obj) {var inner = obj.parentNode.getElementsByTagName("div")[0]; if (inner.style.display == "none") inner.style.display = ""; else inner.style.display = "none"; } </script> </head> <body> <div class="spoiler"> <input class="onner" type="text" onclick="showSpoiler(this);" value="Прочитать сообщение от администратора" /> <div class="inner" style="display:none;">$CHAT_BOX$</div></div> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="60%"><!--<s5218>-->Всего материалов в каталоге<!--</s>-->: <b>$NUM_ENTRIES$</b><?if($NUM_SHOWN$)?><br /><!--<s5220>-->Показано материалов<!--</s>-->: <b>$NUM_SHOWN$</b><?endif?></td> <td align="right"><?if($PAGE_SELECTOR$)?><!--<s3015>-->Страницы<!--</s>-->: $PAGE_SELECTOR$<?endif?></td> </tr> </table> но маленькая кнопочка не влазит надпись |
|
Quote (Любимчик) мини-чат был скрытый, а при необходимости открыт Можно сделать проще: Code <a onclick="$('#name').slideToggle('slow');" href="javascript://">Развернуть</a><strong id="name" style="display:none;">$CHAT_BOX$</strong> Профессиональный сервис опросов WebAsk
|
| |||
| |||
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!