• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Adding Image Ranks.

mrchasez

Active member
#1
I use CSS to give my ranks some what of a "tag" look.
I want a premium rank to have this image http://glock.pro/images/premium_rank.png
But i dont know how.

Currently what i do is:

Use the following user title:
<div class="owner"> Owner</div>

Then in extra.css i have
.owner {
background-color: #A00000 ;
border: 1px solid #680000 ;
border-radius: 4px;
padding: 4px;
margin: 4px 0;
text-align: center;
color: yellow;

Which is ok, however it's not really want i want.
I want to use image ranks.
So how do i do this?
 
F

Floris

Guest
#4
Instead of css for text, you can also just make a block with the image as a background.
So you can just re-use what you have. Just have no content in it, and set a width.
 

RobParker

Well-known member
#6
He just means take your example, remove the Owner text and add a background image to the CSS

<div class="owner"></div>

.owner {
background-color: #A00000 ;
background-image: url();
border: 1px solid #680000 ;
border-radius: 4px;
padding: 4px;
margin: 4px 0;
text-align: center;
color: yellow;
}
 

mrchasez

Active member
#7
He just means take your example, remove the Owner text and add a background image to the CSS

<div class="owner"></div>

.owner {
background-color: #A00000 ;
background-image: url();
border: 1px solid #680000 ;
border-radius: 4px;
padding: 4px;
margin: 4px 0;
text-align: center;
color: yellow;
}
If i have an image rank why on earth would i need or use this

background-color: #A00000 ;
border: 1px solid #680000 ;
border-radius: 4px;
padding: 4px;
margin: 4px 0;
text-align: center;
color: yellow;

That defeats the purpose of the image rank