Сворачивающиеся поля профиля под аватаркой

Подскажите пожалуйста возможно ли на ipb сделать вот так:

чтоб была кнопка



а при наведении на нее мышкой разворачивался профиль



Прошу прощения у автора форума за пример..

Вроде сутки прошли, подниму тему. Хотя бы хотелось узнать, есть ли возможность или нет?

Рассматриваю такую возможность. Будет точный ответ - напишу.

А для 3-го бб, есть такая возможность, подскажите пожалуйста!

У тройки, как и у IPB нет доступа к шаблону профиля. Так то надо искать альтернативный способ.

Дана, спасибо, буду ждать

Почти получилось, и для IPB, и для BB3 (принцип один и тот же). Почти - потому что кнопку профиля можно поставить либо над аватаром, либо между ником и званием. Первый вариант выглядит удачнее.

Живое демо можно посмотреть тут: http://calidasa2x2.forum2x2.ru/t1-topic
Кнопка "Профиль" может быть хоть текстовой, хоть графической.

Для IPB
1. В любой виджет на главной странице добавить скрипт:

Код:

<script type='text/javascript'>
jQuery(document).ready(function(){

jQuery(".postprofile-details dt").before(jQuery('<span class="rrr"> Мой Профиль ▼ </span>'));

jQuery(".rrr").click(function(){
jQuery(this).parents("dl").children('dd:eq(2)').slideToggle(500);
return false
});

});
</script>

и сохранить.

2. В CSS добавить:

Код:

.postdetails dd + dd + dd {
display: none;
}

.rrr {
cursor: pointer;
}

и сохранить.

Для BB3
1. В любой виджет на главной странице добавить скрипт:

Код:

<script type='text/javascript'>
jQuery(document).ready(function(){

jQuery(".postprofile dt").before(jQuery('<span class="rrr"><img src="http://i63.servimg.com/u/f63/12/33/62/17/icon_u10.gif" /></span>'));

jQuery(".rrr").click(function(){
jQuery(this).parents("dl").children('dd:eq(2)').slideToggle(500);
return false
});

});
</script>

и сохранить.

2. В CSS добавить:

Код:

.postprofile dd + dd + dd {
display: none;
}

.postprofile dd + dd + dd + dd {
display: block;
}

.rrr {
cursor: pointer;
padding: 1px 1px 15px 5px;
}

и сохранить.

Дана, поставила, вот только ни кнопки ни чего нет теперь ни над ни под авкой, правда где ссылка на картинку была я свою поставила, думала ту не видно но и мою тоже, что не так делаю?

Сейчас зайду, посмотрю.

Не работает конкретно скрипт - кнопка не встроилась.

Дана, а что тогда делать, что б работала?

Сейчас выясним. Вы уверены, что на главной странице есть виджет со скриптом?

Да, в правом виджете ставила

А у Вас разве правая колонка включена? Попробуйте поставить в любой виджет слева.

ага, надо в левый было ставить виджет
включена, просто виджет 0% правый

Вижу, работает

Дана, спасибо!

Пожалуйста!

Даночка , огромное вам спасибо! Только не получается графическую поставить, подскажите куда ставить код кнопки-картинки? И обыкновенная кнопка так и не появляется..

Только не получается графическую поставить, подскажите куда ставить код кнопки-картинки?

В коде замените строку

Код:

jQuery(".postprofile-details dt").before(jQuery('<span class="rrr"> Мой Профиль ▼ </span>'));

на

Код:

jQuery(".postprofile-details dt").before(jQuery('<span class="rrr"><img src="http://i63.servimg.com/u/f63/12/33/62/17/icon_u10.gif" /></span>'));

Вместо ссылки https://i.servimg.com/u/f63/12/33/62/17/icon_u10.gif подставьте ссылку на Вашу кнопку.

Раз она не отображается - значит, не подключен скрипт. Проверьте, чтобы он был в виджете включенной колонки на главной странице.

Даночка , почему-то не получается , в профиле убираются все поля, но кнопка не появляется . Ставила в обе колонки , а подключена левая. С обоими не отображается.

У Вас включена (и замаскирована) левая колонка виджетов на главной странице, так? Поставлен и скрипт, и настройки CSS?

Да. Так и есть

А как выглядит скрипт, который стоит в виджете?

Код:

<script type='text/javascript'>
jQuery(document).ready(function(){

jQuery(".postprofile-details dt").before(jQuery('<span class="rrr"><img src="http://i63.servimg.com/u/f63/12/33/62/17/icon_u10.gif" /></span>'));
jQuery(".rrr").click(function(){
jQuery(this).parents("dl").children('dd:eq(2)').slideToggle(500);
return false
});

});
</script>

вот он, скопировала с виджета.