[Help] How to make special members bg color like forumotion staffs for phpbb3 forum?

[Tamim Iqbal]

Hi please see my forum http://avacs.yforum.biz white skin so i need this forumotion support forum special bg gradient image link. Please provide this type some more but different color image links. Too. Thanks :hÃÂÂhÃÂÂ:

[Jophy]

Hello,

Do you mean having special backgrounds for staff/special rank post? Try this:
https://help.forumotion.com/t121245-how-to-add-gradient-to-staff-messages?highlight=gradient

[Rhino.Freak]

this shall help you

http://www.avacweb.com/t1000-how-to-modify-the-post-background-of-a-specific-user

[Jophy]

Hi,

Is this solved?

[Tamim Iqbal]

oh no just tell me how to make special ranks bg color like sanket, leeloo or base in this support forum for phpbb2 and i want this special bg color of sanket or base. Thanks. So how to make and provide some more special ranks color like this forum.

[Rhino.Freak]

are you asking of Sanket's rank color?

its #FF6600 i guess..

Code:

<strong><font color="#FF6600">Admin</font>istrator</strong>

this will be the code for rank title..

it will look like this :

Administrator

or if you are asking about the Orange to Blue gradient, it is in the link I posted above
read THIS FULLY!

[Jophy]

For rank colors, you can use HTML codes as provided above.

[Tamim Iqbal]

no no... I want sanket background color gradients for my phpbb2 forum? I am asking spcial ranks background color gradients please. Omg!

[Jophy]

Kindly please provide a screenshot of what you're asking:
https://help.forumotion.com/t24814-how-to-take-a-screen-shot

Thanks

[Tamim Iqbal]

Jophy just tell me how to make special members background color like yours. And you are special member of this forum. Now clear?

[Jophy]

We already provided the links with tutorials above:

Hello,

Do you mean having special backgrounds for staff/special rank post? Try this:
https://help.forumotion.com/t121245-how-to-add-gradient-to-staff-messages?highlight=gradient

this shall help you

http://www.avacweb.com/t1000-how-to-modify-the-post-background-of-a-specific-user

[Rhino.Freak]

the gradient used here can't be used in phbb2 I believe..

phpBB3 only!
To have a gradient like the support forum, use this CSS:

Code:

    .CLASSNAMEHERE {
    /*Your CSS To Style The Post Here*/
url("http://i48.servimg.com/u/f48/17/48/49/15/photo10.png") repeat-y scroll left top, url("http://2img.net/i/fa/prosilver/icon_user_online_en.png") no-repeat scroll right top #E5F1F9;
    } 



3. Hit save and you're done

[Tamim Iqbal]

to phpbb3 only to have gradients like support forum. Ok i am agree with you but you just privide me css code above so where the other codes for java and rank tittle? Please better you put others codes here with clear explanation and i will use ii if it works in phpbb3

[Sanket]

This shall work for phpbb3.
https://help.forumotion.com/t113843-how-do-i-change-the-color-post-for-staff-on-a-forum#748237


In the future, Instead of asking someone a bit rudely to just post codes, can you search yourself when you are provided with redirected threads with solutions?

[Tamim Iqbal]

this shall help you

http://www.avacweb.com/t1000-how-to-modify-the-post-background-of-a-specific-user

sanket i understand all but here multipe users means admin, co-admin, manager and moderator? And i am seeing user1...user2....user3 so i will replace co-admin...manager and moderator here? What is the user4 above? And reedem3 proide css code to make gradients like support forum under of this thread. So i will just put this css code or i need to change something?

[Rhino.Freak]

okay let me get this straight..
if you want a user named "abc" to have a background color "orange" in background , you will write

Code:


