CCS stylesheet forum crown next to name help (invision)

[Alpha pyro4]

I'm having an issue, where when I go to a post, and there are 2 crowns for 2 people that have posted, it shows the same crowns (not the way I want it). I want one with one different crown, and the other with one too. This is only happening in posts.

Code:

    #fo_stat a[href="/u1"], .activeusers-box p a[href="/u1"], #chatbox a[href="/u1"], #chatbox_members a[href="/u1"], table.ipbtable td a[href="/u1"], .postprofile strong, .module a[href="/u1"] {
        background: url("http://i49.tinypic.com/262xrpf.jpg") no-repeat scroll 0 0 transparent;
        padding-left: 16px;
    }

Code:

    #fo_stat a[href="/u2"], .activeusers-box p a[href="/u2"], #chatbox a[href="/u2"], #chatbox_members a[href="/u2"], table.ipbtable td a[href="/u2"], .postprofile strong, .module a[href="/u2"] {
        background: url("http://i27.tinypic.com/2qa4qyq.jpg") no-repeat scroll 0 0 transparent;
        padding-left: 16px;
    }

[Alpha pyro4]

Bump.

[Alpha pyro4]

Bump.

[Sir Chivas™]

Hi,

Can you please provide your forum URL? Thank you.
Also, I don't think you'll be able to remove it, since both top and bottom icon belong to the same, this part:

Code:

.postprofile strong, .module a[href="/u2"] {

[Alpha pyro4]

Here you go:
http://buddha-scape.forumotion.com/

[Cassius Dio]

Hi!

Replae first code with:

Code:

#fo_stat a[href="/u1"], .activeusers-box p a[href="/u1"], #chatbox a[href="/u1"], #chatbox_members a[href="/u1"], table.ipbtable td a[href="/u1"], .postprofile .post-header strong, .module a[href="/u1"] {
        background: url("http://i49.tinypic.com/262xrpf.jpg") no-repeat scroll 0 0 transparent;
        padding-left: 16px;
    }

and second code with:

Code:

    #fo_stat a[href="/u2"], .activeusers-box p a[href="/u2"], #chatbox a[href="/u2"], #chatbox_members a[href="/u2"], table.ipbtable td a[href="/u2"], .postprofile .post-header strong, .module a[href="/u2"] {
        background: url("http://i27.tinypic.com/2qa4qyq.jpg") no-repeat scroll 0 0 transparent;
        padding-left: 16px;
    }

[D O N]

Hi!

Replae first code with:

Code:

#fo_stat a[href="/u1"], .activeusers-box p a[href="/u1"], #chatbox a[href="/u1"], #chatbox_members a[href="/u1"], table.ipbtable td a[href="/u1"], .postprofile .post-header strong, .module a[href="/u1"] {
        background: url("http://i49.tinypic.com/262xrpf.jpg") no-repeat scroll 0 0 transparent;
        padding-left: 16px;
    }

and second code with:

Code:

    #fo_stat a[href="/u2"], .activeusers-box p a[href="/u2"], #chatbox a[href="/u2"], #chatbox_members a[href="/u2"], table.ipbtable td a[href="/u2"], .postprofile .post-header strong, .module a[href="/u2"] {
        background: url("http://i27.tinypic.com/2qa4qyq.jpg") no-repeat scroll 0 0 transparent;
        padding-left: 16px;
    }

[Alpha pyro4]

Hi!

Replae first code with:

Code:

#fo_stat a[href="/u1"], .activeusers-box p a[href="/u1"], #chatbox a[href="/u1"], #chatbox_members a[href="/u1"], table.ipbtable td a[href="/u1"], .postprofile .post-header strong, .module a[href="/u1"] {
        background: url("http://i49.tinypic.com/262xrpf.jpg") no-repeat scroll 0 0 transparent;
        padding-left: 16px;
    }

and second code with:

Code:

    #fo_stat a[href="/u2"], .activeusers-box p a[href="/u2"], #chatbox a[href="/u2"], #chatbox_members a[href="/u2"], table.ipbtable td a[href="/u2"], .postprofile .post-header strong, .module a[href="/u2"] {
        background: url("http://i27.tinypic.com/2qa4qyq.jpg") no-repeat scroll 0 0 transparent;
        padding-left: 16px;
    }

It's still the same crowns. I want it different. Like, one is a dark one, and another is a light one. Only does it in posts.

[Alpha pyro4]

Bump.

[Alpha pyro4]

Bump.

[Alpha pyro4]

Bump.

[Alpha pyro4]

Bumpedy bump.

[Alpha pyro4]

Bump bump.

[zenzo]

i try to use your code on the first post and there's no problem with it



i think the problem is on the other codes you use or maybe the theme

[Alpha pyro4]

i try to use your code on the first post and there's no problem with it



i think the problem is on the other codes you use or maybe the theme

Well, I want the crowns to be different, and not the same. Just like this:


Here are my codes:

Code:

#fo_stat a[href="/u1"], .activeusers-box p a[href="/u1"], #chatbox a[href="/u1"], #chatbox_members a[href="/u1"], table.ipbtable td a[href="/u1"], .postprofile .post-header strong, .module a[href="/u1"] {
        background: url("http://i48.tinypic.com/v64rvk.jpg") no-repeat scroll -2 -2;
        padding-left: 16px;
    }

Code:

#fo_stat a[href="/u2"], .activeusers-box p a[href="/u2"], #chatbox a[href="/u2"], #chatbox_members a[href="/u2"], table.ipbtable td a[href="/u2"], .postprofile .post-header strong, .module a[href="/u2"] {
        background: url("http://i27.tinypic.com/2qa4qyq.jpg") no-repeat scroll -3 -3;
        padding-left: 16px;
    }

Code:

#fo_stat a[href="/u3"], .activeusers-box p a[href="/u3"], #chatbox a[href="/u3"], #chatbox_members a[href="/u3"], table.ipbtable td a[href="/u3"], .postprofile .post-header strong, .module a[href="/u3"] {
        background: url("http://oi56.tinypic.com/v7ctpi.jpg") no-repeat scroll -2 -2;
        padding-left: 16px;
    }

Code:

#fo_stat a[href="/u4"], .activeusers-box p a[href="/u4"], #chatbox a[href="/u4"], #chatbox_members a[href="/u4"], table.ipbtable td a[href="/u4"], .postprofile .post-header strong, .module a[href="/u4"] {
        background: url("http://i48.tinypic.com/v64rvk.jpg") no-repeat scroll -2 -2;
        padding-left: 16px;
    }

Code:

#fo_stat a[href="/u5"], .activeusers-box p a[href="/u5"], #chatbox a[href="/u5"], #chatbox_members a[href="/u5"], table.ipbtable td a[href="/u5"], .postprofile .post-header strong, .module a[href="/u5"] {
        background: url("http://oi52.tinypic.com/2ug1ksx.jpg") no-repeat scroll -2 -2;
        padding-left: 16px;
    }

Code:

#fo_stat a[href="/u11"], .activeusers-box p a[href="/u11"], #chatbox a[href="/u11"], #chatbox_members a[href="/u11"], table.ipbtable td a[href="/u11"], .postprofile .post-header strong, .module a[href="/u11"] {
        background: url("http://oi43.tinypic.com/f1yvxt.jpg") no-repeat scroll -2 -5;
        padding-left: 16px;
    }

http://buddha-scape.forumotion.com/ If you need.

[Alpha pyro4]

Bump...

[Sanket]

Okay, which two users have you added these?

Also post the exact codes once again here.

[Alpha pyro4]

Okay, which two users have you added these?

Also post the exact codes once again here.

I have added it for 6 people, but two are "/u1" and "u2" (Wayne and Vistrex)

Here's the codes:

Code:

#fo_stat a[href="/u1"], .activeusers-box p a[href="/u1"], #chatbox a[href="/u1"], #chatbox_members a[href="/u1"], table.ipbtable td a[href="/u1"], .postprofile .post-header strong, .module a[href="/u1"] {
        background: url("http://i48.tinypic.com/v64rvk.jpg") no-repeat scroll -2 -2;
        padding-left: 16px;
    }

Code:

#fo_stat a[href="/u2"], .activeusers-box p a[href="/u2"], #chatbox a[href="/u2"], #chatbox_members a[href="/u2"], table.ipbtable td a[href="/u2"], .postprofile .post-header strong, .module a[href="/u2"] {
        background: url("http://i27.tinypic.com/2qa4qyq.jpg") no-repeat scroll -3 -3;
        padding-left: 16px;
    }

Code:

#fo_stat a[href="/u3"], .activeusers-box p a[href="/u3"], #chatbox a[href="/u3"], #chatbox_members a[href="/u3"], table.ipbtable td a[href="/u3"], .postprofile .post-header strong, .module a[href="/u3"] {
        background: url("http://oi56.tinypic.com/v7ctpi.jpg") no-repeat scroll -2 -2;
        padding-left: 16px;
    }

Code:

#fo_stat a[href="/u4"], .activeusers-box p a[href="/u4"], #chatbox a[href="/u4"], #chatbox_members a[href="/u4"], table.ipbtable td a[href="/u4"], .postprofile .post-header strong, .module a[href="/u4"] {
        background: url("http://i48.tinypic.com/v64rvk.jpg") no-repeat scroll -2 -2;
        padding-left: 16px;
    }

Code:

#fo_stat a[href="/u5"], .activeusers-box p a[href="/u5"], #chatbox a[href="/u5"], #chatbox_members a[href="/u5"], table.ipbtable td a[href="/u5"], .postprofile .post-header strong, .module a[href="/u5"] {
        background: url("http://oi52.tinypic.com/2ug1ksx.jpg") no-repeat scroll -2 -2;
        padding-left: 16px;
    }

Code:

#fo_stat a[href="/u11"], .activeusers-box p a[href="/u11"], #chatbox a[href="/u11"], #chatbox_members a[href="/u11"], table.ipbtable td a[href="/u11"], .postprofile .post-header strong, .module a[href="/u11"] {
        background: url("http://oi43.tinypic.com/f1yvxt.jpg") no-repeat scroll -2 -5;
        padding-left: 16px;
    }

@ http://buddha-scape.forumotion.com/

[Alpha pyro4]

Bump.

[Sanket]

.postprofile .post-header strong

If thats the code in your css for that, it doesn't have the reference of the user. Thats why, its taking up the image of the first user in all the posts.

Where did you get these codes from?

[Alpha pyro4]

What are the codes for ".postprofile" and ".post-header strong?"

And, I got the codes from: https://help.forumotion.com/t90311-how-to-add-an-icon-before-username
@ Invision steps.

[SLGray]

Try this add the two CSS codes to the top of the stylesheet. Also do you have the yes checked for optimize CSS? Try changing it to no.

[Alpha pyro4]

Try this add the two CSS codes to the top of the stylesheet. Also do you have the yes checked for optimize CSS? Try changing it to no.

When i change the "optimize" for CSS, it doesn't show the crowns.

[SLGray]

What happened when you added the two codes at the top of your CSS stylesheet?

[Alpha pyro4]

It's already at the top of the CSS Stylesheet, unless you want me to put it on top on the Basic CSS Stylesheet.

[Sanket]

Use this code for all & check.

Code:

#fo_stat a[href="/u#"], .activeusers-box p a[href="/u#"], #chatbox a[href="/u#"], #chatbox_members a[href="/u#"], table.ipbtable td a[href="/u#"], .postprofile strong a[href=/u#"], .module a[href="/u#"] {
        background: url("imagedirectlink") no-repeat scroll 0 0 transparent;
        padding-left: 16px;
    }

[Alpha pyro4]

@ Sanket

They stop repeating in the posts, but they don't show in the posts. Is there a code for them to show in the posts too, but to not repeat?

[Sanket]

I don't seem to find a css to fix it for your forum. I have not tried for other invision forums.

[Alpha pyro4]

Oh.


Well, is there any way to add a color for the rank, with a crown to the left of it?

[Sanket]

Add this in the rank title, see if that works.

Code:

<img src="Image URL"><font color="red">Administrator</font>