|
|
So I am using CSS for a member legend in my info center. Just some basic stuff to show 10x10px colours. stinky666themes2.freemessageboards.com/ (on the right side of users online) You know the type of CSS Arow box you get when you rollover stuff on some sites.. this style, but the following isn't rollover: cssarrowplease.com/I want one of those. I just don't know how to incorporate it, at all, and especially with how to add the text  I would have to have 4 in total (I assume?), I know that much (1 for each individual group). Really appreciate anyone that can help me.
Last Edit: Mar 9, 2013 6:41:16 GMT by Stinky666
|
|
|
|
|
stinky666themes2.freemessageboards.com/Scrap the above.. instead I will gow ith something easier, but i still dunno what i'm doing  I'm using <td style="background-color: #181818; float:right; padding: 5px;">
<div id="squareAdm"></div> <div id="squareGMod"></div> <div id="squareMod"></div> <div id="squareMem"></div>
</td>with /* Member Legend - Info Center */
#squareAdm { width: 10px; height: 10px; background: #1979e6; display: inline-block; }
#squareGMod { width: 10px; height: 10px; background: #e68819; display: inline-block; }
#squareMod { width: 10px; height: 10px; background: #e219e6; display: inline-block; }
#squareMem { width: 10px; height: 10px; background: #8ccf55; display: inline-block; }
#squareAdm:hover { width: 10px; height: 10px; background: #1979e6; display: inline-block; }
#squareGMod:hover { width: 10px; height: 10px; background: #e68819; display: inline-block; }
#squareMod:hover { width: 10px; height: 10px; background: #e219e6; display: inline-block; }
#squareMem:hover { width: 10px; height: 10px; background: #8ccf55; display: inline-block; }I just dunno how to make it so when you hover, the text appears on the left side of the legend
|
|
|
|
|
|
Err... so you're good on this?
|
|
|
|
