Кнопка развернуть/свернуть пункты мини-профиля

Данный подфорум будет интересен веб-дизайнерам и администраторам форумов. Подфорум посвящен модификациям форума phpBB3. Здесь обсуждаются моды, расширения, хаки и скрипты для phpBB3 и phpBB 3.1.x.
Правила форума
Местная Конституция | FAQ - Часто задаваемые вопросы | Для новичков! | Реклама на форуме! | Публикация сообщений | Как вставить картинку или файл

Помните, поблагодарить автора за интересное сообщение, вы можете - нажав Изображение или повысить его репутацию - нажав Изображение в сообщении.
Прежде чем задать вопрос, воспользуйтесь поиском - возможно, что такая тема уже есть на форуме. За нарушение правил Ваш вопрос может быть удален без объяснения причин!
Аватара пользователя
elhouse
Автор темы
Russia
Председатель клуба
Председатель клуба
Генеральный директор
Генеральный директор

Кнопка развернуть/свернуть пункты мини-профиля

Сообщение elhouse » 15 авг 2012, 21:58

Данный мод скрывает и раскрывает пункты меню в мини-профиле, как у нас на форуме.

Первый вариант, установлен на нашем форуме:

Как это cделать:

Скопировать в папку "images" 2 следующих изображения:
Кнопка развернуть свернуть пункты мини-профиля - dopinfo_up.gif
Кнопка развернуть свернуть пункты мини-профиля - dopinfo_up.gif (1.38 КБ) 1153 просмотра
Кнопка развернуть свернуть пункты мини-профиля - dopinfo_up.gif
Кнопка развернуть свернуть пункты мини-профиля - dopinfo_up.gif
(1.38 КБ) 1153 просмотра

Кнопка развернуть свернуть пункты мини-профиля - dopinfo_down.gif
Кнопка развернуть свернуть пункты мини-профиля - dopinfo_down.gif (1.38 КБ) 1153 просмотра
Кнопка развернуть свернуть пункты мини-профиля - dopinfo_down.gif
Кнопка развернуть свернуть пункты мини-профиля - dopinfo_down.gif
(1.38 КБ) 1153 просмотра


Откройте файл "styles/prosilver/template/overall_header.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; }


Откройте файл "styles/prosilver/template/viewtopic_body.html"
Найти:

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

<dd>&nbsp;</dd>


Заменить на:

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

      <dd style="padding: 3px 0px 0px 0px">
            <a href="#" onclick="return doCollapseExpand('box{postrow.POST_ID}','btn{postrow.POST_ID}')">
            <img src="{ROOT_PATH}images/dopinfo_down.gif" title="Дополнительная информация" height="20" width="140" name="btn{postrow.POST_ID}" /></a>
         </dd>   
           <dl id="box{postrow.POST_ID}" style="display:none;">


Найти:

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

<!-- END custom_fields -->


После добавить:




Второй вариант от -=XaKeP=- Для просмотра ссылки необходимо зарегистрироваться! (может глючить)

Скопировать в папку "images" 2 следующих изображения:
Кнопка развернуть свернуть пункты мини-профиля - dopinfo_up.gif
Кнопка развернуть свернуть пункты мини-профиля - dopinfo_up.gif (1.09 КБ) 1129 просмотров
Кнопка развернуть свернуть пункты мини-профиля - dopinfo_up.gif
Кнопка развернуть свернуть пункты мини-профиля - dopinfo_up.gif
(1.09 КБ) 1129 просмотров

Кнопка развернуть свернуть пункты мини-профиля - dopinfo_down.gif
Кнопка развернуть свернуть пункты мини-профиля - dopinfo_down.gif (1.1 КБ) 1129 просмотров
Кнопка развернуть свернуть пункты мини-профиля - dopinfo_down.gif
Кнопка развернуть свернуть пункты мини-профиля - dopinfo_down.gif
(1.1 КБ) 1129 просмотров


Скопировать файл "jQuery.js" в папку "styles/prosilver/template".
jQuery.rar
(28.43 КБ) 53 скачивания
jQuery.rar
(28.43 КБ) 53 скачивания


Откройте файл "styles/prosilver/template/overall_header.html"
Найти:

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

<script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>


После добавить:

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

<script type="text/javascript" src="{T_TEMPLATE_PATH}/jQuery.js"></script>


Откройте файл "styles/prosilver/template/viewtopic_body.html"
Найти:

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

<!-- INCLUDE overall_header.html -->


После добавить:

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

<script language="javascript">
    $(document).ready(function(){
        $('img').click(function(e){
            //e - объект event
            var img = $(e.target);
            var div = img.parent().next('div#first');
         if(div.length > 0) {
            if (div.css('display') == 'none'){
               div.show('slow', function(){
                 img.attr('src', 'images/dopinfo_up.gif');
               });
            }
            else{
               div.hide('slow', function(){
                 img.attr('src', 'images/dopinfo_down.gif');
               });
            }
         }
        });
    });
</script>


Найти:

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

<!-- IF postrow.RANK_TITLE or postrow.RANK_IMG --><dd>{postrow.RANK_TITLE}<!-- IF postrow.RANK_TITLE and postrow.RANK_IMG --><br /><!-- ENDIF -->{postrow.RANK_IMG}</dd><!-- ENDIF -->

      <dd>&nbsp;</dd>


После добавить:

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

<dd><img src="images/dopinfo_down.gif" id="toggleimg" /></dd>
<div id="first" style="display: none;">


Найти:

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

<!-- END custom_fields -->


После добавить:


Обновите шаблон в админке и почистите кэш.
Электромонтажные работы на дачах и квартирах г. Москва.
Стабилизаторы напряжения Энергия.
Все тематические вопросы и ответы на них, только на форуме! В личку по электрике не отвечаю.

Кнопка развернуть/свернуть пункты мини-профиля

Сообщение Похожие темы » 15 авг 2012, 21:58

Посмотрите здесь:
Самоотключающаяся кнопка
Не работает кнопка ТЕСТ на автомате
Мини ГЭС
Мини-чат - как пользоваться?
Расчет генератора для мини ГЭС.
Реклама на форуме
Реклама на форуме

Кнопка развернуть/свернуть пункты мини-профиля

Сообщение Объявления » 15 авг 2012, 21:58

Строительная доска объявлений
Доска объявлений

Объявления на нашей доске просматриваются большим количеством посетителей, переходят из рук в руки и всегда имеют хороший отклик.

Рекомендуемый контент

 Ещё страницы сайта »

Вернуться в «Расширения и моды phpBB3 и phpBB 3.1.x»

Кто на форуме

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 0 гостей