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

[Solved] How add nice effect to my groups



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

1
Offline

  deaneo8

deaneo8
V.I.P. Member
V.I.P. Member
  • Description:
[Solved] How add nice effect to my groups  UqsY6O2



[Solved] How add nice effect to my groups  JTBodC9



[Solved] How add nice effect to my groups  AnhumQb







  • Information:
Forum:gamingnews.forumotion.co.ukVersion:PUNBB
Type:Request a codeTags:effect,groups

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

2
Offline

  Van-Helsing

Van-Helsing
★Moderator★
★Moderator★
Hello,
You can add something like this in your CSS

Code:

a[href="/g1-group"]{
background: url("http://i39.servimg.com/u/f39/18/10/12/74/glitte10.gif") no-repeat;
}

You can change the group number etc g2-group and the background image url for each user group

Powered by PunBB
Currently 0 users have thanked Van-Helsing for this post:

3
Offline

  deaneo8

deaneo8
V.I.P. Member
V.I.P. Member
thxs bro

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

4
Offline

  FrOsTyXi

FrOsTyXi
V.I.P. Member
V.I.P. Member
Yes that code there will make your group ledgend sparkle etc if you want to make the whole group a certain color, sparkle etc you have to use this,

Code:
a span[style="color:GROUP COLOR"] strong{
background:url("IMAGE URL");
padding-top: 1px;
text-shadow:0 0 .5em COLOR,0 0 .5em COLOR,0 0 .5em COLOR;
font-size: 14px
}

You will notice for my staff well admin i raise the font-size so they stick out a bit, but really it's all up to you.

This will make the whole group the colors etc that you choose.

Regards

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

5
Offline

  FrOsTyXi

FrOsTyXi
V.I.P. Member
V.I.P. Member
Forgot to add this in, you can have your staff with a prefix in front of their username as well like this,
Code:
a span[style="color:GROUP COLOR"] strong:before{
content:"[MOD]";vertical-align:text-top;
font-weight:bold;font-size:8px;color:GROUP COLOR;
text-shadow:0 0 .5em COLOR,0 0 .5em COLOR,0 0 .5em COLOR
}

And if you want line threw banned members you can apply it like this.
Code:
a span[style="color:GROUP COLOR"] strong{
text-decoration:line-through !important;
font-weight:bold;
color:GROUP COLOR !important;
text-shadow:0 0 .5em COLOR,0 0 .5em COLOR,0 0 .5em COLOR;
background:url("IMAGE URL") no-repeat;padding-left:19px;padding-top:2px;
}

Just a few options for you that you can try.

Regards

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

6
Offline

  Virus

Virus
★Moderator★
★Moderator★
[aviso="Double Post"]Please don't double post. Your post needs to be separated by at least 24 hours before bumping. Please use the edit button instead![/aviso]

You don't have to use the [ic]a span[style="color:GROUP COLOR"] strong{[/ic] or the [ic]a span[style="color:GROUP COLOR"] strong:before{[/ic]

These are two unnecessary commands. You can style any group you want by using the command [ic]a[href="/gXX-group"]{[/ic] and replace the double X with the number of the group as @Dark-Avenger suggested.

Still the commands will work but only if your names are the certain color and bold. So to avoid those kind of problems not reading the code because they are not bold or because you decided to change the color of the group it is more comfortable to use the code with no span color and strong inside.


~ Virus ~

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

7
Offline

  Van-Helsing

Van-Helsing
★Moderator★
★Moderator★
Virus wrote:[link="/t834-how-add-nice-effect-to-my-groups#5578"][aviso="Double Post"]Please don't double post. Your post needs to be separated by at least 24 hours before bumping. Please use the edit button instead![/aviso]

You don't have to use the [ic]a span[style="color:GROUP COLOR"] strong{[/ic] or the [ic]a span[style="color:GROUP COLOR"] strong:before{[/ic]

These are two unnecessary commands. You can style any group you want by using the command [ic]a[href="/gXX-group"]{[/ic] and replace the double X with the number of the group as @Dark-Avenger suggested.

Still the commands will work but only if your names are the certain color and bold. So to avoid those kind of problems not reading the code because they are not bold or because you decided to change the color of the group it is more comfortable to use the code with no span color and strong inside.


~ Virus ~
Hello,
Those codes are displaying twice(adm) in the chatbox as I test them and conflicts Jscript's chatbox css.

Best Regards,
Dark-Avenger

Powered by PunBB
Currently 0 users have thanked Van-Helsing for this post:

8
Offline

  Destroya*

Destroya*
Punbb Senior
Punbb Senior
Fixed my problem delete reply pls lol

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

9
Offline

  deaneo8

deaneo8
V.I.P. Member
V.I.P. Member
nice bro closed topic thxs

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

10
Offline

  Van-Helsing

Van-Helsing
★Moderator★
★Moderator★
[sucesso="Marked as Solved"]The question(s) in this topic have been answered and the owner has been able to solve the problem. Because of this, the topic has been marked as Solved.

If you have further questions, please open a new topic.[/sucesso]

Powered by PunBB
Currently 0 users have thanked Van-Helsing for this post:

11
Offline

  Sponsored content



Powered by PunBB
Currently 0 users have thanked Sponsored content 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