Add border top & bottom color

hi fm software :)
i want to ask..

can you give/add color for "border-top-color" and "border-bottom-color" according to the ranking,

I want to replace my own special color (according to rank)
i'am staff on my forum, and I want to change the border color of top / bottom, according to my ranking,

so my border (staff rank) top/bottom color different with border top/bottom color for member (other rank) :)



my forum
http://budokai.indonesianforum.net/t24-sdfsd#124

my forum:phpbb2

im really appreciate, thanks for help , :)

You need to add that at rank title :

Code:

<span class="st-rang">RANK TITLE HERE</span>

Now , create a new javascript and fill with that , mark in posts

Code:

$(function() {
$('.st-rang').closest('.xyz').css({"border-bottom-color","#9AB801","border-top-color","#9AB801"});
});

And replace your old .xyz from CSS with that

Code:

.xyz {
background: none repeat scroll 0 0 #141414!important;
margin: 3px!important;
padding: 10px 0;
text-align: center;
width: 205px;
border-top: 3px solid #045044;
border-bottom: 7px solid #045044;
}

I'm note very sure if that will work , I don't tested.

doesnt work admin, nothing hapen ..

how? maybe other coding? thanks for help

--------

this source, i got the idea from here
source

Source:

i need be like this,
for border-top-color
https://i.imgur.com/4yBgU9S.png
for bottom color
https://i.imgur.com/0n3F9CB.png

top and bottom border color matches the color ranking, thanks for help admin :)

Code:

$(function(){$('.post').each(function(){var thecolor=$(this).find('.name strong a span').css('color');$(this).find('.xyz').css('border-top-color',thecolor);$(this).find('.poster-profile').css('border-bottom-color',thecolor)})});

Try this code.