Silence

новый медленный код
<script type="text/javascript"> jQuery(function(){ $("#Go_Top").hide().removeAttr("href"); if ($(window).scrollTop()>="250") $("#Go_Top").fadeIn("slow") $(window).scroll(function(){ if ($(window).scrollTop()<="250") $("#Go_Top").fadeOut("slow") else $("#Go_Top").fadeIn("slow") }); $("#Go_Bottom").hide().removeAttr("href"); if ($(window).scrollTop()<=$(document).height()-"999") $("#Go_Bottom").fadeIn("slow") $(window).scroll(function(){ if ($(window).scrollTop()>=$(document).height()-"999") $("#Go_Bottom").fadeOut("slow") else $("#Go_Bottom").fadeIn("slow") }); $("#Go_Top").click(function(){ $("html, body").animate({scrollTop:0},2000) }) $("#Go_Bottom").click(function(){ $("html, body").animate({scrollTop:$(document).height()},2000) }) }); </script> <a style='position: fixed; bottom: 300px; right: 1px; cursor:pointer; display:none;' href='#' id='Go_Top'> <i class="fa fa-chevron-up" aria-hidden="true"></i> </a> <a style='position: fixed; bottom: 250px; right: 1px; cursor:pointer; display:none;' href='#' id='Go_Bottom'> <i class="fa fa-chevron-down" aria-hidden="true"></i> </a>  

новый медленный код
<script type="text/javascript"> jQuery(function(){ $("#Go_Top").hide().removeAttr("href"); if ($(window).scrollTop()>="250") $("#Go_Top").fadeIn("slow") $(window).scroll(function(){ if ($(window).scrollTop()<="250") $("#Go_Top").fadeOut("slow") else $("#Go_Top").fadeIn("slow") }); $("#Go_Bottom").hide().removeAttr("href"); if ($(window).scrollTop()<=$(document).height()-"999") $("#Go_Bottom").fadeIn("slow") $(window).scroll(function(){ if ($(window).scrollTop()>=$(document).height()-"999") $("#Go_Bottom").fadeOut("slow") else $("#Go_Bottom").fadeIn("slow") }); $("#Go_Top").click(function(){ $("html, body").animate({scrollTop:0},2000) }) $("#Go_Bottom").click(function(){ $("html, body").animate({scrollTop:$(document).height()},2000) }) }); </script> <a style='position: fixed; bottom: 300px; right: 1px; cursor:pointer; display:none;' href='#' id='Go_Top'> <i class="fa fa-chevron-up" aria-hidden="true"></i> </a> <a style='position: fixed; bottom: 250px; right: 1px; cursor:pointer; display:none;' href='#' id='Go_Bottom'> <i class="fa fa-chevron-down" aria-hidden="true"></i> </a>  

https://www.webpagetest.org/result/170604_G8_1178/

Это ни о чем, потому как на скорость загрузки влияют мильон факторов. Однако мое дело предупредить. 

Молодец! оперативно как всегда! Предлагаю данного товарища отметить каким-нибудь способом, отдельное звание сделать - Легионер там какой нибудь))))

Это все конечно хорошо, но! Ты не подумал о том, что изначально информация берется из таблицы "core_sessions" где уже есть все данные для шаблона "userLinkFromData". Ты же предлагаешь, через вызов  метода \IPS\Member::load( $row['member_id'] ) дополнительно задействовать таблицу  "core_members".
Поэтому тем, кто хочет воспользоваться этим советом, вначале желаю подумать - стоит ли нагружать движек ради какого то мнимого визуального эффекта? 

новый медленный код
<script type="text/javascript"> jQuery(function(){ $("#Go_Top").hide().removeAttr("href"); if ($(window).scrollTop()>="250") $("#Go_Top").fadeIn("slow") $(window).scroll(function(){ if ($(window).scrollTop()<="250") $("#Go_Top").fadeOut("slow") else $("#Go_Top").fadeIn("slow") }); $("#Go_Bottom").hide().removeAttr("href"); if ($(window).scrollTop()<=$(document).height()-"999") $("#Go_Bottom").fadeIn("slow") $(window).scroll(function(){ if ($(window).scrollTop()>=$(document).height()-"999") $("#Go_Bottom").fadeOut("slow") else $("#Go_Bottom").fadeIn("slow") }); $("#Go_Top").click(function(){ $("html, body").animate({scrollTop:0},2000) }) $("#Go_Bottom").click(function(){ $("html, body").animate({scrollTop:$(document).height()},2000) }) }); </script> <a style='position: fixed; bottom: 300px; right: 1px; cursor:pointer; display:none;' href='#' id='Go_Top'> <i class="fa fa-chevron-up" aria-hidden="true"></i> </a> <a style='position: fixed; bottom: 250px; right: 1px; cursor:pointer; display:none;' href='#' id='Go_Bottom'> <i class="fa fa-chevron-down" aria-hidden="true"></i> </a>  

