User Legend Block

[CrazyBoy]

Brian,

I suggest to edit this plugin,and make it more better ;
make for each Rank a button spacing,button width,button height,and border color,however,i do like to make every border color rank with the rank color

I re-write the plugin but i can't now do that myself,if you can do so
I'll try the same

[Peter]

Knowing Brian, I am pretty sure he likely gave the container a class or ID so that people could style each item how they like with CSS.

But yeah, you are free to improve on an existing idea, though I don't feel it really needs lots of styling options. CSS is really easy to learn.

[CrazyBoy]

Oct 22, 2019 6:03:42 GMT -8 Peter said:

Knowing Brian, I am pretty sure he likely gave the container a class or ID so that people could style each item how they like with CSS.

But yeah, you are free to improve on an existing idea, though I don't feel it really needs lots of styling options. CSS is really easy to learn.

He gave <div id="user-legend"></div>
this only let you choose where the ranks will appear.
For me;
-HTML (Fiew things and done)
-CSS (Not new at it so much)
-JavaScript (last one i'll learn if i'll)
-JQuery (very easy!)

[Lynx]

This line:


<div id="user-legend"></div>


also gives you an ID to target with CSS. For example:


#user-legend {
   border-color: #ff0000;
}


ID's have a # in front of them in CSS, whereas Classes will have a dot ('.') in front of them. So, if you saw something like this:


<span class="myclass"></span>


That can be targeted like so:


.myclass {
   color: #009600;
   background-color: #000000;
}