Как Вид материалов каталога файлов завернуть в спойлер?

голоса: +2
Как Вид материалов каталога файлов завернуть в спойлер?
Чтобы выводились только названия и при нажатии развёртывалась вся информация.

<table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock"><tr><td style="padding:3px;">
<?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?>
<div class="eTitle" style="text-align:left;"><a href="$ENTRY_URL$">$TITLE$</a></div>
 <a href="$SCREEN_URL$" target="_blank" onclick="window.open(this.href,this.target,'width= 600,height=800,scrollbars=1');return false;">
 <img src="$SCREEN_URL$" width="200px" height="300px" alt="$TITLE$ скачать торрент" title="$SOURCE_URL$"></a>
<?if($MESSAGE$)?><div class="eMessage" style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">$MESSAGE$</div><?endif?><div class="eDetails" style="clear:both;">
<?if($RATING$)?><div style="float:right"><?$RSTARS$('15','/.s/t/1081/rating15.png','0','float')?></div><?endif?>
<?if($CATEGORY_NAME$)?><a class="e-category" href="$CATEGORY_URL$">$CATEGORY_NAME$</a><span class="ed-sep"> | </span><?endif?>
<span class="e-reads"><span class="ed-title">Просмотров:</span> <span class="ed-value">$READS$</span></span><span class="ed-sep"> | </span>
<span class="e-loads"><span class="ed-title">Загрузок:</span> <span class="ed-value">$LOADS$</span></span><span class="ed-sep"> | </span>
<?if($USERNAME$)?><span class="e-author"><span class="ed-title">Добавил:</span> <span class="ed-value"><a href="$PROFILE_URL$">$USERNAME$</a></span></span><span class="ed-sep"> | </span><?endif?>
<span class="e-date"><span class="ed-title">Дата:</span> <span class="ed-value" title="$TIME$">$DATE$</span></span>
<?if($COMMENTS_URL$)?><span class="ed-sep"> | </span><a class="e-comments" href="$COMMENTS_URL$">Комментарии ($COMMENTS_NUM$)</a><?endif?>
</div></td></tr></table><br />

И ещё я делаю сайт полностью на css.

Нужно ли данный код вид материалов переделать на css?
Адрес сайта http://siegmein.ru/
| Автор: | Категория: Дизайн сайта
Редактирование | | Автор: Юрий Белявцев

Ответов: 2

голоса: +5
 
Лучший ответ

Попробуйте этот вариант http://manual.ucoz.net/board/43-1-0-63

Полностью переделать на CSS данный вид материалов невозможно

| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
У меня получается так смотрите.
Нужно чтоб были всегда свёрнуты, а при нажатии развёртывались.
<a onclick="$('#name').slideToggle('slow');" href="javascript://">Свернуть/Развернуть</a><div id="name" style="display:none">тут то что должно быть при развороте</div>
Благодарю за помощь.
А ещё как задать стили теперь?
У нас есть только один айди класс - #name вот для него в таблице стилей и задаем стили.
Ясно я так понимаю он и будет работать для спойлера?
А не для контента.
голоса: +3
Зачем что то завёртывать, оставь просто

<div class="eTitle" style="text-align:left;"><a href="$ENTRY_URL$">$TITLE$</a></div> ну и модер панель.
| Автор:
...