Что ето контекстное меню - https://ru.wikipedia.org/wiki/Контекстное_меню
Контекстное меню в IPS Community Suite 4 .... Вы можете изменить линк с вашен:

Что ето контекстное меню - https://ru.wikipedia.org/wiki/Контекстное_меню
Контекстное меню в IPS Community Suite 4 .... Вы можете изменить линк с вашен:

fixed:
<span class="uploadfile ipsButton ipsButton_light ipsButton_verySmall"><button onClick="javascript:window.open('https://mediafire.com','','location=0,status=0,scrollbars=1,width=760,height=660');"><i class="fa fa-upload" aria-hidden="true"></i> MediaFire</button></span> <span class="uploadfile ipsButton ipsButton_light ipsButton_verySmall"><button onClick="javascript:window.open('http://filedropper.com','','location=0,status=0,scrollbars=1,width=760,height=660');"><i class="fa fa-upload" aria-hidden="true"></i> FileDropper</button></span> <span class="uploadfile ipsButton ipsButton_light ipsButton_verySmall"><button onClick="javascript:window.open('http://www.tinyupload.com/','','location=0,status=0,scrollbars=1,width=760,height=660');"><i class="fa fa-upload" aria-hidden="true"></i> TinyUpload</button></span> .uploadfile button:link { text-decoration: none; color: #333; transition: all 0.5s ease; } .uploadfile button:visited { text-decoration: none; color: #333; transition: all 0.5s ease; }  

Мне проще все же делать вот таким способом:
style="text-align: justify; word-wrap: break-word;" data-ipstruncate="" data-ipstruncate-size="1 lines" data-ipstruncate-type="remove"  

fixed:
<span class="uploadfile ipsButton ipsButton_light ipsButton_verySmall"><button onClick="javascript:window.open('https://mediafire.com','','location=0,status=0,scrollbars=1,width=760,height=660');"><i class="fa fa-upload" aria-hidden="true"></i> MediaFire</button></span> <span class="uploadfile ipsButton ipsButton_light ipsButton_verySmall"><button onClick="javascript:window.open('http://filedropper.com','','location=0,status=0,scrollbars=1,width=760,height=660');"><i class="fa fa-upload" aria-hidden="true"></i> FileDropper</button></span> <span class="uploadfile ipsButton ipsButton_light ipsButton_verySmall"><button onClick="javascript:window.open('http://www.tinyupload.com/','','location=0,status=0,scrollbars=1,width=760,height=660');"><i class="fa fa-upload" aria-hidden="true"></i> TinyUpload</button></span> .uploadfile button:link { text-decoration: none; color: #333; transition: all 0.5s ease; } .uploadfile button:visited { text-decoration: none; color: #333; transition: all 0.5s ease; }  

Спасибо!

thank you!!
but i click on button and open pop up Current page refreshing.

Дополнение
после выполнения вышеуказанных шагов , перейти:
Шаблоны --> core --> front --> profile --> profileHeader и найти:
{{if $member->pp_main_photo and ( mb_substr( $member->pp_photo_type, 0, 5 ) === 'sync-' or $member->pp_photo_type === 'custom' )}} <a href="{file="$member->pp_main_photo" extension="core_Profile"}" data-ipsLightbox class='ipsUserPhoto ipsUserPhoto_xlarge'> <img src='{$member->photo}' alt=''> </a> {{else}} <span class='ipsUserPhoto ipsUserPhoto_xlarge'> <img src='{$member->photo}' alt=''> </span> {{endif}} Изменит на :
{{if $member->pp_main_photo and ( mb_substr( $member->pp_photo_type, 0, 5 ) === 'sync-' or $member->pp_photo_type === 'custom' )}} <a href="{file="$member->pp_main_photo" extension="core_Profile"}" data-ipsLightbox class='ipsUserPhoto ipsUserPhoto_xlarge'> <img src='{$member->photo}' data-groupID='{$member->member_group_id}' alt=''> </a> {{else}} <span class='ipsUserPhoto ipsUserPhoto_xlarge'> <img src='{$member->photo}' data-groupID='{$member->member_group_id}' alt=''> </span> {{endif}} В custom.css добавит:
.ipsUserPhoto_xlarge img, img.ipsUserPhoto_xlarge, .ipsUserPhoto_xlarge[data-group_id="4"] { border: solid 3px #e74c3c; padding:2px;}

Может добавит v css padding:2px; отделить рамку

Молодец! Все оценят!

Может добавит v css padding:2px; отделить рамку