Last edited by Tamim Iqbal on April 3rd 2013, 6:00 pm; edited 1 time in total
This is a Hitskin.com skin preview
Install the skin • Return to the skin page
This is a Hitskin.com skin preview
Install the skin • Return to the skin page
<strong><font color="#FF6600">Admin</font>istrator</strong>
Jophy wrote: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 wrote:this shall help you
http://www.avacweb.com/t1000-how-to-modify-the-post-background-of-a-specific-user
phpBB3 only!
To have a gradient like the support forum, use this CSS:
3. Hit save and you're done
- 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;
}
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 wrote:this shall help you
http://www.avacweb.com/t1000-how-to-modify-the-post-background-of-a-specific-user
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');
.abcpost { background-color: orange; }
.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;
}
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');
.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;
}
Have you tried this?Sanket wrote:This shall work for phpbb3.
https://help.forumotion.com/t113843-how-do-i-change-the-color-post-for-staff-on-a-forum#748237
can you unlock this topic for me please? I will not post there.Sanket wrote:Have you tried this?Sanket wrote:This shall work for phpbb3.
https://help.forumotion.com/t113843-how-do-i-change-the-color-post-for-staff-on-a-forum#748237
Nera. wrote: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 wrote:Not working.... My forum link http://avacs.yforum.biz this is phpbb3 in my forum i putted java script code:And css code for changing Administrator bg color like this support forum
- 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');
- 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;
}
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 wrote:Nera. wrote: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;
}
<span class="st-rang1">Moderator</span>
$(function() {
$('.st-rang1').closest('.post').addClass('st-answer1');
});
.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;
}
E-Mark wrote: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 .