var escapeRegExp;(function(){var a=RegExp("[-\\[\\]\\/\\{\\}\\(\\)\\*\\+\\?\\.\\\\\\^\\$\\|]","g");escapeRegExp=function(b){return b.replace(a,"\\£panda_string_1364976885025_2_panda£amp;")}})();var postbg={add:function(a,c){a=escapeRegExp(a);a=a.replace(/\s?,\s?/g,"|");$(function(){var b=$(".post").get();for(i=0;i<b.length;i++)RegExp("^"+a+"$","g").test($(b[i].getElementsByTagName("a")[1]).text())&&$(b[i]).find("td").addClass(c)})}};
postbg.add('abc', 'abcpost');

then in the css if you write

Code:

.abcpost { background-color: orange; }

then abc's post background will appear orange..

YOU DON'T have to change anything.. for the gradient use the code by Rideem in the link I gave

[Tamim Iqbal]

Code:

 .abcpost { background-color: orange; } {
url("http://i48.servimg.com/u/f48/17/48/49/15/photo10.png") repeat-y scroll left top, url("http://2img.net/i/fa/prosilver/icon_user_online_en.png") no-repeat scroll right top #E5F1F9;
    }

may be i am correct now. So if i put it in CSS Stylesheet and you provided above java code in java management then i will get background color like sanket or sLgray or base in this support forum forumotion?.....am i right guys?

[Sir Chivas™]

Hi,

The closes background gradient you can have that is similar to Support Forumotion's background gradient is version phpBB3. The version, phpBB2 isn't going to look the same as here the one that forumotion uses.

This would be the answer: https://help.forumotion.com/t113843-how-do-i-change-the-color-post-for-staff-on-a-forum#748237

Although, you would have to change the forum's version.

[Tamim Iqbal]

yes bro i will set codes for phpbb3 forum. Now u just tell me if i want red and yellow gradients for co-admin and Moderator than what should i need to do. Note: i will use above orange gradients for administrator only

[BetterHax]

sir chivas the link you give is working in phpbb2?
i already try but nothings happen

[Tamim Iqbal]

Not working.... My forum link http://avacs.yforum.biz this is phpbb3 in my forum i putted java script code:

Code:

var escapeRegExp;(function(){var a=RegExp("[-\\[\\]\\/\\{\\}\\(\\)\\*\\+\\?\\.\\\\\\^\\$\\|]","g");escapeRegExp=function(b){return b.replace(a,"\\£panda_string_1364976885025_2_panda£amp;")}})();var postbg={add:function(a,c){a=escapeRegExp(a);a=a.replace(/\s?,\s?/g,"|");$(function(){var b=$(".post").get();for(i=0;i<b.length;i++)RegExp("^"+a+"$","g").test($(b[i].getElementsByTagName("a")[1]).text())&&$(b[i]).find("td").addClass(c)})}};
postbg.add('Administrator', 'Administratorpost');

And css code for changing Administrator bg color like this support forum

Code:

 .Administratorpost { background-color: orange; } {
url("http://i48.servimg.com/u/f48/17/48/49/15/photo10.png") repeat-y scroll left top, url("http://2img.net/i/fa/prosilver/icon_user_online_en.png") no-repeat scroll right top #E5F1F9;
    }

[Sanket]

This shall work for phpbb3.
https://help.forumotion.com/t113843-how-do-i-change-the-color-post-for-staff-on-a-forum#748237

Have you tried this?

[iyaaz]

Someone tel me what skin his useing plz.... http://avacs.yforum.biz

hope I'm not spaming

[Tamim Iqbal]

This shall work for phpbb3.
https://help.forumotion.com/t113843-how-do-i-change-the-color-post-for-staff-on-a-forum#748237

Have you tried this?

can you unlock this topic for me please? I will not post there.

[E-Mark]

You need to add this to your rank title:

Code:

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

Then this to JS mangment:

Code:

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

Then this to CSS:

Code:

    .post.online.st-answer {
    background: url("http://i48.servimg.com/u/f48/17/48/49/15/photo10.png") repeat-y scroll left top, url("http://2img.net/i/fa/prosilver/icon_user_online_en.png") no-repeat scroll right top #E5F1F9;
    }
    .post.st-answer {
    background: url("http://i48.servimg.com/u/f48/17/48/49/15/photo10.png") repeat-y scroll left top #E5F1F9;
    }

