Скрытие/отображение пунктов профиля при просмотре темы

[Пчелкин]

У меня для левого оказывается уже давно так -
верх -

Код: Выделить всё

	    	<dl style="padding-left:0px;">
    <!-- IF postrow.U_POST_AUTHOR -->
            <a href="#" onclick="return doCollapseExpand('box{postrow.POST_ID}','btn{postrow.POST_ID}')"> 
            <img src="{ROOT_PATH}images/dopinfo_down.gif" title="{L_DOPINFO}" height="20" width="150" name="btn{postrow.POST_ID}" /></a>
    <!-- ENDIF -->
            </dl>   
            <dl id="box{postrow.POST_ID}" style="display:none; margin-top:5px; margin-bottom:5px;"> 

низ

Код: Выделить всё

  </dl>

Короче еще проще...
Этим параметром 0px; регулируем растояние до левого края минипрофиля...

Добавлено спустя 1 минуту 41 секунду:

<table class="table1" cellspacing="1">

</table>

не нужны

[Evgesh]

Спасибо.

[Пчелкин]

Не писать надо а в плюсик тыкать...

[Evgesh]

Ой простите простите,исправимся

[evrus01]

Не подскажете, как сделать решение без использования библиотеки jQuery. Дело в том, что у меня шаблон использует mootools, и как ожидалось, эффект не много предсказуем.
Спасибо за ответ.
Upd. Да что за день то такой Пчелкин спасибо за ваш пост выше в теме.

[vulkan3]

evrus01
поиграйся ставить их или этот или тот выше в шаблоне

[Пчелкин]

Еще раз вариант без окантовки в виде блока от стиля...(просто кликабельные картинки)
Кидаем картинки эти
Скрытие/отображение пунктов профиля при просмотре темы
или эти
Скрытие/отображение пунктов профиля при просмотре темы
куда надо...( Скопировать в папку "images" , названия картинок - dopinfo_up.gif и dopinfo_down.gif)
В файле template/overall_header.html вставляем адрес для поиска этих картинок кодом, который вставим потом в template/viewtopic_body.html
Находим любую похожую сроку

Код: Выделить всё

// ]]>
</script>

Перед ней вставляем

Код: Выделить всё

function doCollapseExpand(id,img){
   var b = document.getElementById(id);
      if (b.style.display=='none'){
      b.style.display='';
   document.images[img].src='{ROOT_PATH}images/dopinfo_up.gif'; 
} else {
      b.style.display='none';
   document.images[img].src='{ROOT_PATH}images/dopinfo_down.gif';
} return false; }

В файле template/ viewtopic_body.html находим место, после которого все скроется под спойлером..например строка рангов

Код: Выделить всё

<!-- IF postrow.RANK_TITLE and postrow.RANK_IMG --><br /><!-- ENDIF -->{postrow.RANK_IMG}&nbsp;<!-- IF postrow.USER_AGENT -->{postrow.USER_AGENT}<!-- ENDIF --></dd><!-- ENDIF -->

После нее вставляем начало спойлера и сами картинки...

Код: Выделить всё

	    	<dl style="padding-left:0px;">
    <!-- IF postrow.U_POST_AUTHOR -->
            <a href="#" onclick="return doCollapseExpand('box{postrow.POST_ID}','btn{postrow.POST_ID}')"> 
            <img src="{ROOT_PATH}images/dopinfo_down.gif" title="{L_DOPINFO}" height="20" width="150" name="btn{postrow.POST_ID}" /></a>
    <!-- ENDIF -->
            </dl>   
            <dl id="box{postrow.POST_ID}" style="display:none; margin-top:5px; margin-bottom:5px;"> 

Где в строке

Код: Выделить всё

<dl style="padding-left:0px;">

можно отрегулировать левый отступ от бордюра минипрофиля...
Затем гуляем по минипрофилю и ищем место с последней информацией, которую вы решили спрятать под спойлер...
Я добрался до Варнингов и перед строкой

Код: Выделить всё

<!-- IF not S_IS_BOT -->
	    	<!-- IF postrow.POSTER_WARNINGS and .postrow.warnings --><dd><strong>{L_WARNINGS}:</strong> {postrow.POSTER_WARNINGS}</dd><!-- ENDIF -->

вставляем конец спойлера

Код: Выделить всё

            </dl>

Все..минипрофиль под закрывашкой...
удачи! В личку больше не пишите..ага?

Добавлено спустя 2 минуты 6 секунд:
Если модеры позволят - покажу код всего минипрофиля с спойлером..но это много!

[evrus01]

В файле template/overall_header.htm находим место, после которого все скроется под спойлером..например строка рангов

Опечатка — необходимо viewtopic_body.html

[Пчелкин]

Ага исправил...

Добавлено спустя 51 минуту 25 секунд:
Не забудьте переменную для всплывающей подсказки в коммон впихнуть - DOPINFO - для этого места

Код: Выделить всё

title="{L_DOPINFO}"

[Romnik]

Мой вариант кнопок для Prosilver:

dopinfo_down.gif

dopinfo_up.gif

Так же установил и в отображение статистики на главной.
Скрыл необязательные пункты.

info.gif

[evrus01]

Romnik, чего-то не то :)

У prosilver'а следующая гамма:

████████████████
#105289 #CADCEB #BC2A49 #F6F4D0

Меня смущает зеленая стрелка.

ИМХО конечно же.

Добавлено спустя 20 минуту 8 секунд:
Мне кажется, что кнопка должна быть такой:



P.s. Гельветики у мне нет, поэтому я использовал Arial.
В связи с этим прикладываю исходник — шрифт поменяете, при желании.

icon_more_info.zip

[Romnik]

Мне кажется, что кнопка должна быть такой:

А мне так не кажется...

[evrus01]

Аргументировать сможете?

То что я предложил — это один файл, а не два.
Это, кстати, надо будет учесть при установке мода, т.е. прописать ее, как и прочие кнопки, включив в набор изображений, прописав в файлах темы и т.д. Кнопка будет анимированной, при наведении, также как и прочие функциональные кнопки в Prosilver.
Эта кнопка сделана на основе кнопок [цитата] и [правка] оригинального стиля Prosilver. Можете скачать исходник — в первом слое лежит icon_post_edit.gif
Стрелочки вверх и вниз это, уж простите, для дебильных детей — они там совсем не нужны.

И да, на вкус и цвет все фломастеры разноцветные. Я всего лишь предложил еще один вариант.

[Romnik]

И да, на вкус и цвет все фломастеры разноцветные. Я всего лишь предложил еще один вариант.

Повторю Ваши слова.

[Voodoo Doll]

Подскажите, как и где изменить, чтобы не картинка была, а текст? Ну например:
Показать доп. информацию ↓
Скрыть доп. информацию ↑

Спасибо