Helpdesk
Centralized user-to-staff interaction
Frequently Asked Questions
Creating a custom theme for my user page
Category: Tutorials
ID: 22
The theme designer is found by clicking on the word "settings" at the top sidebar and then clicking the Theme Designer tab at the top of the page.

All fields marked with # in the theme designer are colors. If you leave the color fields blank, the system will to generate them for you automatically.

Only JPEG images are supported for all images. When you upload a theme for the first time, you will have to upload all 4 images at once. After that, you can change what you want individually.

The 4 images needed are:
Two for the banner image found in the Background and Titlebar boxes. (See FAQ 23: Splitting my banner for the theme designer on how to create a banner image.)
One for page background found in the Page box
One for the panel background found in the Panel box.
Please heed the size requirements listed in the theme designer or your theme will not load.

Following are boxes you will see listed in the designer and what each item does:

BACKGROUND:
~~~~~~~~~~~~~~~~
This is the top half of your banner.
File size: less than 50 kb.
Only click on the H.tiling

• Text = The color of the small text at the very bottom of the page.


TITLEBAR:
~~~~~~~~~~~~~~~~
This is the bottom half of your banner. This is also where your Title text, Icon, and Watch button appears.
File size: less than 25 kb.
Only click on the H.tiling

• Text = The color of the Title text at the top of your page.
• Link = The color of the Link text on your banner, such as Watch.
• Hovered = The color your Link text changes to when someone passes their mouse over it.
• Title left margin = How far over to the Right -- by number of pixels -- that you want your Title to be.

PAGE:
~~~~~~~~~~~~~~~~
This is the entire page's background image. This is a REPEATING image, so make sure you click on the H. Tiling and V. Tiling boxes to set to do so.
File size: less than 50 kb.

• Text = The color of the Title text that appears on your main page, such as Profile, Leave a Comment, Posted Comments and also the small text that isn't a Link on your Submissions page and the color of the text in the ToS.
• Link = The color of the Link text on the page itself, outside any Comment or Submission Boxes.
• Hovered = The color your Link text changes to when someone passes their mouse over it.

PANEL:
~~~~~~~~~~~~~~~~
This is what appears in your text boxes. This is a REPEATING image too, so make sure you click on the H. Tiling and V. Tiling boxes to set to do so.
File size: less than 25 kb.

• Text = The color of the text that appears AFTER a comment or Written Submission is posted and the text in the Sidebar that isn’t a link.
• Outline = The color of your Panel's outline.

OTHERS:
~~~~~~~~~~~~~~~~~

Tab text, active/inactive: The color of the TEXT on your Tabs.

Button/Tab outline: Self-explanatory.

Button Background: Color of the Edit & Reply buttons, plus your SUBMISSIONS, JOURNAL, FRIENDS, FAVORITES, CLUBS/PROJECTS and POLL title bars. This is also the color of the Right side of your Poll line.
Hovered: The color that the buttons and title bars change to when someone passes their mouse over it.

User Input: The color of the TEXT when someone is writing in the text box.
-- Hint: If your Text Box is a dark color that you like, but your text is too dark to read while they're typing it, enter ffffff in this box to change the TEXT to White.

Background: The color of the TEXT BOXES when they're just sitting there blank.

Focused BG: The color of your all of TEXT BOXES when someone is writing in them.
-- Hint: If your Text BOX is a dark color that you don't like, and your text is too dark to read, enter ffffff in this box to change the Text BOX to White.

Marked keyword: During submission, when you choose a keyword (example; comfort), that keyword is considered 'marked' and will appear in this color. This is ALSO the color of the borders of the text boxes when you write in them.

Thumbnail border: Self-explanatory.

Filtered: If you have a Filter set, this indicates something that trips that filter.

New style layout: Top bar and Side bar color.

(If you want the theme designer to pick the colors, in each of the boxes that you have a color code from your OLD theme, put in an X to ERASE your old color. This will allow your NEW Theme to automatically select the colors used in your NEW Theme.)

Tags: Custom Theme
This article was created by lyiint on 2020-08-26 @ 2:22 AM and was last modified by lyiint on 2020-09-27 @ 6:52 PM.
If you feel that this article is outdated, needs improvement or lacks some important tags that would help to link it better with the other articles, please report to helpdesk.
Help · Terms of Service · FAQ

Support us with crypto:

Crypto Address
Bitcoin/BTC bc1q7ldpfzhs70d4x4y3h2tkyddsje06l32re9dejz
Ethereum/ETH 0x8227998A34148459Fb4B070A7694Ae42c9A081A4
Dogecoin/DOGE DTcXVhHTUdPYpr4KYZemTSeJUego69EcSE
Nano/NANO nano_15uurzss48srsambr3f4u64x8p3ifis5aomwaq1bcgcmc7ejpo3tdo1ti4wm
Basic Attention Token/BAT 0x8227998A34148459Fb4B070A7694Ae42c9A081A4
Stellar Lumens/XLM GBO42SK2CK42FXKDTQWHYDJQEPVZB6BFFDOYNIOZVN2K3DPOFQVX4Z4Y
Welcome, guest!
You are not logged in.
Username:
Password:
Language:
Most recent
[..] [..] [..] [..] [..]
Stretch by PettyKing
Stretch
by PettyKing
Random
Support Y!gallery