[Tamim Iqbal]

Ok if this orange bg color for admin so if i make red bg color for co-admin and yellow bg color for moderator then what should i need to do?

[Rhino.Freak]

Not working.... My forum link http://avacs.yforum.biz this is phpbb3 in my forum i putted java script code:

Code:

var escapeRegExp;(function(){var a=RegExp("[-\\[\\]\\/\\{\\}\\(\\)\\*\\+\\?\\.\\\\\\^\\$\\|]","g");escapeRegExp=function(b){return b.replace(a,"\\£panda_string_1364976885025_2_panda£amp;")}})();var postbg={add:function(a,c){a=escapeRegExp(a);a=a.replace(/\s?,\s?/g,"|");$(function(){var b=$(".post").get();for(i=0;i<b.length;i++)RegExp("^"+a+"$","g").test($(b[i].getElementsByTagName("a")[1]).text())&&$(b[i]).find("td").addClass(c)})}};
postbg.add('Administrator', 'Administratorpost');

And css code for changing Administrator bg color like this support forum

Code:

 .Administratorpost  {
url("http://i48.servimg.com/u/f48/17/48/49/15/photo10.png") repeat-y scroll left top, url("http://2img.net/i/fa/prosilver/icon_user_online_en.png") no-repeat scroll right top #E5F1F9;
    }

now try it, it must work now

[Tamim Iqbal]

You need to add this to your rank title:

Code:

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

Then this to JS mangment:

Code:

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

Then this to CSS:

Code:

    .post.online.st-answer {
    background: url("http://i48.servimg.com/u/f48/17/48/49/15/photo10.png") repeat-y scroll left top, url("http://2img.net/i/fa/prosilver/icon_user_online_en.png") no-repeat scroll right top #E5F1F9;
    }
    .post.st-answer {
    background: url("http://i48.servimg.com/u/f48/17/48/49/15/photo10.png") repeat-y scroll left top #E5F1F9;
    }

this is working.....and i set this orange bg color for admin but i need more colors. For example i want red bg color for co-admin, yellow bg color for support moderator and Green bg color for moderator. So how to make it like orange color above?

[E-Mark]

Then use this for another one:

Rank title:

Code:

<span class="st-rang1">Moderator</span>

Put this in your JS (Check in topics)

Code:

$(function() {
$('.st-rang1').closest('.post').addClass('st-answer1');
});

Put this in your CSS:

Code:

    .post.online.st-answer1 {
    background: url("http://i48.servimg.com/u/f48/17/48/49/15/photo10.png") repeat-y scroll left top, url("http://2img.net/i/fa/prosilver/icon_user_online_en.png") no-repeat scroll right top #E5F1F9;
    }
    .post.st-answer1 {
    background: url("http://i48.servimg.com/u/f48/17/48/49/15/photo10.png") repeat-y scroll left top #E5F1F9;
    }

Then just change the 'https://i.servimg.com/u/f48/17/48/49/15/photo10.png' to the background image url you want to put .

[BetterHax]

Then use this for another one:

Rank title:

Code:

<span class="st-rang1">Moderator</span>

Put this in your JS (Check in topics)

Code:

$(function() {
$('.st-rang1').closest('.post').addClass('st-answer1');
});

Put this in your CSS:

Code:

    .post.online.st-answer1 {
    background: url("http://i48.servimg.com/u/f48/17/48/49/15/photo10.png") repeat-y scroll left top, url("http://2img.net/i/fa/prosilver/icon_user_online_en.png") no-repeat scroll right top #E5F1F9;
    }
    .post.st-answer1 {
    background: url("http://i48.servimg.com/u/f48/17/48/49/15/photo10.png") repeat-y scroll left top #E5F1F9;
    }

Then just change the 'https://i.servimg.com/u/f48/17/48/49/15/photo10.png' to the background image url you want to put .

is this working for phpbb2? i try it but nothings happen