ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка

Объявление

Загадочный Дом «Кузнечик»

Форумные игры, кино, позитивное отношение и душевное общение!
Есть в мире место, где душе тепло...
Заходи, мы будем тебе рады!

Подробнее

Мийрон

Качественный пиар быстро и недорого.
Красивейшие дизайны по низким ценам.
Каталог ролевых игр.

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

Светлый дизайн в фентези стиле с аниме-графикой

Макет для светлого дизайна в фентези стиле с аниме-графикой.
Стоимость: 2600р*
Дизайн продается эксклюзивно (в одни руки).

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайте
Стать модераторомОтзывы

Предложения

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.



Растягивающаяся рамка для аватара

Сообщений 1 страница 3 из 3

1

Вариант растягивающейся рамки на Аватар
Позволяет добавить к аватарке рамку-картинку, подстраивающуюся под размер аватарки.
https://forumupload.ru/uploads/0007/e3/f7/6822/479145.jpg

Автор: Deff
Платформа: MyBB

В HTML верх

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Вариант Рамка + меняющаяся прозрачность аватара при наведении

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

0

2

Здравствуйте. Спасибо за сей замечательный скрипт.
А можно ли это чудо применить к избранным пользователям или выделить, например, только определенную группу (амс)?

0

3

Интересующийся написал(а):

или выделить, например, только определенную группу (амс)?

Код:
    <style type="text/css">
    li.pa-avatar .Wrp-ava img[alt]{
      opacity:0.7; /*Начальная прозрачность*/
      display:block;
      padding:0;
      border-width:0;
      margin:6px; /*Отступ рамки*/
      -webkit-transition-duration: 0.96s;
      -moz-transition-duration: 0.96s;
      -o-transition-duration: 0.96s;
      transition-duration: 0.96s;
    }
    li.pa-avatar:hover .Wrp-ava img[src*="avatars"]{
      opacity:1.0;
    }
    </style>
    <script>
      if(GroupID<3)$(document).ready(function(){
        var imgWrp = "http://s2.uploads.ru/h3rnz.png"; // Ccылка на картинку;

        imgWrp = '<img src="'+imgWrp+'" width=100% height=100% style="position:absolute;z-index:100;"/>'
        $("div.post-author ul li.pa-avatar img[alt]").each(function () {
        $(this).wrap('<div class="Wrp-ava" style="display:inline-block;text-align:left;position:relative;"></div>');
        $(this).parent().prepend(imgWrp)
    });});
    </script><!--Конец//Рамки для Аватара-->

Добавил ток для Админов-модеров

Если ток для Админов, меняем if(GroupID<3) на if(GroupID==1)

0

Быстрый ответ

Напишите ваше сообщение и нажмите «Отправить»


ВНИМАНИЕ! При обращении за техподдержкой и вопросами по скриптам/оформлению, оставляйте ссылку на форум/сайт с проблемой! Специалист должен вживую видеть проблему, чтобы подсказать как ее решить.

ВНИМАНИЕ! Гости (не зарегистрированные на форуме) могут писать сообщения, но не могут вставлять прямые ссылки! Чтобы оставить сообщение со ссылкой на сайт, форум или скриншот удалите символы: "http://", "https://" или "www."