Jump to content
TheHost4U - Webmaster Resources
Sign in to follow this  
theboss

Having Team Icons for particular Theme

Recommended Posts

Currently with IPB 4 if you use the Team Icons feature in admincp it will be applied to ALL themes which may look ok in some themes but not others.

If anyone is interested the following will allow using different team icons per theme.

To use Team Icons in IPB 4:

Create your Team Icons making note of filenames (e.g. team_admin.png, team_mod.png)

Upload your team icon images via the Manage Resources ('drop down arrow' far right of theme name)

Now we need to make changes to css and templates:

=========
TEMPLATE:
=========

AdminCP >> Customization >> Themes >> Far right of theme name 'Edit HTML/CSS'

Templates Tab

Scroll down to Forums >> Topics >> Post Container

Now, find where you want to place your Team Icon image and add following code:

<!-- RANK IMAGE -->
		<li class='{expression="\IPS\Member\Group::load( $comment->author()->member_group_id )" raw="true"}'></li>
<!-- END RANK IMAGE -->

Save

====
CSS
====

In custom.css add:

/*** THE FOLLOWING IS TO REMOVE THE GROUP TEXT SHOWN IN cAuthorPane PANEL ***/


.cAuthorPane_info span {  display: none;}

/*** FOLLOWING WILL PLACE THE GROUP ICON IMAGE YOU UPLOADED TO MANAGE RESOURCES ***/
/*** MAKE SURE YOU USE YOUR OWN FILENAME, APP AND LOCATION ***/

.Administrators {
background: url({resource="team_admin.png" app="core" location="custom"}) no-repeat; 
display: block; 
height: 48px; /** HEIGHT OF YOUR IMAGE **/
}

Repeat above for all Groups

NOTE: the classes used MUST be EXACTLY same as the Group Names in your AdminCP (note the A instead of a)

Once done, save and should find you will have Team Icons showing (see below)

post-1-0-09259100-1440684621_thumb.jpg

The above will only add the team icons to THAT THEME for other Themes you will have to do same as above for each Theme.

==============================================================

Please DO NOT copy any of our tutorials to other sites without giving us the credit

==============================================================

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

×
×
  • Create New...