2014-10-25, 13:55
Tutorial: Different background for Staff members |
With this tutorial you will be able to add a different image to your staff members.
--> Tutorials, tips and tricks <--
Different background for Staff members
Different background for Staff members
1º - Javascript
Go to:
Admin Panel > Modules > HTML & JAVASCRIPT > Javascript codes management
Make sure your Javascripts are enabled and then press Create a new Javascript.
Fill in the information as below:
Title: (as you wish)
Placement: In the topics
Javascript Code: (add the below:)
- Code:
$(function() {
$('.st-rang').closest('.post').addClass('st-answer');
});
Then press Submit.
2º - Rank Naming
Go to:
Admin Panel > Users & Groups > Ranks > Rank Administration
and rename only the staff groups with:
[ic]<span class="st-rang">RANK</span>[/ic]
and where it says [ic]RANK[/ic] you will add the rank you want to have different background.
3º - CSS
Go to:
Admin Panel > Display > Pictures and Colors > Colors > CSS Stylesheet
and paste the below code:
- Code:
.post.online.st-answer {
background: url("IMAGE_URL") repeat-y scroll left top, url("IMAGE_URL") no-repeat scroll right top #E5F1F9;
}
.post.st-answer {
background: url("IMAGE_URL") repeat-y scroll left top #E5F1F9;
}
replace the three [ic]IMAGE_URL[/ic] with the image url of the background you want and then press Submit.
NOTE:
Please not that the image you will add, to fit perfectly must have at least the dimension of an image 1300px(w) * 1500px(h). You can add less height only if the image you choose won't look bad if it starts from the top again if it repeats.
© PunBB Design
If you have any questions related to this topic create a topic with the following title: Different background for Staff members |