Good art is a taste, good design is an opinion.


Come as guest, stay as family.
Board Index

Come as guest, stay as family.


You are not connected. Please login or register

Foto

[Javascript] Different background for Staff members



View previous topic View next topic Go down Message [Page 1 of 1]

1
Offline

  Virus

avatar
★Moderator★
★Moderator★


Tutorial: Different background for Staff members
Credits: @Ange+Tuteur

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



- 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.



- 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.


- 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.

Exclamation NOTE: Exclamation
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

Powered by PunBB
Currently 0 users have thanked Virus for this post:

2
Offline

  deaneo8

avatar
V.I.P. Member
V.I.P. Member
hi love this

Powered by PunBB
Currently 0 users have thanked deaneo8 for this post:

3
Offline

  Admin

avatar
Guest
[sucesso="Tutorial Accepted"]Your tutorial has been reviewed and accepted. Thanks for sharing with punbb.biz community.

Points added to the user accordingly.[/sucesso]

Powered by PunBB
Currently 0 users have thanked Admin for this post:

View previous topic View next topic Back to top Message [Page 1 of 1]


Topic URL's

URL
BBcode
HTML

Permissions in this forum:
You cannot reply to topics in this forum