Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

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


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: Savepic Видео фоторедактор Транслит

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

Страница 1 из 2 1, 2  Следующий

Предыдущая тема Следующая тема Перейти вниз

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

Сообщение автор jeani в Пн 14 Мар - 15:56

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

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



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



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



Последний раз редактировалось: jeani (Чт 17 Мар - 22:03), всего редактировалось 1 раз(а)

jeani
 

Женщина

Сообщения : 252
Возраст : 31
Место обитания : Украина, Стаханов
Регистрация : 2010-11-19
Благодарности : 7

Без предупреждений

http://biseroclub.forumy2x2.ru/index.htm

Вернуться к началу Перейти вниз

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

Сообщение автор jeani в Вт 15 Мар - 20:08

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

jeani
 

Женщина

Сообщения : 252
Возраст : 31
Место обитания : Украина, Стаханов
Регистрация : 2010-11-19
Благодарности : 7

Без предупреждений

http://biseroclub.forumy2x2.ru/index.htm

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Вт 15 Мар - 20:58

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



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22083
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8874

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Sayra-hafize в Ср 16 Мар - 0:18

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

Sayra-hafize
 

Женщина

Сообщения : 122
Возраст : 27
Место обитания : Украина,Полтава,Кременчуг
Регистрация : 2009-10-13
Благодарности : 3

Без предупреждений

http://my-dream-world.2x2forum.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Ср 16 Мар - 1:03

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



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22083
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8874

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Sayra-hafize в Ср 16 Мар - 1:04

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

Sayra-hafize
 

Женщина

Сообщения : 122
Возраст : 27
Место обитания : Украина,Полтава,Кременчуг
Регистрация : 2009-10-13
Благодарности : 3

Без предупреждений

http://my-dream-world.2x2forum.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Ср 16 Мар - 4:49

Почти получилось, и для 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;
}
и сохранить.



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22083
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8874

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Sayra-hafize в Ср 16 Мар - 17:28

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

Sayra-hafize
 

Женщина

Сообщения : 122
Возраст : 27
Место обитания : Украина,Полтава,Кременчуг
Регистрация : 2009-10-13
Благодарности : 3

Без предупреждений

http://my-dream-world.2x2forum.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Ср 16 Мар - 17:42

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



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22083
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8874

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Ср 16 Мар - 17:45

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



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22083
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8874

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Sayra-hafize в Ср 16 Мар - 17:46

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

Sayra-hafize
 

Женщина

Сообщения : 122
Возраст : 27
Место обитания : Украина,Полтава,Кременчуг
Регистрация : 2009-10-13
Благодарности : 3

Без предупреждений

http://my-dream-world.2x2forum.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Ср 16 Мар - 17:47

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



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22083
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8874

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Sayra-hafize в Ср 16 Мар - 17:48

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

Sayra-hafize
 

Женщина

Сообщения : 122
Возраст : 27
Место обитания : Украина,Полтава,Кременчуг
Регистрация : 2009-10-13
Благодарности : 3

Без предупреждений

http://my-dream-world.2x2forum.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Ср 16 Мар - 17:51

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



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22083
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8874

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Sayra-hafize в Ср 16 Мар - 17:52

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

Sayra-hafize
 

Женщина

Сообщения : 122
Возраст : 27
Место обитания : Украина,Полтава,Кременчуг
Регистрация : 2009-10-13
Благодарности : 3

Без предупреждений

http://my-dream-world.2x2forum.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Ср 16 Мар - 17:53

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



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22083
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8874

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Sayra-hafize в Ср 16 Мар - 17:54

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

Sayra-hafize
 

Женщина

Сообщения : 122
Возраст : 27
Место обитания : Украина,Полтава,Кременчуг
Регистрация : 2009-10-13
Благодарности : 3

Без предупреждений

http://my-dream-world.2x2forum.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Ср 16 Мар - 17:57

Пожалуйста!



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22083
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8874

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор jeani в Ср 16 Мар - 21:08

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

jeani
 

Женщина

Сообщения : 252
Возраст : 31
Место обитания : Украина, Стаханов
Регистрация : 2010-11-19
Благодарности : 7

Без предупреждений

http://biseroclub.forumy2x2.ru/index.htm

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Ср 16 Мар - 21:50

Только не получается графическую поставить, подскажите куда ставить код кнопки-картинки?
В коде замените строку
Код:
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://i63.servimg.com/u/f63/12/33/62/17/icon_u10.gif подставьте ссылку на Вашу кнопку.

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



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22083
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8874

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор jeani в Чт 17 Мар - 20:43

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

jeani
 

Женщина

Сообщения : 252
Возраст : 31
Место обитания : Украина, Стаханов
Регистрация : 2010-11-19
Благодарности : 7

Без предупреждений

http://biseroclub.forumy2x2.ru/index.htm

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Чт 17 Мар - 21:09

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



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22083
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8874

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор jeani в Чт 17 Мар - 21:19

Да. Так и есть

jeani
 

Женщина

Сообщения : 252
Возраст : 31
Место обитания : Украина, Стаханов
Регистрация : 2010-11-19
Благодарности : 7

Без предупреждений

http://biseroclub.forumy2x2.ru/index.htm

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Чт 17 Мар - 21:29

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



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22083
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8874

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор jeani в Чт 17 Мар - 21:30

Код:
<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>

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

jeani
 

Женщина

Сообщения : 252
Возраст : 31
Место обитания : Украина, Стаханов
Регистрация : 2010-11-19
Благодарности : 7

Без предупреждений

http://biseroclub.forumy2x2.ru/index.htm

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Чт 17 Мар - 21:34

Рабочий.
И после сохранения в виджете он выглядит так же?



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22083
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8874

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор jeani в Чт 17 Мар - 21:34

Да , так же.

Попробовала отключить квадратик в котором две буквы "А" , кнопка появилась. girl_yes

jeani
 

Женщина

Сообщения : 252
Возраст : 31
Место обитания : Украина, Стаханов
Регистрация : 2010-11-19
Благодарности : 7

Без предупреждений

http://biseroclub.forumy2x2.ru/index.htm

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Чт 17 Мар - 21:42

Т.е. проблема решена?



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22083
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8874

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор jeani в Чт 17 Мар - 21:44

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

И еще вопросы , возможно ли сдвинуть эту кнопку? У меня аватарки посередине, а кнопка относительно их слева. Если нет, тогда придумаю что-нибудь соответствующее.

jeani
 

Женщина

Сообщения : 252
Возраст : 31
Место обитания : Украина, Стаханов
Регистрация : 2010-11-19
Благодарности : 7

Без предупреждений

http://biseroclub.forumy2x2.ru/index.htm

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Чт 17 Мар - 21:55

Можно. Добавьте в CSS вместо
Код:
.rrr {
cursor: pointer;
}
стиль
Код:
.rrr {
cursor: pointer;
width: 70px;
margin-left: 50%;
position: relative;
left: -35px;
}



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22083
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8874

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Страница 1 из 2 1, 2  Следующий

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения