Вариант растягивающейся рамки на Аватар
Позволяет добавить к аватарке рамку-картинку, подстраивающуюся под размер аватарки.
Автор: Deff
Платформа: MyBB
В HTML верх
Вариант Рамка + меняющаяся прозрачность аватара при наведении
Растягивающаяся рамка для аватара (JS, CSS)
Страница: 1
Сообщений 1 страница 3 из 3
Поделиться123.02.18 18:41
- Команда ForumD.ru
- Уважение: +8708
- Достижения/подарки: cake 8 emoji_events 16
- Наградные баллы: 1310
- Проверенный спец: FDFD
Поделиться216.02.19 13:57
Здравствуйте. Спасибо за сей замечательный скрипт.
А можно ли это чудо применить к избранным пользователям или выделить, например, только определенную группу (амс)?
Поделиться317.02.19 20:10
- Советник форума
- Уважение: +3369
- Достижения/подарки: cake 4 emoji_events 4
- Наградные баллы: 85
Интересующийся написал(а):
или выделить, например, только определенную группу (амс)?
Код:
<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)
Страница: 1
