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

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



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


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