Jump to content
  • Sign Up

Leaderboard

  1. STEFAN1

    STEFAN1

    Rookie


    • Points

      1

    • Posts

      15


  2. Oni

    Oni

    Contributor


    • Points

      1

    • Posts

      101


  3. WebFlake System

    WebFlake System

    Administrator


    • Points

      1

    • Posts

      1,073


Popular Content

Showing content with the highest reputation on 08/27/2021 in all areas

  1. Version 4.6.9

    5,317 downloads

    Invision Community Suite 4.6.9 WebFlake Release Date: 12/7/2021 WebFlake Note: Please create a support topic in IPS Support if you need assistance. IMPORTANT UPGRADE NOTICE Please note that not all third-party applications and themes are yet compatible with Invision Community 4.6. If you utilize third-party resources, including custom themes, please ensure they have been declared compatible by their respective authors or your site may be non-functional after an upgrade.
    1 point
  2. This can be done using CSS keyframes and animation properties. You can ditch that code you have, it's bad. I rewrote it for you and added some comments: /* Add this to your custom.css */ /* Example code block, will be wrapped around the user group title */ .memberGroup { animation: colorForMemberGroup 1s infinite; } /* This is a keyframe, pay attention to the name, it must be used inside the animation property. You can change the colors using common HEX color codes or RGB,HSL,HSV and CMYK color models. */ @keyframes colorForMemberGroup { 0% { color: red; } 50% { color: blue; } 100% { color: red; } } Now you can use it like this: <span class="memberGroup">Member Name</span> and the name will change its colors from red, blue to red in an infinite loop, as mentioned above, you can change the colors as you desire. The rotating icons are the easiest thing, we can do it ourselves using CSS but we don't have to! IPS is using FontAwesome which already provides us with various built-in animation classes! In your case, you would want to use `fa-spin` just like this (as you already mentioned in your post above): <i class="fa fa-newspaper-o fa-spin"></i> Everything together would look like this: <span class="memberGroup"><i class="fa fa-newspaper-o fa-spin"></i> Member Name</span>
    1 point
  3. I got the solution. Here is the code: You have to add it in the CSS/custom.css .ipsDataItem_subList li a::before { content: '➜ '; } .ipsDataItem_subList li a::after { content: ' '; } Results: Rate UP my answer if you've solved your "problem".
    1 point
  4. That's totally no problem! Did you change anything? It's working perfectly on my end, if you did change a few things; just to be really sure, can you show me screenshots of everything?
    0 points
This leaderboard is set to New York/GMT-05:00
×
×
  • Create New...