Вариант растягивающейся рамки на Аватар
Позволяет добавить к аватарке рамку-картинку, подстраивающуюся под размер аватарки.
Автор: Deff
Платформа: MyBB
В HTML верх
Вариант Рамка + меняющаяся прозрачность аватара при наведении
ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка » Javascript, Jquery и CSS решения » Скрипты и стили для МуBB.ru » Растягивающаяся рамка для аватара (JS, CSS)
Вариант растягивающейся рамки на Аватар
Позволяет добавить к аватарке рамку-картинку, подстраивающуюся под размер аватарки.
Автор: Deff
Платформа: MyBB
В HTML верх
Вариант Рамка + меняющаяся прозрачность аватара при наведении
Здравствуйте. Спасибо за сей замечательный скрипт.
А можно ли это чудо применить к избранным пользователям или выделить, например, только определенную группу (амс)?
или выделить, например, только определенную группу (амс)?
<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)
Вы здесь » ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка » Javascript, Jquery и CSS решения » Скрипты и стили для МуBB.ru » Растягивающаяся рамка для аватара (JS, CSS)