Сворачивание подписи [punBB] [phpBB2]

Сворачивание подписи в версии [punBB]

Открываем шаблон viewtopic_body (Показ темы), находим фрагмент:

Код:

<!-- BEGIN switch_signature -->
               <div class="sig-content">
                  {postrow.displayed.SIGNATURE_NEW}
               </div>
               <!-- END switch_signature -->

и заменяем его на следующее:

Код:

<!-- BEGIN switch_signature -->
<div class="sig-content">
<center>
<div><a href="javscript://" class="sig" style="text-decoration: none;"><img src="http://savepic.net/1189114.png" border="0" /> <span style="font-family:Times New Roman; font-size:18px;font-style:italic;">•Открыть подпись•</span></a>

<div class="sig-cont">               
   {postrow.displayed.SIGNATURE_NEW}                           
</div></div>
</center>
</div>               
<!-- END switch_signature -->

Сохраняем и опубликовываем шаблон.

Далее открываем шаблон overall_footer (Нижняя часть страницы), и в самый низ перед </body>
ставим скрипт

Код:

<!--Сворачивание подписи-->
<script type="text/javascript">
  jQuery(document).ready(function(){
  jQuery('.sig').click(function(){
      jQuery(this).parent().children('div.sig-cont').slideToggle("slow");
      return false;
    });
  });
</script>

Сохраняем и опубликовываем шаблон.

Теперь зададим размер окна с подписью и украсим его.
Для этого идём в каскадную таблицу стилей CSS и ставим туда код:

Код:

/* Контейнер подписи */
.sig-cont{
background-color: #FFFFFF; /* фон контейнера */
display:none;
border:3px double #8B4513; /* толщина, стиль и цвет рамки */
padding:5;
width: 98%;/* ширина контейнера */
margin-top:5px;
}

Фон, рамку и размер меняйте на свой вкус.
Вот так это выглядит

Сворачивание подписи в версии [phpBB2]

Открываем шаблон viewtopic_body (Показ темы), находим фрагмент:

Код:

<div class="signature_div">
                        {postrow.displayed.SIGNATURE}
                    </div>

и заменяем его на следующее:

Код:

<br/><br/><br/><center>
<div><a href="javscript://" class="sig" style="text-decoration: none;"><img src="http://savepic.net/1189114.png" border="0" /> <span style="font-family:Times New Roman; font-size:18px;font-style:italic;">•Открыть подпись•</span></a>
                    <div class="signature_div">


          {postrow.displayed.SIGNATURE}

                    </div></div>
</center>

Сохраняем и опубликовываем шаблон.

Далее открываем шаблон overall_footer (Нижняя часть страницы), и в самый низ перед </body>
ставим скрипт

Код:

<!--Сворачивание подписи-->
<script type="text/javascript">
jQuery(document).ready(function(){
  jQuery('.sig').click(function(){
      jQuery(this).parent().children('div.signature_div').slideToggle("slow");
      return false;
    });
  });
</script>

Сохраняем и опубликовываем шаблон.

Теперь зададим размер окна с подписью и украсим его.
Для этого идём в каскадную таблицу стилей CSS и ставим туда код:

Код:

/* Контейнер подписи */
.signature_div{
background-color: #FFFFFF; /* фон контейнера */
display:none;
border:3px double #3A4B8A; /* толщина, стиль и цвет рамки */
padding:5;
width: 98%;/* ширина контейнера */
}

Фон, рамку и размер меняйте на свой вкус.
Результат:

Вариант для BB3/IPB находится здесь — http://help.forum2x2.ru/t25092-topic