Jump to content


Search In
  • More options...
Find results that contain...
Find results in...


Popular Content

Showing content with the highest reputation since 12/22/2018 in all areas

  1. 1 point
    Avatar Border Colour Depending Of Group Go to ACP -> Customization -> Themes -> Your Theme -> Edit HTML and CSS -> core -> front -> global -> userPhoto and replace all content with this: {{if $member->member_id and \IPS\Member::loggedIn()->canAccessModule( \IPS\Application\Module::get( 'core', 'members' ) )}} {{$memberURL = ( $warningRef ) ? $member->url()->setQueryString( 'wr', $warningRef ) : $member->url();}} <a href="{$memberURL}" data-group_id='{$member->member_group_id}' {{if $hovercard}}data-ipsHover data-ipsHover-target="{$memberURL->setQueryString( 'do', 'hovercard' )}"{{endif}} class="ipsUserPhoto ipsUserPhoto_{$size}{{if $classes}} {$classes}{{endif}}" title="{lang="view_user_profile" sprintf="$member->name"}"> <img src='{$member->photo}' alt='{$member->name}' itemprop="image"> </a> {{else}} <span class='ipsUserPhoto ipsUserPhoto_{$size} {{if $classes}}{$classes}{{endif}}'> <img src='{$member->photo}' data-groupID='{$member->member_group_id}' alt='{$member->name}' itemprop="image"> </span> {{endif}} Go to custom.css and add this code: .ipsUserPhoto[data-group_id="4"] { border: solid 3px #e74c3c; } .ipsUserPhoto[data-group_id="3"] { border: solid 3px #2c3e50; } Change 4 and 3 with an id of your group Id your group can see in the ACP - Members - Group click group (example Members) that you want to see. In the address bar, you will see your id groups:
  2. 1 point
    Topic Icons Go to : ACP > Customization > Themes > Ur theme > HTML & CSS Codes > forums > front > forums > topicRow and find : <li class="ipsDataItem ipsDataItem_responsivePhoto {{if $row->unread()}}ipsDataItem_unread{{endif}} {{if method_exists( $row, 'tableClass' ) && $row->tableClass()}}ipsDataItem_{$row->tableClass()}{{endif}} {{if $row->hidden()}}ipsModerated{{endif}}" data-rowID='{$row->$idField}' itemprop="itemListElement" itemscope itemtype="[Hidden Content]; Below add this code: <i class='f_icon' data-rowID='{$row->$idField}'></i> Save Go to CSS Tab > custom.css and add it at the final of your code : .f_icon{ width: 67px; height: 67px; } .f_icon[data-rowid="60"] { background: url([Hidden Content] image.png); float: left } .f_icon[data-rowid="330"] { background: url([Hidden Content] image.png); float: left } Save Enjoy
  3. 1 point
    Smooth Scrolling Go to the ACP> Customizations> Themes> your theme> edit HTML and CSS> core> front> global> clobalTemplate and find: <-! IpsQueryLog -> after paste this code: <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},1400) }) $("#Go_Bottom").click(function(){ $("html, body").animate({scrollTop:$(document).height()},1400) }) }); </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>