Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Проблемы с форумом » аватар и дополнительное поле съезжают в поле сообщения.
Периодически, без какой-либо закономерности профили пользователей начинают съезжать на поле сообщения.
При обновлении страницы проблема может исчезнуть, может остаться.
Использовался скрипт:
Скрипты от пользователей 3
Скорее всего проблема с ним как-то связана, поскольку профили, в которых не установлена дополнительная информация никуда не съезжают.
Antilla
Пробуйте убрать красное в HTML верх
<!-- рамка аватара -->
<style>
.post-author ul li.pa-avatar img{
max-width: 180px;
height: auto;
margin: -1px;
width: auto!important;
border: 2px solid #a29882;
}
.post-author ul li.pa-avatar{
margin: 8px 0 0 0px;
}
</style>
<style>
.post-author.online ul li.pa-awards {
padding-bottom: 10px;
}
</style>
Deff
Убрала, аватары продолжают сползать.
Antilla
Дайте ссылку на пост с проблемой, клик по дате в сообщении (видный гостю и пиар нику
Отредактировано Deff (Пн, 26 Окт 2015 22:28:50)
Deff
Вот на этом сообщении была проблема только что.
http://miamivice.mybb.ru/viewtopic.php? … ;p=7#p1484
Antilla
А какой браузер ? Я не наблюдаю эфекта (с десяток раз обновлял страницу
С другого браузера эффект есть ?
Отредактировано Deff (Пн, 26 Окт 2015 22:59:03)
Deff
Хром, опера на остальных не проверяли.
Проблема не постоянна. В одной и той же теме она то есть, то нет.
Ещё, чем больше активных пользователей, тем чаще это происходит.
Отредактировано Antilla (Пн, 26 Окт 2015 23:00:30)
Antilla
1. Попробуйте Авики перевести из png в jpgДумаю проблема в том, что браузер их долго грузит(а png d 5-8 раз тяжелее jpg)
Cтоит убрать скрипт рамки аватара и поставить рамку чисто css
В HTML верх
<!-- рамка аватара -->
<style>
.pa-avatar img[src*="/img/avatars/"] {
border:2px solid #A29882!important;
}
</style>
Скрипт рамки не работает совместно со всплывающей инфой
Отредактировано Deff (Пн, 26 Окт 2015 23:08:10)
Deff
Скрипт заменила, кажется стало полегче. По крайней мере последние прогрузки никаких ошибок не выявили.
Всплывающее поле правда относительно аватара теперь сместилось и не перекрывает его полностью. В хроме.
Добавьте в скрипте всплывающей инфы припуск на бордеры
<script type="text/javascript">
$('.pa-avatar').each(function(){
var that =$(this).parents('.post-author').find('.ava-wrp::first'),
a = $(this).find('img:first');
if(a.length&&that.length){
b = that.parents('li[class^="pa-fld"]'),
h = a.height()+4,w=a.width()+4,
c = a.wrap('<div style="width:'+w+'px;height:'+h+'px;"></div>').parent();
c.prepend('<span style="max-width:100%; overflow: auto; height:'+(h-3*2-10)+'px;">'+b.remove().html()+'</span>');
}
});
</script>
<!-- ЛЗ на аватар -->
Отредактировано Deff (Пн, 26 Окт 2015 23:33:09)
Deff
Добавила. Не изменило ситуацию, несколько пикселей зазора независимо от размера аватара.
Antilla
Я не вижу у Вас рекомендуемой добавки(см Выше) в строке синим!
<!-- ЛЗ на аватар -->
<style type="text/css">
.pa-avatar>div{
position:relative;
z-index:20;
display:inline-block;
margin: auto;
padding:0;
}
.pa-avatar>div img{
position:absolute;
top:0;left:0;
z-index:-2;
}
.pa-avatar>div>span{
margin:0;
padding:3px 0px;
display:block;
border:10px rgba(27,25,23,0.3); /*Цвет верхнего бордера*/
border-style:solid none none none;
background:rgba(68,64,59,0.9); /*Цвет перекрывающего фона*/
color:rgba(147,147,147,1);
opacity:0;
transition: opacity 0.6s;
}
.pa-avatar:hover>div>span{
opacity:1.0;
}
.pa-avatar>div>span a{
color:#907964!important; /*Цвет ccылок*/
}
.pa-avatar>div>span a:hover{
color:#635345!important; /*Цвет ccылок при наведении*/
text-decoration:underline!important;
}
</style>
<script type="text/javascript">
$('.pa-avatar').each(function(){
var that =$(this).parents('.post-author').find('.ava-wrp::first'),
a = $(this).find('img:first');
if(a.length&&that.length){
b = that.parents('li[class^="pa-fld"]'),
h = a.height(),w=a.width(),
c = a.wrap('<div style="width:'+w+'px;height:'+h+'px;"></div>').parent();
c.prepend('<span style="max-width:100%; overflow: auto; height:'+(h-3*2-10)+'px;">'+b.remove().html()+'</span>');
}
});
</script>
<!-- ЛЗ на аватар -->
PS: Cкрипт у Вас стоит в HTML низ
Короче, замените код на такой:
<!-- ЛЗ на аватар -->
<style type="text/css">
.pa-avatar>div{
position:relative;
z-index:20;
display:inline-block;
margin: auto;
padding:0;
}
.pa-avatar>div img{
position:absolute;
top:0;left:0;
z-index:-2;
}
.pa-avatar>div>span{
margin:0;
padding:3px 0px;
display:block;
border:10px rgba(27,25,23,0.3); /*Цвет верхнего бордера*/
border-style:solid none none none;
background:rgba(68,64,59,0.9); /*Цвет перекрывающего фона*/
color:rgba(147,147,147,1);
opacity:0;
transition: opacity 0.6s;
}
.pa-avatar:hover>div>span{
opacity:1.0;
}
.pa-avatar>div>span a{
color:#907964!important; /*Цвет ccылок*/
}
.pa-avatar>div>span a:hover{
color:#635345!important; /*Цвет ccылок при наведении*/
text-decoration:underline!important;
}
</style>
<script type="text/javascript">
$('.pa-avatar').each(function(){
var that =$(this).parents('.post-author').find('.ava-wrp::first'),
a = $(this).find('img:first');
if(a.length&&that.length){
b = that.parents('li[class^="pa-fld"]'),
h = a.height()+4,w=a.width()+4,
c = a.wrap('<div style="width:'+w+'px;height:'+h+'px;"></div>').parent();
c.prepend('<span style="max-width:100%; overflow: auto; height:'+(h-3*2-10)+'px;">'+b.remove().html()+'</span>');
}
});
</script>
<!-- ЛЗ на аватар -->
Отредактировано Deff (Пн, 26 Окт 2015 23:45:26)
Deff
Всё изменила, идеально вписывается и что самое главное перестал прыгать аватар.
Огромное спасибо за помощь!
Отредактировано Antilla (Вт, 27 Окт 2015 00:44:01)
Вы здесь » Единый форум поддержки » Проблемы с форумом » аватар и дополнительное поле съезжают в поле сообщения.
