XF 1.2 User Ranks with Images

[Jefferson Filho]

Hello,

I know that have many topics talking about this subject, but none of them could solve my problem!
With the version 1.2 you can customize your own rank images with css class, but the problem is that I can't just put a image without any text and never show the whole image! Here is a picture of the problem.

So i would like to know how to remove the text and make the image show the full size.

Thanks!

 

[Chris D]

You can "hide" the text by adding this to the CSS class:

text-indent: -10000em;

 

[Jefferson Filho]

You can "hide" the text by adding this to the CSS class:

text-indent: -10000em;

Thank you! How about the image size? Its seems it increase depending how big is the text.

 

[Shelley]

With regards to your other issue you will need to provide a link to the page/your site so that anyone bumping into this thread willing to help can debug the problem. I'd suggest judging by the screenshot that you look at the standard xf banners to see how they are displayed since I'm quite sure you may be missing quite a lot of css to get it to display.

 

[Jefferson Filho]

http://www.xprogz.com/threads/test.6904/ and the css

.fundador {
background: url("http://xprogz.com/images/fundador.png") no-repeat;
height: 38px;
width: 105px;
text-indent: -10000em;

 

[Shelley]

http://www.xprogz.com/threads/test.6904/ and the css

.fundador {
background: url("http://xprogz.com/images/fundador.png") no-repeat;
height: 38px;
width: 105px;
text-indent: -10000em;

getting an error when clicking the link

 

[Jefferson Filho]

getting an error when clicking the link

Hi, what kind of error?

 

[Shelley]

http://www.xprogz.com/threads/test.6904/ and the css

.fundador {
background: url("http://xprogz.com/images/fundador.png") no-repeat;
height: 38px;
width: 105px;
text-indent: -10000em;

Add in display: block;

 

[Jefferson Filho]

Awesome! Fixed! I will make a quick tutorial then for people in future who has the same trouble as me can do it! I will add the credits for people who helped me!

 

[Shelley]

Awesome! Fixed! I will make a quick tutorial then for people in future who has the same trouble as me can do it! I will add the credits for people who helped me!

No need to credit me That will be your resource and you will have earned the credit for that. Look forward in seeing you post this into the resource manager which I'm sure will be beneficial to many people.

edit: excellent work on the design of those ranks, they look really good

 

[Jefferson Filho]

No need to credit me That will be your resource and you will have earned the credit for that. Look forward in seeing you post this into the resource manager which I'm sure will be beneficial to many people.

edit: excellent work on the design of those ranks, they look really good

Thank you but I will do anyway

Thanks! I was thinking to provide them for free after I finish them all