Admin posts different color

Hi :)
So far I have got.

Go to Admin Panel > Users & Groups > Ranks > Rank
Administration > Modify

Code:

<span class="specialpost"><font color="red">Senile!!!</font> (+ other things I forget)</span>

Go to Admin Panel > Modules > JavaScript Codes Management > Create new > Titlle "Color" >
Select in the topics only.

Code:

$(function() {
$('div.post:has(".specialpost")').css('background-color','#610E0E');
});

The above gives a solid color.
I would like graduated.
Tried image instead of color.
( https://i.servimg.com/u/f49/14/49/28/83/gradie10.jpg )
Nothing.
Not sure what color I really want.
As long as it matches current forum layout.
Just want the gradual fading effect.

Ciao, prova con questo:

Code:

$(function() {
$('div.post:has(".specialpost")').css('background-image','LINK IMAGE');
});

Hi :)
Replaced

Code:

$(function() {
$('div.post:has(".specialpost")').css('background-color','#610E0E');
});


with

Code:

$(function() {
$('div.post:has(".specialpost")').css('background-image','http://i49.servimg.com/u/f49/14/49/28/83/gradie10.jpg ');
});


Result nothing.
So returned to 1st code.

I believe my forum layout prevents the image bit.

I tried the two codes and do not work

Hi :)
1st codes work for me.
But solid color.



As soon as I try to insert image.
Nothing.
Just get default.

Doesn't Work at all

The image one would need to be this:

Code:


$(function() {
$('div.post:has(".specialpost")').css('background-image','url(http://i49.servimg.com/u/f49/14/49/28/83/gradie10.jpg)');
});


But all your problems regarding using the jQuery css() function can be solved by doing this:

Code:

$(function() {
$('div.post:has(".specialpost")').addClass('.staffpost');
});

And then you can style it as much as you want in the CSS using :

Code:


.staffpost {
  //styling.
}


LGforum wrote:The image one would need to be this:

Code:


$(function() {
$('div.post:has(".specialpost")').css('background-image','url(http://i49.servimg.com/u/f49/14/49/28/83/gradie10.jpg)');
});


But all your problems regarding using the jQuery css() function can be solved by doing this:

Code:

$(function() {
$('div.post:has(".specialpost")').addClass('.staffpost');
});

And then you can style it as much as you want in the CSS using :

Code:


.staffpost {
  //styling.
}


This Code Works! thx LG!

Hello,

I suggest waiting for Mathias... He added it on this forum for admins (:
We will see... (:

Hello!
Go to your Admin Panel > Modules > HTML & JAVASCRIPT > Javascript codes management. Then click on "Create a new javascript", add this code and save.

Code:

$(function(){$('.st-rang').closest('.post').addClass('st-answer')});

Then go to your Admin Panel > Display > Pictures & Colors > Colors > CSS Stylesheet and add this!

Code:

.post.st-answer {
background: url(http://2img.net/i/fa/optimisation_fdf/fr/bg_post_staff.png) repeat-x scroll left bottom #E5F1F9;
}

Then add this in your admin rank:

Code:

<span class="st-rang"><font color="red">Senile!!!</font> (+ other things I forget)</span>

Hope it helped! ;)

Hi :)
@LG
For me this doesn't work at all.
But this may solely down to me.
@
Mathias
This works (the color is a bit more subtle).
But still solid color across the post.
(Sorry I've just noticed the corner, bottom right.
So it does do what you said.)



I accept there be many things contributing to this.

If anyone has any more suggestions.
I am willing to try.
However I can live with what I've got.....
Thank you all....

Hi :)
This is my latest effort.



Changed it already... ;)



Anyone wanting to use this last one.
Is welcome.

https://i.servimg.com/u/f49/14/49/28/83/gradie19.jpg

Again .....



Anyone wanting this....
https://i.servimg.com/u/f49/14/49/28/83/gradie21.jpg