Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Как поменять вид нумерации страниц тем?автор Goodmonday Апрель 18th 2024, 21:04
» Форум не корректно загружается.
автор anna4842 Апрель 12th 2024, 23:48
» Не корректное отображение картинок
автор Красноперова О.А. Апрель 12th 2024, 15:49
» Ошибка на форуме: Could not obtain topic posts informations
автор fatalone Апрель 9th 2024, 13:43
» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Март 28th 2024, 12:13
» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31
» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43
» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37
» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26
» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28
Мини-аватар на тулбаре
Страница 1 из 1
Мини-аватар на тулбаре
Данный небольшой туториал объясняет, как добавить мини-аватар пользователя на Тулбар:
(Посмотреть, как это выглядит "вживую" можно на нашем форуме поддержки . )
1. Добавьте код CSS (ПА - Оформление - Картинки и цвета - Цвета - Каскадная таблица стилей CSS) :
(Этот код может быть изменен по вашему усмотрению.)
2. Создайте новый файл Javascript (ПА - Модули - HTML & Javascript - Управление кодами Javascript)
Название : любое, например "Мини-аватар на Тулбаре"
Расположение : На всех страницах
Код :
© Автор решения, предложенного в этом туториале, - Tecko (участник румынского форума поддержки нашего сервиса). Любая публикация этого материала без разрешения администрации help.forum2x2.ru запрещается.
(Посмотреть, как это выглядит "вживую" можно на нашем форуме поддержки . )
1. Добавьте код CSS (ПА - Оформление - Картинки и цвета - Цвета - Каскадная таблица стилей CSS) :
- Код:
.fa_avatar {
width: 25px;
height: 25px;
position: relative;
top: -3px;
margin-right: 5px;
border-radius: 3px;
margin-bottom: -10px;
}
(Этот код может быть изменен по вашему усмотрению.)
2. Создайте новый файл Javascript (ПА - Модули - HTML & Javascript - Управление кодами Javascript)
Название : любое, например "Мини-аватар на Тулбаре"
Расположение : На всех страницах
Код :
- Код:
$(function () {
$(window).load(function () {
var av = $('#fa_usermenu img:eq(0)').attr('src');
$('#fa_welcome').prepend('<img src="' + av + '" class="fa_avatar" />');
});
});
© Автор решения, предложенного в этом туториале, - Tecko (участник румынского форума поддержки нашего сервиса). Любая публикация этого материала без разрешения администрации help.forum2x2.ru запрещается.
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Danny_Marcelo поставил(а) лайк
Похожие темы
» Мини-аватар на тулбаре
» Не отображается мини-аватар на тулбаре
» Мини-аватар мешает
» Всплывающий мини профиль, нет аватар
» Тулбар: открыть профиль при нажатии на мини-аватар
» Не отображается мини-аватар на тулбаре
» Мини-аватар мешает
» Всплывающий мини профиль, нет аватар
» Тулбар: открыть профиль при нажатии на мини-аватар
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения