can i have a little change in the group background script

the Script blow

Code:

a span[style="color:#FF0000"] strong {
    background: url("http://i45.servimg.com/u/f45/15/95/60/34/glitte10.gif");
}

is for adding a background to member names in order by the group they belong to
what i want is a way to make the background with a fixed size and putting icon at the left side of the names i tried to use this

Code:

a span[style="color:#FF0000"] strong {
    background: url("http://i63.servimg.com/u/f63/11/73/76/86/64x64_13.png") no-repeat 14px 14px,url("http://i82.servimg.com/u/f82/11/72/76/36/f6d7c310.png") 0 0 / 100% 100%;
}

but its did not work
this image what i want to achive

thank you

hello ?
any one here

You could try adding the image you want on the left separately with ':before'.

Example:

Code:


a span[style="color:#FF0000"]:before{
    content: url('http://i63.servimg.com/u/f63/11/73/76/86/64x64_13.png');
}


Try playing around with that.

may be i was not clear yet
i want both a background and icon
also the the main problem is the size of the background i need it to be a fixed size of background like the image i provide above

Michael_vx wrote:
may be i was not clear yet
i want both a background and icon
also the the main problem is the size of the background i need it to be a fixed size of background like the image i provide above

I meant that you have to add both, your previous CSS and the one I posted:

Code:


a span[style="color:#FF0000"] strong {
    background: url("http://i82.servimg.com/u/f82/11/72/76/36/f6d7c310.png") 0 0 / 100% 100%;
}

a span[style="color:#FF0000"]:before{
    content: url('http://i63.servimg.com/u/f63/11/73/76/86/64x64_13.png');
}


I'm not sure how to re-size the icon, but you could downsize it in an image editor program beforehand.

Would that be alright?

its almost good
the only thing missing is to make sure the background is to be like the image i provide

Finally got it.


Add this to your CSS:

Code:


a span[style="color:#FF0000"] strong{    /*set to group color that you want to change*/
    color: #000562;    /* group color that will appear */
    background: url('http://www.burnglidingclub.co.uk/uploads/userprofile/small/1000banner.jpg');    /*enter background image link*/
    width: 90px;    /*set to background width */
    height: 30px;    /*set to background height */
    line-height: 30px;    /*set to background height */
    text-align: center;
    display: inline-block;

}

a span[style="color:#FF0000"]:before{    /* set to group color that you want to change */
    content: url('http://i32.tinypic.com/v5v6s7.jpg');    /* enter url of the image that will be left of the username */
}


And change the code according to the comments I made.

wow brother
its ****ing cool style my brother
words are not Enough to thank you for your great help
because im not good Enough to code things
im glad
so happy by your help
for stuff my topic is solved and it can be archived