ForumDesign TechSupport - Дизайн для форумов и техническая поддержка

Объявление

Акция! Дизайн «MyBB Technical Support»

Дизайн для форума MyBB в тематике компьютерных сообществ или технической поддержки
Стоимость при покупке эксклюзивно: 2000р 1200р
Скидка 40%. В стоимость входит настройка и корректировка дизайна.

Подробнее

Дизайн «Warlords of Draenor»

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

Подробнее

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

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

Подробнее

Дизайн для MyBB форума гильдии WoW Exodar

Детализированный rpg-дизайн для mybb форума гильдии в тематике Экзодара.
Стоимость: 2150р*
В стоимость входит настройка и корректировка дизайна.

Подробнее

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

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

Предложения

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

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


Вы здесь » ForumDesign TechSupport - Дизайн для форумов и техническая поддержка » Каталог скриптов » Растягивающаяся рамка для аватара (MyBB) [Deff]


Растягивающаяся рамка для аватара (MyBB) [Deff]

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

1

Вариант растягивающейся рамки на Аватар
Позволяет добавить к аватарке рамку-картинку, подстраивающуюся под размер аватарки.
http://s3.uploads.ru/m9fje.jpg

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

В HTML верх

<!--Ставим рамки для Аватара -->
    <style type="text/css">
    li.pa-avatar .Wrp-ava img[alt]{
      display:block;
      padding:0;
      border-width:0;
      margin:6px; /*Отступ рамки*/
    }
    </style>
    <script>
      $(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><!--Конец//Рамки для Аватара-->

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

Код:
    <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>
      $(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><!--Конец//Рамки для Аватара-->

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


Вы здесь » ForumDesign TechSupport - Дизайн для форумов и техническая поддержка » Каталог скриптов » Растягивающаяся рамка для аватара (MyBB) [Deff]


Рейтинг форумов | Создать форум бесплатно © 2007–2019 «QuadroSystems» LLC