Help Page
Posting User Styles
Here you will be able to find answers to all your coding related questions. Posting new Styles (another term used interchangeably for themes) is done through CSS technologies (Cascading Style Sheets).
Theme Limitations
There are a few limitations when creating a theme:
Styles for sites with adult content aren’t allowed
Styles adding adult content to sites aren’ allowed
Do not post other people's content.
Styles for sites with adult content aren’t allowed
Styles adding adult content to sites aren’ allowed
Do not post other people's content.
Sharing your Theme
Once a creator has created a theme and marked it as finished, it will automatically be uploaded onto the Stylish Website. This is the most user friendly option to view, install, and receive updates of a style.
How to Delete Themes off of userstyles.org
A creator can never truly delete a theme, they can only remove it from the Stylish search results. If a user attempts to access a deleted theme, they will receive a warning. This is the step-by-step process for deleting themes off userstyles.org:
Step 1: Visit the Stylish Website.
Step 2: Go to the edit screen of the theme you wish to delete.
Step 3: Click the link for ‘Delete Style’.
Step 1: Visit the Stylish Website.
Step 2: Go to the edit screen of the theme you wish to delete.
Step 3: Click the link for ‘Delete Style’.
How to Use Style Settings
Style settings allow users to have options for installing a style. The different setting options alter the CSS of the Style. The setting options include: Providing alternative options in your style Example: moving an element in your theme versus hiding it. optional functionalities in your style. Allowing users to choose between various background images or providing their own background image. Allowing users to choose the colors of a style or fonts of texts.
Types of Settings
Each setting either has pre-existing options for the user to choose from or requires the user to provide a specific value to the code.
Drop-Down Setting – All options are defined by the user. The user chooses an item presented to them on the drop-down list. This setting is used when the user wants different blocks of CSS included based on the option chosen but this setting can also be used when no other option works. Color Setting – The user chooses a color that will be inserted in the hex format (e.g. #FFFFF) by default. The user can have the color inserted as RB values (e.g. 0, 0, 0) by appending -rgf to the install key in the code only. Text Setting – The user can enter free-form text. The text will not have backslashes and quotes. Image Setting – The user either has image options to choose from, can provide their own URL, or can upload their own image that is transformed into a data URI. How to Edit Settings
There are many different editing options under the ‘Edit’ page in settings: Label – This is displayed to the user on the creator’s style page. An example of this would be “choose a font” and the user chooses Times New Roman. Install key – This is the same as the placeholder in your code (see ‘Placeholders’ below) and is also used when updating one of your styles (see ‘Updating’ below). Default – This is for color and text settings only, default is the first value of the input code that is presented to the user. It sets the initial option selected when the user loads the style page. Value – This is the text that is inputted into the placeholder in a style creator’s CSS.
Drop-Down Setting – All options are defined by the user. The user chooses an item presented to them on the drop-down list. This setting is used when the user wants different blocks of CSS included based on the option chosen but this setting can also be used when no other option works. Color Setting – The user chooses a color that will be inserted in the hex format (e.g. #FFFFF) by default. The user can have the color inserted as RB values (e.g. 0, 0, 0) by appending -rgf to the install key in the code only. Text Setting – The user can enter free-form text. The text will not have backslashes and quotes. Image Setting – The user either has image options to choose from, can provide their own URL, or can upload their own image that is transformed into a data URI. How to Edit Settings
There are many different editing options under the ‘Edit’ page in settings: Label – This is displayed to the user on the creator’s style page. An example of this would be “choose a font” and the user chooses Times New Roman. Install key – This is the same as the placeholder in your code (see ‘Placeholders’ below) and is also used when updating one of your styles (see ‘Updating’ below). Default – This is for color and text settings only, default is the first value of the input code that is presented to the user. It sets the initial option selected when the user loads the style page. Value – This is the text that is inputted into the placeholder in a style creator’s CSS.
What is a Placeholder?
The placeholder is the location in a CSS where the options value is inserted. It is defined with a format-specific comment containing the associated setting’s install key. Example: If the install key is font and the user has font options for Times New Roman or Helvetica, the CSS must look like: div font-face": '/*[[font]]*/" !important; If the user selects Times New Roman, the CSS must be: div font-face: "Times New Roman" !important; If the user selects Helvetica, the CSS must be: div font-face: "Helvetica" !important;
How to Update a Style
Stylish records the settings and options install keys that the user chooses when installing a creator's style. If a creator changes any of the install keys to a style (such as deleting or renaming an install key), any user who installed that style and chose the option of those install keys will not have access to the updated style. A user will be able to update a style by changing labels or values, changing the settings and options function, and adding additional options. Format of Style Descriptions The following are HTML tags are allowed in style descriptions: a (href), abbr (title), b, blockquote (cite), br, cite, code, dd, dfn (title), dl, dt, em, i, kbd, li, mark, ol, p, pre, q (cite), s, samp, small, strike, strong, sub, sup, time (datetime, pubdate), u, ul, var. Style creators can create links automatically "Style 1" (without quotes) – creates a link to the style withID1 "User 1" (without quotes) – creates a link to the user with ID1 A URL – creates a link to that specific URL