The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Profile fields

View previous topic View next topic Go down

Solved Profile fields

Post by Mr Rockeye on June 7th 2014, 10:13 pm

Hey,

So on my forums I have some badges installed (a profile field, image or image list).
And I have the problem that if I make an image list, put an 'empty' image on one of the options ( http://illiweb.com/fa/empty.gif ) that my CSS code sees it as an image. Because I have everything in order with a :nth-of-type(x) it places the second badge (which is supposed to be the first) in second place. The CSS code sees the empty image as a full image.
Picture of my problem:

The image should be in the red box...

So my question is what kind of method should I use?
I was thinking of Java but the problem is that I don't know how to use Java. (It would have to say something like:'if in .label~img url = "http://illiweb.com/fa/empty.gif" display: none)

Thank you for reading this post and thank you even more if you've found a great solution!


Last edited by Mr Rockeye on June 13th 2014, 5:16 pm; edited 1 time in total

Mr Rockeye
Forumember

Posts : 86
Reputation : 1
Language : English

http://www.unitedcommunity.tk

Back to top Go down

Solved Re: Profile fields

Post by Wagner' on June 8th 2014, 2:47 am

Hmm, without your forum link it's difficult to test, so.. I think you can do something like this

Code:
#yourwrap img[src="http://illiweb.com/fa/empty.gif"]{
  display: none;
}

But like i said, without your forum link i can't test it...

Best regards, waghcwb

Wagner'
Forumember

Male Posts : 48
Reputation : 6
Language : Portuguese
Location : Brazil

http://www.bestskins.net/forum

Back to top Go down

Solved Re: Profile fields

Post by Mr Rockeye on June 8th 2014, 12:07 pm

It didn't work unfortunately Sad
Here is a link to a topic so you can see the badges : http://unitedcommunity.topdiscussion.com/t38-new-layout

EDIT:
It worked partly with this code:
Code:

.label + img[src="http://illiweb.com/fa/empty.gif"] { display: none !important; }

But because of the
Code:
 :nth-of-type(x)
it still places the image, after the empty image, on second place.

I really think some kind of Java script is needed (maybe some script that can uncheck the imagelist?).

Mr Rockeye
Forumember

Posts : 86
Reputation : 1
Language : English

http://www.unitedcommunity.tk

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum