Coder Social home page Coder Social logo

name-badges-revived's Introduction

Banner

Name badges

Some nice custom badges for next to usernames.

  • If you'd like your own badges, please read the badge request segment.

Preview

Installation

For Powercord installation, locate and head over to your themes folder, open a terminal of choice, and enter the following:

git clone https://github.com/Discord-Theme-Addons/name-badges

For BetterDiscord installation, you will need DevilBro's Plugin Library. I do not recommend the use of this, as it can possibly cause performance issues due to it not being optimized that well. Proceed at your own risk.

Badge Request

To request your VERY OWN custom badge, make an issue using the "Request a Badge" template. Before submitting, please make sure you do the following:

  • Images MUST be hosted on a trusted domain, such as imgur or discordapp itself.
  • They should be the same width by height, otherwise it may look weird.

If at any point in time you want your badge changed, please make another issue, however use the "Request Badge Change" template instead. As soon as I can, either Hoofer or I will add or update your badge. Usually, these are usually added in batches, so it may take some time as it is done manually.

  • Please DO NOT make a pull request adding your badge, as it's easier just for me to add them in a batch of users.

Add it Yourself (POWERCORD ONLY)

If you don't want to wait for your badge to be added, you can add it yourself on your end. Only people who know what they're doing should proceed, as I won't offer any help for this.

  1. Head over to ./src/badges/_users.scss.
  2. All the way at the bottom (inside of $users:();), make a new line and enter:
$users: (
    "YOUR_USER_ID" : "YOUR_BADGE_IMAGE"
);
  1. Replace YOUR_USER_ID with your user id and replace YOUR_BADGE_IMAGE with the image url that is the badge that you'd like.

Credits

A big thank you to everyone who helped with this!

  • botato (aka the CUTEST panda in the world) for helping me learn more CSS to make badges appear on the user profile popout modal.
  • Hoofer for helping me maintain this as well as adding basic Vizality support.
  • Snapperito for touching up the readme by fixing issues with the grammar.

name-badges-revived's People

Contributors

luckfire avatar hooferdevelops avatar nypddev avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.