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.

Names with Icons

View previous topic View next topic Go down

Solved Names with Icons

Post by Mr Rockeye on March 29th 2014, 6:36 pm

Hello,

So lately I added icons infront of the names with the tutorial on these forums.
But I hit a problem...
When I add the CSS it adds the icon behind the name in the "who's posted as last" section.
To be able to understand what I mean here is a picture:


This is the CSS code I'm using:
Code:
p a[href="/u#"],  .forumbg a[href="/u#"],  .postprofile strong a[href="/u#"],  .page-bottom a[href="/u#"],  #chatbox_members a[href="/u#"],  .module a[href="/u#"] {
        background: url(" - URL Link - ") no-repeat;
        padding-left: 16px;
        padding-top: 0px;
    }

Is this a fixable bug or not?

Mr Rockeye
Forumember

Posts : 86
Reputation : 1
Language : English

http://www.unitedcommunity.tk

Back to top Go down

Solved Re: Names with Icons

Post by Ange Tuteur on March 29th 2014, 8:57 pm

Hello Mr Rockeye,

You can remove the image with this CSS :
Just make sure it is after the rule which places the image on usernames.
Code:
.lastpost a[href="/u2"] { background:none; padding:0; }

If you want to make it simple, you don't really need all those selectors. You can just select the username url :
Code:
a[href="/u2"] {
  my:style;
}

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Names with Icons

Post by Mr Rockeye on March 30th 2014, 12:20 pm

With the
Code:
a[href="/u2] {
  my:style;
}
Code it went a bit wrong, the image that had to be infront of the name came every where. In front of the avatar, in front of the contact panel also in front of the names yet still it was at the back of the names at the last post section.
How it looks:

I also tried the
Code:
.lastpost a[href="/u2"] { background:none; padding:0; }
code but it removes the image at all places. When I replace the none with the URL link the same situation occurs again, the image comes after the name in the last post section.

P.S.
I appreciate it that you help me a lot, I know I'm asking a lotMr. Green.

Mr Rockeye
Forumember

Posts : 86
Reputation : 1
Language : English

http://www.unitedcommunity.tk

Back to top Go down

Solved Re: Names with Icons

Post by Ange Tuteur on March 30th 2014, 1:29 pm

Oops, I forgot to add the rest of the elements Razz

Use this since you're in a group :
Code:
a[href="/u2"] span strong {
 
}

This :
Should only remove the image from the last posts, isn't that what you wanted ?
Code:
.lastpost a[href="/u2"] span strong { background:none; padding:0; }

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Names with Icons

Post by Mr Rockeye on March 30th 2014, 1:43 pm

Code:
a[href="/u2"] span strong {[color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color]
[color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color]
}

This was the code I was looking for Very Happynow it also applies in front of the user at the last post section.
Thanks again Smile

Solved

Mr Rockeye
Forumember

Posts : 86
Reputation : 1
Language : English

http://www.unitedcommunity.tk

Back to top Go down

Solved Re: Names with Icons

Post by Ange Tuteur on March 30th 2014, 1:44 pm

You're welcome :rose:

Topic solved and archived

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

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