Thread: [IPB 4.1/4.2] CSS in individual member titles

Page 1 of 2 12 LastLast
Results 1 to 10 of 11
  1. #1 [IPB 4.1/4.2] CSS in individual member titles 
    Banned

    Join Date
    Sep 2016
    Age
    27
    Posts
    505
    Thanks given
    405
    Thanks received
    186
    Rep Power
    0
    I've seen some people ask about this and I figured I'd make a quick tutorial on it.

    I'll get straight to the point. This tutorial is to teach users who use IPB's forum software how to allow CSS in individual member titles. At the moment there is not a plugin or application available to do this easily so you will have to just edit/replace some already-existing code and adding the proper code to your Custom CSS.

    WARNING: You will need to do this for every member individually. Yes it's tedious, but it's only if you want it done.

    Step 1:
    Open up your theme's "Edit HTML/CSS" interface by going to: Customization > Appearance > Themes > and clicking this Attached image on the theme you're using

    Step 2:

    In the Templates area you will input either two of these codes depending on what you're using (these will be changed)

    You will use this code if you ARE using the "Enhanced User Info Panel" plugin
    Code:
    ipsComment_author cAuthorPane ipsColumn ipsColumn_medium euip_PanelWidth
    You will use this code if you ARE NOT using the "Enhanced User Info Panel" plugin
    Code:
    ipsType_break
    Once you find that area, you will look for the following code in the designated template:

    You will look for this code if you ARE using the "Enhanced User Info Panel" plugin
    Code:
    <span class="ipsResponsive_hidePhone ipsType_break">
    {$comment->author()->member_title}
    </span>
    You will look for this code if you ARE NOT using the "Enhanced User Info Panel" plugin
    Code:
    {{if $comment->author()->member_title && $comment->author()->member_id}}
    <li class='ipsType_break'>{$comment->author()->member_title}</li>
    Step 3:

    Replace the entire code as displayed above with the following code:

    Code:
    <li class='adm_{$comment->author()->member_id}'>
    {$comment->author()->member_title}
    </li>
    Save the Template and you are pretty much done. The last thing you will need to do is input proper CSS coding into your Custom CSS template. I will list the code and an example below.

    Proper Code Styling:

    Code:
    .adm_(member's ID) {
    Your CSS Coding
    }
    Example: On my forum, my member ID is #1 because I created the forum and that is the ID I was given upon creation. You can find a user's member ID by either accessing their account information through the Members > Members option on the ACP or by opening their profile on your forums - it'll be the number that comes before your name (check the spoiler for ID image examples if you are confused.)

    Spoiler for ID images:
    ACP Profile URL ID
    Attached image

    Forum Profile URL ID
    Attached image


    Example of my Code Styling: (with an image of end result)

    Code:
    .adm_1 {
    	color:cyan;
    	font-weight:bold;
      	text-shadow: 0px 0px 5px yellow;
    }
    Spoiler for End Result:
    Attached image


    And that's it.

    If anyone has any questions, feel free to contact me on my discord or via PM.

    If anyone would like this service to be done by yours truly, you can check out my service thread over at https://www.rune-server.ee/black-mar...t-service.html







    Credits to the user "Morpheus" from Webflake for explaining it in detail
    Reply With Quote  
     

  2. Thankful users:


  3. #2  
    Donator

    Superman's Avatar
    Join Date
    Feb 2015
    Posts
    870
    Thanks given
    316
    Thanks received
    247
    Rep Power
    1326
    eyy thanks man, did that a while back, and i forgot how to do so
    founder of hdos

    Attached imageAttached image
    Reply With Quote  
     

  4. Thankful user:


  5. #3  
    🖤Runic Developer🖤
    Castiel's Avatar
    Join Date
    Apr 2013
    Posts
    1,752
    Thanks given
    564
    Thanks received
    288
    Rep Power
    609
    bro i love u so fucking mutch
    Reply With Quote  
     

  6. Thankful user:


  7. #4  
    Registered Member

    Join Date
    Nov 2013
    Posts
    746
    Thanks given
    187
    Thanks received
    459
    Rep Power
    5000
    Can code a hook for this baby xx

    Attached image


    Attached image

    Reply With Quote  
     

  8. #5  
    Banned

    Join Date
    Sep 2016
    Age
    27
    Posts
    505
    Thanks given
    405
    Thanks received
    186
    Rep Power
    0
    Thank you guys
    Reply With Quote  
     

  9. #6  
    Roat Pkz - #1 PvP Server

    Crowned's Avatar
    Join Date
    Oct 2014
    Posts
    627
    Thanks given
    1
    Thanks received
    519
    Rep Power
    5000
    Great guide and easy to follow.
    Well done.
    Attached image
    Reply With Quote  
     

  10. Thankful user:


  11. #7  
    Banned

    Join Date
    Sep 2016
    Age
    27
    Posts
    505
    Thanks given
    405
    Thanks received
    186
    Rep Power
    0
    Quote Originally Posted by Crowned. View Post
    Great guide and easy to follow.
    Well done.
    Glad I could assist ^-^
    Reply With Quote  
     

  12. #8  
    Donator [IPB 4.1/4.2] CSS in individual member titles Market Banned

    sampactu's Avatar
    Join Date
    Sep 2018
    Age
    28
    Posts
    18
    Thanks given
    0
    Thanks received
    0
    Rep Power
    11
    Just wondering is thuis about the background am nee to this lol
    Attached image
    Reply With Quote  
     

  13. #9  
    Registered Member

    Join Date
    Dec 2011
    Posts
    1,615
    Thanks given
    1,971
    Thanks received
    819
    Rep Power
    1049
    Quote Originally Posted by sampactu View Post
    Just wondering is thuis about the background am nee to this lol
    I posted a reply to this a while before, I think this is what you need?

    Quote Originally Posted by Mur View Post
    Templates > Forums > Front > Topic > postContainer

    Change
    Code:
    <article itemscope {{if $item->isQuestion() && !$comment->new_topic}}itemprop="suggestedAnswer {{if $comment->post_bwoptions['best_answer']}}acceptedAnswer{{endif}}" itemtype="http://schema.org/Answer"{{else}}itemtype="http://schema.org/Comment"{{endif}} id='elComment_{$comment->$idField}' class='cPost ipsBox {{if $otherClasses}}{$otherClasses}{{endif}} ipsComment {{if settings.reputation_highlight and $comment->reputation() >= settings.reputation_highlight}}ipsComment_popular{{endif}} ipsComment_parent ipsClearfix ipsClear ipsColumns ipsColumns_noSpacing ipsColumns_collapsePhone {{if $comment->isIgnored()}}ipsHide{{endif}} {{if $comment->hidden()}}ipsModerated{{endif}}'>
    to

    Code:
    <article itemscope {{if $item->isQuestion() && !$comment->new_topic}}itemprop="suggestedAnswer {{if $comment->post_bwoptions['best_answer']}}acceptedAnswer{{endif}}" itemtype="http://schema.org/Answer"{{else}}itemtype="http://schema.org/Comment"{{endif}} id='elComment_{$comment->$idField}' class='cPost ipsBox {{if $otherClasses}}{$otherClasses}{{endif}} ipsComment {{if settings.reputation_highlight and $comment->reputation() >= settings.reputation_highlight}}ipsComment_popular{{endif}} ipsComment_parent ipsClearfix ipsClear ipsColumns ipsColumns_noSpacing ipsColumns_collapsePhone {{if $comment->isIgnored()}}ipsHide{{endif}} {{if $comment->hidden()}}ipsModerated{{endif}} member_{$comment->author()->member_id} member_group_{$comment->author()->member_group_id}'>
    Now the CSS you'd want to use would be structured like this:

    .ipsComment.member_{$id} <--- Member specific
    .ipsComment.member_group_{$id} <--- Group specific
    Reply With Quote  
     

  14. #10  
    Donator [IPB 4.1/4.2] CSS in individual member titles Market Banned

    sampactu's Avatar
    Join Date
    Sep 2018
    Age
    28
    Posts
    18
    Thanks given
    0
    Thanks received
    0
    Rep Power
    11
    Quote Originally Posted by Mur View Post
    I posted a reply to this a while before, I think this is what you need?
    does this also work on IPB 4.4?
    Attached image
    Reply With Quote  
     

Page 1 of 2 12 LastLast

Thread Information
Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)


User Tag List

Similar Threads

  1. How do i change my member title?
    By Snikkers in forum Forum Related Help
    Replies: 2
    Last Post: 04-11-2016, 11:02 AM
  2. Replies: 5
    Last Post: 10-27-2008, 11:05 PM
  3. Replies: 21
    Last Post: 05-04-2008, 11:14 PM
  4. Replies: 1
    Last Post: 01-27-2008, 12:00 AM
Posting Permissions
  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •