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

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

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

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

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

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

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

Я админ, не могу зайти!
(забыл / потерял пароль)


Общий FAQ по управлению форумом

FAQ: реклама на форуме

Туториалы по разным функциям ваших форумов

Алфавитный указатель

Интересные решения для форумов

Наши видео-туториалы

Условия пользования сервисом

Ссылки на полезные ресурсы

Последние темы
» Медленное соединение после перехода на https
автор Премьера Вчера в 22:40

» Аварийные инструменты
автор Luz Ноябрь 15th 2019, 18:48

» Новый владелец сайта, которого не назначали
автор Luz Ноябрь 15th 2019, 18:39

» Массовое ЛС стало недоступным для отправки группе "Пользователи"
автор Dana Domirani Ноябрь 15th 2019, 16:52

» Topic'it: конец приключения...
автор Luz Ноябрь 14th 2019, 13:20

» Что такое PWA-приложение форума?
автор IceQueen Ноябрь 11th 2019, 20:21

» проблемы входа из Google Chrome
автор Fate Ноябрь 10th 2019, 10:02

» Дисковое пространство
автор Dana Domirani Ноябрь 8th 2019, 18:05

» Смайлики в быстром ответе
автор irina27 Ноябрь 5th 2019, 21:29

» Некорректно работает форум.
автор irina27 Ноябрь 4th 2019, 15:19

RSS-каналы


Yahoo! 
MSN 
AOL 
Netvibes 
Bloglines 


Мини-аватар на тулбаре

Перейти вниз

Мини-аватар на тулбаре  Empty Мини-аватар на тулбаре

Сообщение автор Luz в Июнь 10th 2014, 12:05

Данный небольшой туториал объясняет, как добавить мини-аватар пользователя на Тулбар:

(Посмотреть, как это выглядит "вживую" можно на нашем форуме поддержки smile. )


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 запрещается.


Мини-аватар на тулбаре  Userba12

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


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


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


Luz
Luz
Администратор
Администратор

Женщина

Сообщения : 16522
Возраст : 45
Регистрация : 2005-03-01
Благодарности : 2602

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

https://help.forum2x2.ru

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

Вернуться к началу


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