Jump to content
DevFuse Forums

Mr_Dude

Members
  • Content Count

    7
  • Joined

  • Last visited

About Mr_Dude

  • Rank
    Newbie

Previous Fields

  • IP.Board Version
    IPB 4.0.x

Recent Profile Visitors

568 profile views
  1. a simple way to make your notification with colors Style Edit HTML / CSS Templates core front system notificationsAjax and notificationsRows add to the notificationsAjax {{if empty( $notifications )}} <li class='ipsDataItem ipsDataItem_unread'> <div class='ipsPad ipsType_light ipsType_center ipsType_normal'>{lang="no_results_notifications"}</div> </li> {{else}} {{foreach $notifications as $notification}} <li class='ipsDataItem {{if !$notification['notification']->read_time}}ipsDataItem_unread{{endif}}' data-lkNotify='{$notification['data']['title']}'> <div class='ipsDataItem_icon'> {{if isset( $notification['data']['author'] )}} {template="userPhoto" app="core" group="global" params="$notification['data']['author'], 'mini'"} {{endif}} </div> <div class='ipsDataItem_main'> <a href="{$notification['data']['url']}"> <span class='ipsDataItem_title'>{$notification['data']['title']}</span> <br> <span class="ipsType_light">{datetime="$notification['notification']->updated_time"}</span> </a> </div> </li> {{endforeach}} add to the notificationsRows {{if \count( $rows )}} {{foreach $rows as $notification}} {{if isset( $notification['data']['title'] )}} <li class='ipsDataItem {{if $notification['data']['unread']}}ipsDataItem_unread{{endif}} ipsClearfix' data-lkNotify='{$notification['data']['title']}'> <div class='ipsDataItem_icon'> {{if isset( $notification['data']['author'] )}} {template="userPhoto" app="core" group="global" params="$notification['data']['author'], 'tiny'"} {{endif}} </div> <div class='ipsDataItem_main'> {{if !$notification['data']['unread']}} <span class="ipsItemStatus ipsItemStatus_small ipsItemStatus_read"> <i class="fa fa-circle"></i> </span> <strong> {{endif}} <a href="{$notification['data']['url']}" class='ipsDataItem_title'>{$notification['data']['title']}</a> {{if !$notification['data']['unread']}} </strong> {{endif}} <br> <span class="ipsType_light">{datetime="$notification['notification']->updated_time"}</span> </div> </li> {{endif}} {{endforeach}} ou have to add the CSS code to the template. To this end, we go to: Style Edytuj HTML/CSS CSS core front custom custom.css [data-lkNotify*="zareagował na"], [data-lkNotify*="reacted to a"] { background-image: linear-gradient(to right, #ffeaea, transparent)!important; } [data-lkNotify*="wspomniał o tobie"], [data-lkNotify*="mentioned you in a"] { background-image: linear-gradient(to right, #eaffea, transparent)!important; } [data-lkNotify*="zacytował cię"], [data-lkNotify*="quoted you in a"] { background-image: linear-gradient(to right, #eaeaff, transparent)!important; } [data-lkNotify*="zaczął cię obserwować"], [data-lkNotify*="is now following you"] { background-image: linear-gradient(to right, #eaffff, transparent)!important; }
  2. adding snow to the topic sidebar go in your theme and go custom.css .ipsType_sectionTitle:after { content: ''; display: block; position: relative; right: 32px; height: 48px; margin-top: -48px; width: 100%; background: transparent url(https://i.imgur.com/AggO8PX.png) no-repeat; } side bar .ipsWidget.ipsWidget_vertical .ipsWidget_title:after { content: ''; display: block; position: relative; left: 13.5em; height: 40px; margin-top: -40px; width: 100%; background: transparent url(https://i.imgur.com/Yzmf6Lb.png) no-repeat; }
  3. invision power board fail to implement this in the staff section but you can hard code with this tutorial Primary Group in Staff Page This will display the primary group of the user instead of the member title on the forum team page Go to: ACP > Customization > Themes > YourTheme (Edit HTML/CSS) - find: core > front > staffdirectory > layout_blocks and click for edit REPLACE ALL CONTENT WITH: {{$count=0;}} {{foreach $users as $user}} {{if $count%4 == 0}} <div class='ipsGrid ipsGrid_collapsePhone cStaffDirectory_blocks'> {{endif}} <div class='ipsGrid_span3 ipsType_center ipsAreaBackground_light ipsPad'> {template="userPhoto" app="core" group="global" params="$user->member(), 'small'"} <h3 class='ipsType_sectionHead'> {{if \IPS\Member::loggedIn()->language()->checkKeyExists( "core_staff_directory_name_{$user->id}" ) }} {{if member.canAccessModule( \IPS\Application\Module::get( 'core', 'members' ) )}} <a href='{$user->member()->url()}'>{lang="core_staff_directory_name_{$user->id}" escape="true"}</a> {{else}} {lang="core_staff_directory_name_{$user->id}" escape="true"} {{endif}} {{else}} {$user->member()->link()|raw} {{endif}} </h3> <p class='ipsType_reset ipsType_normal ipsType_light'> {{if \IPS\Member::loggedIn()->language()->checkKeyExists( "core_staff_directory_title_{$user->id}" )}} {lang="core_staff_directory_title_{$user->id}" escape="true"} {{else}} {expression="\IPS\Member\Group::load( $user->member()->member_group_id )->formattedName" raw="true"} {{endif}} </p> {{if !member.members_disable_pm AND !$user->member()->members_disable_pm AND \IPS\Member::loggedIn()->member_id AND \IPS\Member::loggedIn()->canAccessModule( \IPS\Application\Module::get( 'core', 'messaging' ) )}} <br> <a href='{url="app=core&module=messaging&controller=messenger&do=compose&to={$user->member()->member_id}" seoTemplate="messenger_compose"}' data-ipsDialog data-ipsDialog-title='{lang="compose_new"}' data-ipsDialog-forceReload data-ipsDialog-remoteSubmit data-ipsDialog-flashMessage="{lang="message_sent"}"><i class='fa fa-envelope'></i> {lang="message_send"}</a> {{endif}} </div> {{$count++;}} {{if $count%4 == 0}} </div> <br> {{endif}} {{endforeach}} {{if $count%4 != 0}} </div> <br> {{endif}} GROUP ICON IMAGE ON STAFF PAGE This will show the group's image / icon (if any), defined in ACP> Members> Groups> GroupName> Group Icon GO TO: ACP > Customization > Themes > YourTheme (Edit HTML/CSS) - find core > front > staffdirectory > layout_blocks REPLACE ALL CONTENT WITH: {{$count=0;}} {{foreach $users as $user}} {{if $count%4 == 0}} <div class='ipsGrid ipsGrid_collapsePhone cStaffDirectory_blocks'> {{endif}} <div class='ipsGrid_span3 ipsType_center ipsAreaBackground_light ipsPad'> {template="userPhoto" app="core" group="global" params="$user->member(), 'small'"} <h3 class='ipsType_sectionHead'> {{if \IPS\Member::loggedIn()->language()->checkKeyExists( "core_staff_directory_name_{$user->id}" ) }} {{if member.canAccessModule( \IPS\Application\Module::get( 'core', 'members' ) )}} <a href='{$user->member()->url()}'>{lang="core_staff_directory_name_{$user->id}" escape="true"}</a> {{else}} {lang="core_staff_directory_name_{$user->id}" escape="true"} {{endif}} {{else}} {$user->member()->link()|raw} {{endif}} </h3> <p class='ipsType_reset ipsType_normal ipsType_light'> {{if \IPS\Member::loggedIn()->language()->checkKeyExists( "core_staff_directory_title_{$user->id}" )}} {lang="core_staff_directory_title_{$user->id}" escape="true"} {{else}} {expression="\IPS\Member\Group::load( $user->member()->member_group_id )->formattedName" raw="true"} {{if \IPS\Member\Group::load( $user->member()->member_group_id )->g_icon }} <li style="list-style:none" class='ipsResponsive_hidePhone'><img src='{file="$user->member()->group['g_icon']" extension="core_Theme"}' alt='' class='cAuthorGroupIcon'></li> {{endif}} {{endif}} </p> {{if !member.members_disable_pm AND !$user->member()->members_disable_pm AND \IPS\Member::loggedIn()->member_id AND \IPS\Member::loggedIn()->canAccessModule( \IPS\Application\Module::get( 'core', 'messaging' ) )}} <br> <a href='{url="app=core&module=messaging&controller=messenger&do=compose&to={$user->member()->member_id}" seoTemplate="messenger_compose"}' data-ipsDialog data-ipsDialog-title='{lang="compose_new"}' data-ipsDialog-forceReload data-ipsDialog-remoteSubmit data-ipsDialog-flashMessage="{lang="message_sent"}"><i class='fa fa-envelope'></i> {lang="message_send"}</a> {{endif}} </div> {{$count++;}} {{if $count%4 == 0}} </div> <br> {{endif}} {{endforeach}} {{if $count%4 != 0}} </div> <br> {{endif}} In spoiler, is the code for the other layouts of the directory staff. (You can choose 3 layouts in ACP settings and all have to be changed for group primary to be displayed) VERTICAL LAYOUT (layout full): GO TO: ACP > Customization > Themes > YourTheme (Edit HTML/CSS) - find core > front > staffdirectory > layout_full REPLACE ALL CONTENT WITH: {{foreach $users as $user}} <div class='ipsAreaBackground_light ipsPad ipsPhotoPanel ipsPhotoPanel_small ipsSpacer_bottom ipsSpacer_half cStaffDirectory_full'> {template="userPhoto" app="core" group="global" params="$user->member(), 'small'"} <div> <h3 class='ipsType_sectionHead'> {{if \IPS\Member::loggedIn()->language()->checkKeyExists( "core_staff_directory_name_{$user->id}" ) }} {{if member.canAccessModule( \IPS\Application\Module::get( 'core', 'members' ) )}} <a href='{$user->member()->url()}'>{lang="core_staff_directory_name_{$user->id}" escape="true"}</a> {{else}} {lang="core_staff_directory_name_{$user->id}" escape="true"} {{endif}} {{else}} {$user->member()->link()|raw} {{endif}} </h3> <p class='ipsType_reset ipsType_normal ipsType_light'> {{if \IPS\Member::loggedIn()->language()->checkKeyExists( "core_staff_directory_title_{$user->id}" )}} {lang="core_staff_directory_title_{$user->id}" escape="true"} {{else}} {expression="\IPS\Member\Group::load( $user->member()->member_group_id )->formattedName" raw="true"} {{endif}} </p> {{if \IPS\Member::loggedIn()->language()->checkKeyExists( "core_staff_directory_bio_{$user->id}" )}} <br> <div class='ipsType_richText ipsType_normal' data-ipsTruncate data-ipsTruncate-size="4 lines" data-ipsTruncate-type="hide">{lang="core_staff_directory_bio_{$user->id}"}</div> {{endif}} {{if !member.members_disable_pm AND !$user->member()->members_disable_pm AND \IPS\Member::loggedIn()->member_id AND \IPS\Member::loggedIn()->canAccessModule( \IPS\Application\Module::get( 'core', 'messaging' ) )}} <br> <a href='{url="app=core&module=messaging&controller=messenger&do=compose&to={$user->member()->member_id}" seoTemplate="messenger_compose"}' data-ipsDialog data-ipsDialog-title='{lang="compose_new"}' data-ipsDialog-forceReload data-ipsDialog-remoteSubmit data-ipsDialog-flashMessage="{lang="message_sent"}"><i class='fa fa-envelope'></i> {lang="message_send"}</a> {{endif}} </div> </div> {{endforeach}} LAYOUT HALF GO TO: ACP > Customization > Theme > YourTheme (EDIT HTML/CSS) - find - core > front > staffdirectory > layout_half REPLACE ALL CONTENT WITH : {{$count=0;}} {{foreach $users as $user}} {{if $count%2 == 0}} <div class='ipsGrid ipsGrid_collapsePhone ipsSpacer_bottom cStaffDirectory_half'> {{endif}} <div class='ipsGrid_span6 ipsPhotoPanel ipsPhotoPanel_small ipsAreaBackground_light ipsPad'> {template="userPhoto" app="core" group="global" params="$user->member(), 'small'"} <div> <h3 class='ipsType_sectionHead'> {{if \IPS\Member::loggedIn()->language()->checkKeyExists( "core_staff_directory_name_{$user->id}" ) }} {{if member.canAccessModule( \IPS\Application\Module::get( 'core', 'members' ) )}} <a href='{$user->member()->url()}'>{lang="core_staff_directory_name_{$user->id}" escape="true"}</a> {{else}} {lang="core_staff_directory_name_{$user->id}" escape="true"} {{endif}} {{else}} {$user->member()->link()|raw} {{endif}} </h3> <p class='ipsType_light ipsType_normal ipsType_reset'> {{if \IPS\Member::loggedIn()->language()->checkKeyExists( "core_staff_directory_title_{$user->id}" ) }} {lang="core_staff_directory_title_{$user->id}" escape="true"} {{else}} {expression="\IPS\Member\Group::load( $user->member()->member_group_id )->formattedName" raw="true"} {{endif}} </p> {{if \IPS\Member::loggedIn()->language()->checkKeyExists( "core_staff_directory_bio_{$user->id}" )}} <br> <div class='ipsType_richText ipsType_normal' data-ipsTruncate data-ipsTruncate-size="4 lines" data-ipsTruncate-type="hide">{lang="core_staff_directory_bio_{$user->id}"}</div> {{endif}} {{if !member.members_disable_pm AND !$user->member()->members_disable_pm AND \IPS\Member::loggedIn()->member_id AND \IPS\Member::loggedIn()->canAccessModule( \IPS\Application\Module::get( 'core', 'messaging' ) )}} <br> <a href='{url="app=core&module=messaging&controller=messenger&do=compose&to={$user->member()->member_id}" seoTemplate="messenger_compose"}' data-ipsDialog data-ipsDialog-title='{lang="compose_new"}' data-ipsDialog-forceReload data-ipsDialog-remoteSubmit data-ipsDialog-flashMessage="{lang="message_sent"}"><i class='fa fa-envelope'></i> {lang="message_send"}</a> {{endif}} </div> </div> {{$count++;}} {{if $count%2 == 0}} </div> {{endif}} {{endforeach}} {{if $count%2 != 0}} </div> {{endif}} your done
  4. The code I am going to provide you will create a Moving Rainbow Effect for your Usernames for the online list. Nothing more, Nothing Less. Step 1 Navigate to Look & Feel > Manage Skin Set and Template > Skin Drop Down > Manage Templates & CSS > GlobalTemplate Paste this code right above the </head> tag. <script type="text/javascript"> <!-- Begin /* Created by: HaganeNoKokoro Modified to work for Invision Power Board by Timeless */ function toSpans(span) { var str=span.firstChild.data; var a=str.length; span.removeChild(span.firstChild); for(var i=0; i<a; i++) { var theSpan=document.createElement("SPAN"); theSpan.appendChild(document.createTextNode(str.charAt(i))); span.appendChild(theSpan); } } function RainbowSpan(span, hue, deg, brt, spd, hspd) { this.deg=(deg==null?360:Math.abs(deg)); this.hue=(hue==null?0:Math.abs(hue)%360); this.hspd=(hspd==null?3:Math.abs(hspd)%360); this.length=span.firstChild.data.length; this.span=span; this.speed=(spd==null?50:Math.abs(spd)); this.hInc=this.deg/this.length; this.brt=(brt==null?255:Math.abs(brt)%256); this.timer=null; toSpans(span); this.moveRainbow(); } /* * sets the colors of the children of [this] as a hue-rotating rainbow starting at this.hue; * requires something to manage ch externally * I had to make the RainbowSpan class because M$IE wouldn't let me attach this prototype to [Object] */ RainbowSpan.prototype.moveRainbow = function() { if(this.hue>359) this.hue-=360; var color; var b=this.brt; var a=this.length; var h=this.hue; for(var i=0; i<a; i++) { if(h>359) h-=360; if(h<60) { color=Math.floor(((h)/60)*b); red=b;grn=color;blu=0; } else if(h<120) { color=Math.floor(((h-60)/60)*b); red=b-color;grn=b;blu=0; } else if(h<180) { color=Math.floor(((h-120)/60)*b); red=0;grn=b;blu=color; } else if(h<240) { color=Math.floor(((h-180)/60)*b); red=0;grn=b-color;blu=b; } else if(h<300) { color=Math.floor(((h-240)/60)*b); red=color;grn=0;blu=b; } else { color=Math.floor(((h-300)/60)*b); red=b;grn=0;blu=b-color; } h+=this.hInc; this.span.childNodes[i].style.color="rgb("+red+", "+grn+", "+blu+")"; } this.hue+=this.hspd; } // End --> </script> Step 2: Put this right above the </body> tag in Look & Feel > Manage Skin Set and Template > Skin Drop Down > Manage Templates & CSS > GlobalTemplate <script type="text/javascript"> var r1=document.getElementById("rainbow"); //get span to apply rainbow var myRainbowSpan=new RainbowSpan(r1, 0, 360, 255, 50, 18); //apply static rainbow effect myRainbowSpan.timer=window.setInterval("myRainbowSpan.moveRainbow()", myRainbowSpan.speed); </script> Step 3: Navigate to Members > Manage User Groups > Group Drop down > Edit Group Find Group Formatting Prefix and put <span id='rainbow'> Next find Suffix and put </span> your dune this dont work on some themes
  5. remove the topic from the board with out using css just edit your theme choose your theme and look for index in the theme fromus and look for this <a class="ipsButton ipsButton_medium ipsButton_important" href="{url="app=forums&module=forums&controller=forums&do=add" seoTemplate="topic_non_forum_add_button"}" data-ipsDialog data-ipsDialog-size='narrow' data-ipsDialog-title='{lang="select_forum"}'>{lang="start_new_topic"}</a> same thing <h1 class='ipsType_pageTitle'> {lang="forums"} </h1>
  6. In custom.css add .bg-top { padding: 0; margin: 0 auto; } .flip-container:hover .back { transform: rotateY(0deg); } .flip-container:hover .front { transform: rotateY(180deg); } .flip-container, .front, .back { width: 235px; height: 300px; display: inline-block; margin: 0px 0px; } .flipper { transition: 0.6s; transform-style: preserve-3d; position: relative; } .front { z-index: 2; transform: rotateX(0deg); } .front, .back { backface-visibility: hidden; transition: 0.6s; transform-style: preserve-3d; position: absolute; top: -5px; left: 0; } .tops { display: inline-block; width: 235px; height: 300px; background: #FFF; border-bottom: 4px solid rgb(35, 35, 49); border-top: 2px solid rgb(35, 35, 49); } .top-cursor { /* background: url(https://zone-cs.ru/banners/0000FF.png) repeat; */ color: #232331; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 235px; position: absolute; bottom: 20px; /* left: 5px; */ height: 30px; line-height: 30px; border: 2px solid #3e81f1; box-shadow: 0 0 24px 0 #3e81f1; /* box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.75); */ border-radius: 3px; padding: 0 5px; text-shadow: 1px 1px 2px rgba(255, 255, 255, 1); font-weight: normal; font-style: italic; } .top-img { width: 235px; height: 278px; margin: 45px auto; } .top-img img { width: 215px; height: 195px; } .top-ico {position:absolute;top:6px;left:5px;} .top-ico img {} .back { background: #fff; transform: rotateY(-180deg); border-bottom: 4px solid rgba(29,84,167,0.7); border-top: 4px solid rgba(29, 84, 167, 0); } .top-line1 ,.top-line2,.top-line3,.top-line4{ width:235px; padding:0 0 0 5px; background:#adadad; height:30px; line-height:30px; margin:2px 0; border-bottom:1px solid #2C3E50; } .top-line3 a {font-size:11px;color:#2C3E50;} .top-line4 a {} /* postContainer с переворотом конец */ .postContainer-Indicator { position: absolute; left: 0px; top: 2px; z-index: 1; overflow: hidden; width: 120px; height: 120px; text-align: right; } .postContainer-Indicator .postContainer-Indicator_indicator { font-size: 12px; color: #fefefe; font-weight: 700; position: absolute; top: 33px; left: -40px; text-transform: uppercase; text-align: center; line-height: 22px; width: 190px; display: block; background: linear-gradient(0deg, #232331 80%, #3a3a4f 82%, #96969d); box-shadow: 0 3px 10px -5px #96969d; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .postContainer_Login { position: absolute; left: 0px; top: 2px; z-index: 1; overflow: hidden; width: 120px; height: 120px; text-align: right; } .postContainer_Login .postContainer_Login_B { font-size: 12px; color: #fefefe; font-weight: 700; position: absolute; top: 33px; left: -40px; text-transform: uppercase; text-align: center; line-height: 22px; width: 190px; display: block; background: linear-gradient(0deg, #232331 80%, #3a3a4f 82%, #96969d); box-shadow: 0 3px 10px -5px #96969d; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .message-postStarter { position: absolute; left: 0px; top: -3px; z-index: 1; overflow: hidden; width: 65px; height: 85px; text-align: right; } .message-postStarter .message-postStarter_indicator { font-size: 9px; color: #fefefe; font-weight: 700; position: absolute; top: 18px; left: -25px; text-transform: uppercase; text-align: center; line-height: 20px; width: 100px; display: block; background: linear-gradient(#52a7d8 0%, #17618c 100%); box-shadow: 0 3px 10px -5px #000; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .message-postStarter .message-postStarter_indicator:before { left: 0; border-left-color: #79A70A; border-right-color: transparent; } .message-postStarter .message-postStarter_indicator:after { left: 0; border-left-color: #79A70A; border-right-color: transparent; } .message-threadStarter .message-threadStarter_indicator:before, .message-threadStarter .message-threadStarter_indicator:after { content: ""; position: absolute; top: 100%; z-index: -1; border: 3px solid; border-top-color: #79A70A; border-bottom-color: transparent; } .cAuthorPane { padding: 5px !important; } .cPost.ipsModerated, .cPost.ipsModerated .cAuthorPane { background: #1d1d25 !important; } aside.ipsComment_author.cAuthorPane.ipsColumn.ipsColumn_medium { width: 245px; } .wa_pContainer { padding-top: 2px; background-color: rgb(245, 245, 245); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1); margin: -5px 0px 0px 0px; border-top: 2px solid #272727; border-radius: 5px; } .pContainer_b1 { margin-top: 0px; margin-bottom: 5px; text-align: center; } .pContainer_b1 img { border: 1px solid rgba(0,0,0,0.1); border-radius: 500px; height: 90px; } .pc_coverphoto { margin-bottom: 5px !important; background-color: #FFFFFF !important; background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; background-size: 100% 100% !important; height: 95px; width: 100%; /*margin-left: -5px !important;*/ margin: -100px 0 0 0; } .wa_pContainer_b2 { overflow: hidden; padding: 8px 0; background: linear-gradient(55deg, #dcdcdc 50%, #dcdcdc 50%, #dcdcdc); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1); } .wa_pContainer_b2_1 { width: 50%; float: left; } .wa_pContainer_b2_1 .ipsRepBadge { font-size: 15px; font-weight: normal; } .wa_pContainer_b2_m { color: #1b1b1b; text-transform: uppercase; font-size: 11px; } .wa_pContainer_b3 { margin: 5px 0; } .wa_pContainer_b4 { margin: 5px 0; } .textnikkk { margin-bottom: 3px; margin-left: 2px; margin-right: 2px; line-height: 25px; border-radius: 5px; font-size: 14px !important; max-width: 100%; /*background-color: rgba(0, 0, 0, 0.2);*/ box-shadow: 0 1px 3px rgb(196, 196, 196) inset, 0 0 0 1px rgb(196, 196, 196), 0 1px 0 rgb(196, 196, 196); } .textGrop { margin-top: 5px; margin-bottom: 8px; margin-left: 2px; margin-right: 2px; line-height: 25px; border-radius: 5px; font-size: 14px !important; max-width: 100%; /*background-color: rgba(0, 0, 0, 0.2);*/ box-shadow: 0 1px 3px rgb(196, 196, 196) inset, 0 0 0 1px rgb(196, 196, 196), 0 1px 0 rgb(196, 196, 196); } .textGroprank:hover { background: rgb(220, 220, 220); } .textGroprank { margin-bottom: 5px; margin-left: 2px; margin-right: 2px; line-height: 20px; height: 24px; border-radius: 5px; font-size: 14px !important; max-width: 100%; /* background: linear-gradient(55deg, #fafafa 50%, #fafafa 50%, #fafafa); */ box-shadow: 0px 0px 10px 0px #dcdcdc; margin-top: 5px; } .autornik { display: block; line-height: 10px; -moz-hyphens: initial; margin-top: -5px; height: 25px; border-radius: 35px; font-size: 16px !important; max-width: 100%; /* background: #1c1d2680; */ background: linear-gradient(55deg, #232331 80%, #f1f1f500 100%, #ededef00); font-family: 'Roboto Condensed', sans-serif; } .oNpane1 { position: relative; display: inline-block; float: left; height: 20px; width: 30px; border-radius: 50px; border: 1px solid #249168; font-size: 18px; text-align: center; line-height: 25px; color: #56cf61; margin: 0 auto; margin-top: 2px; margin-left: 30px; margin-right: -50px; } .oFFpane1 { position: relative; display: inline-block; float: left; height: 20px; width: 30px; border-radius: 50px; border: 1px solid #ab300b; font-size: 18px; text-align: center; line-height: 25px; color: #f52e0c; margin: 0 auto; margin-top: 2px; margin-left: 30px; margin-right: -50px; } .paneLogin { border-top: 5px solid #303c4a; border-bottom: 5px solid #37474f; background: linear-gradient(#37474f61 10%, #1213176b 90%) !important; border-radius: 5px; position: relative; margin: 0 auto; margin-top: 0px; margin-left: -10px; margin-right: -10px; } .uip:hover { background: rgb(220, 220, 220); } .uip { padding: 5px; display: inline-block; width: 98%; color: #1b1b1b; padding: 1px 10px; margin-top: -2px; border-radius: 5px; border-width: 1px 0 1px 0; border-style: solid; border-color: #dcd8d8; background: #f5f5f5; border: 1px #dcdcdc solid; box-shadow: inset rgb(220, 220, 220) 0px 1px 5px, rgb(220, 220, 220) 0px 0px 0px, rgb(220, 220, 220) 0px 0px 1px 0px; } .leftinfo { font-size: 11px; float: left; text-align: left; margin-right: 3px; margin-left: 0; min-width: 60px; width: auto !important; } .rightinfo { float: right; color: #1b1b1b; font-size: 11px; } In the postContainer, replace with {{$idField = $comment::$databaseColumnId;}} {{$itemClassSafe = str_replace( '\\', '_', mb_substr( $comment::$itemClass, 4 ) );}} {{if $comment->isIgnored()}} <div class='ipsComment ipsComment_ignored ipsType_light' id='elIgnoreComment_{$comment->$idField}' data-ignoreCommentID='elComment_{$comment->$idField}' data-ignoreUserID='{$comment->author()->member_id}'> {lang="ignoring_content" sprintf="$comment->author()->name"} <a href='#elIgnoreComment_{$comment->$idField}_menu' data-ipsMenu data-ipsMenu-menuID='elIgnoreComment_{$comment->$idField}_menu' data-ipsMenu-appendTo='#elIgnoreComment_{$comment->$idField}' data-action="ignoreOptions" title='{lang="see_post_ignore_options"}' class='ipsType_blendLinks'>{lang="options"} <i class='fa fa-caret-down'></i></a> <ul class='ipsMenu ipsHide' id='elIgnoreComment_{$comment->$idField}_menu'> <li class='ipsMenu_item ipsJS_show' data-ipsMenuValue='showPost'><a href='#'>{lang="show_this_post"}</a></li> <li class='ipsMenu_sep ipsJS_show'><hr></li> <li class='ipsMenu_item' data-ipsMenuValue='stopIgnoring'><a href='{url="app=core&module=system&controller=ignore&do=remove&id={$comment->author()->member_id}" seoTemplate="ignore"}'>{lang="stop_ignoring_posts_by" sprintf="$comment->author()->name"}</a></li> <li class='ipsMenu_item'><a href='{url="app=core&module=system&controller=ignore" seoTemplate="ignore"}'>{lang="change_ignore_preferences"}</a></li> </ul> </div> {{endif}} <a id='comment-{$comment->$idField}'></a> <article {{if $comment->author()->hasHighlightedReplies()}}data-memberGroup="{$comment->author()->member_group_id}" {{endif}} id='elComment_{$comment->$idField}' class='cPost ipsBox {{if $otherClasses}}{$otherClasses}{{endif}} ipsComment {{if ( settings.reputation_enabled and settings.reputation_highlight and $comment->reactionCount() >= settings.reputation_highlight ) OR $comment->isFeatured()}}ipsComment_popular{{endif}} ipsComment_parent ipsClearfix ipsClear ipsColumns ipsColumns_noSpacing ipsColumns_collapsePhone {{if $comment->author()->hasHighlightedReplies()}}ipsComment_highlighted{{endif}}{{if $comment->isIgnored()}}ipsHide{{endif}} {{if $comment->hidden() OR $item->hidden() === -2}}ipsModerated{{endif}}'> {{if $item->isQuestion() and !$comment->new_topic}} {template="postRating" group="topics" app="forums" params="$item, $comment, $votes"} {{endif}} <aside class='ipsComment_author cAuthorPane ipsColumn ipsColumn_medium'> <div class=" bg-top"=""> <div class="flip-container" ontouchstart="this.classList.toggle('hover');"> <div class="flipper"> <div class="front"> <div class="tops"> <div class="top-cursor">To view, hover over the</div> <div class="top-img"><img class="img_mp" src="{resource="2018/3.PNG" app="core" location="global"}" alt=""></div> <div class="postContainer_Login"> <span class="postContainer_Login_B"> <strong>{$comment->author()->link( $comment->warningRef() )|raw}</strong> </span> </div> </div> </div> <div class="back"> <div class='author_info'> <div class="wa_pContainer" itemscope="" itemtype="http://schema.org/Person"> <div class='textnikkk'> <h3 class='ipsType_sectionHead cAuthorPane_author ipsType_blendLinks ipsType_break'><strong>{$comment->author()->link( $comment->warningRef() )|raw}</strong> <span class='ipsResponsive_showPhone ipsResponsive_inline'> {template="reputationBadge" group="global" app="core" params="$comment->author()"}</span></h3> </div> <div class="pContainer_b1"> {template="userPhoto" app="core" group="global" params="$comment->author(), 'large', $comment->warningRef()"} </div> {{$coverPhoto = $comment->author()->coverPhoto();}} {{if $coverPhoto->file}} <div class="pc_coverphoto" style="background-image: url('{$coverPhoto->file->url}') !important;"> </div> {{else}} {{endif}} <div class='textGroprank'> {{if $comment->author()->rank['image'] && $comment->author()->member_id}} {$comment->author()->rank['image']|raw} {{endif}}</div> {{if $comment->author()->member_id and $item->author()->member_id == $comment->author()->member_id}} <div class="message-postStarter"> <span class="message-postStarter_indicator">Starter</span></div> {{endif}} {{if $comment->author()->inGroup(array(3))}}While empty{{endif}} {template="reputationBadge" group="global" app="core" params="$comment->author()"} <div class='textGrop'>{expression="\IPS\Member\Group::load( $comment->author()->member_group_id )->formattedName" raw="true"} {{if \IPS\Member\Group::load( $comment->author()->member_group_id )->g_icon }} <img src='{file="$comment->author()->group['g_icon']" extension="core_Theme"}' alt='' class='cAuthorGroupIcon'> {{endif}} </div> <li class="uip"> <span class="leftinfo"><i class="fa fa-star-half-o"></i> Rank:</span> {{if $comment->author()->member_title && $comment->author()->member_id}} <span class="rightinfo">{$comment->author()->member_title}</span> {{elseif $comment->author()->rank['title'] && $comment->author()->member_id}} <span class="rightinfo">{$comment->author()->rank['title']}</span> {{endif}} </li> <li class="uip"> {{$date_joined = floor((strtotime("now")-strtotime("{$comment->author()->joined}"))/86400) ;}} <span class="leftinfo"><i class="fa fa-calendar"></i> With us already:</span> <span class="rightinfo">{$date_joined} days</span> </li> <li class="uip"> <span class="leftinfo"><i class="fa fa-trophy fa-lg" aria-hidden="true"></i> {lang="members_days_won_count"}</span> <span class="rightinfo">{number="$comment->author()->getReputationDaysWonCount()"}</span> </li> <div class="wa_pContainer_b2"> <div class="wa_pContainer_b2_1"> <div> <span class="wa_pContainer_b2_m">Topics</span> </div> <span style="font-size: 15px;">{{$where[] = "starter_id = " . $comment->author()->member_id;}} {{$author_topics = \IPS\forums\Topic::getItemsWithPermission( $where, NULL, 0 );}} {{$topics_count = count($author_topics);}} {$topics_count}</span> </div> <div class="wa_pContainer_b2_1"> <div> <span class="wa_pContainer_b2_m">Posts</span> </div> <span style="font-size: 15px;">{$comment->author()->member_posts}</span> </div> </div> </div> </div> </div> </div> </div> <br> </div> </aside> <div class='ipsColumn ipsColumn_fluid'> {template="post" group="topics" app="forums" params="$item, $comment, $item::$formLangPrefix . 'comment', $item::$application, $item::$module, $itemClassSafe"} </div> </article>
×
×
  • Create New...