Welcome Guest [Log In] [Register]
We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Multiquote (on) Multiquote (off)
Add Reply
How do I get shadow behind User Group names?
Topic Started: May 27 2014, 12:55 PM (433 Views)
Sweetbro123
Member
[ * ]
Ok so I can get a shadow behind text when using <span style and that kind of stuff, but when I'm editing user groups (e.g. Administrator, Registered Guest) I can't because the codes are different, ex. Prefix: [*color=red]Administrator Suffix: [/*color]

So when editing User Groups, that will make Administrator, red. Using <span style kind of codes works for shadows, colors, everything pretty much when I'm editing things like Board Template, but they don't work for User Groups!

So yeah if you understand what I mean then please help me out.
Offline Profile Quote Post Goto Top
 
Meta Ing-ZNR
Member Avatar
---
[ *  *  *  * ]
This can be done via use of the [class] bbcode:

First, put [class=class_name_here] in the prefix, and [/class] in the suffix, for the user group you want to edit - replacing class_name_here appropriately. Then, create a new CSS rule for a class named bbcode-class_name-here that holds the styles you want to apply to the class.

Example, if I want to give admins a bold, uppercase text, I could put: [class=admin] in the prefix, and [/class] in the suffix, then create the following CSS rule:

Code:
 
.bbcode-admin{
font-weight:bold;
text-transform:uppercase;
}


You can either create these rules separately per theme (though you may have to get permission from the theme creator... I'm not actually sure what the rule is for adding bbcode-classes), or to all themes at once by wrapping them (all) in <style type="text/css"> </style tags and placing them in the javascripts section of your board template.
Offline Profile Quote Post Goto Top
 
Sweetbro123
Member
[ * ]
Meta Ing-ZNR
May 27 2014, 02:44 PM
This can be done via use of the [class] bbcode:

First, put [class=[i]class_name_here[/i]] in the prefix, and [/class] in the suffix, for the user group you want to edit - replacing class_name_here appropriately. Then, create a new CSS rule for a class named bbcode-class_name-here that holds the styles you want to apply to the class.

Example, if I want to give admins a bold, uppercase text, I could put: [class=[i]admin[/i]] in the prefix, and [/class] in the suffix, then create the following CSS rule:

Code:
 
.bbcode-admin{
font-weight:bold;
text-transform:uppercase;
}


You can either create these rules separately per theme (though you may have to get permission from the theme creator... I'm not actually sure what the rule is for adding bbcode-classes), or to all themes at once by wrapping them (all) in <style type="text/css"> </style tags and placing them in the javascripts section of your board template.
I have no clue how to create / write those :(

Could you please do me an example one?
Offline Profile Quote Post Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
What portion specifically are you confused with?
Offline Profile Quote Post Goto Top
 
Sweetbro123
Member
[ * ]
I don't understand this stuff: ".bbcode-admin{
font-weight:bold;
text-transform:uppercase;
}"
Offline Profile Quote Post Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
I'll break it down for you:

The period (.) specifies that it is a class name. The 'bbcode-' specifies that you are using the class BBCode tag. 'admin' is the custom class of your choosing. The starting curly bracket ({) is required to begin a selector assignment.
Code:
 
.bbcode-admin{
These are CSS properties and values you wish to assign to give the usernames of said group specific styles.
Code:
 
font-weight:bold;
text-transform:uppercase;
The ending curly bracket is required to end a selector assignment.
Code:
 
}
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · ZetaBoards - Theme & Code Support · Next Topic »
Add Reply