This is a page for generating layouts usable in SMWCentral. Using this page on mobile devices is not recommended. It's possible to use the layouts generated here in other forums but they may not display/behave properly. You'll be able to see how the layout looks against a few of the website's themes.
Information on Layout Maker:
Generating Mode (default) will generate the layout based on the inputs provided, Editing Mode will let you insert your own HTML to be previewed.
When manually inserting color values, they will go through a validator of sorts that will check if it uses one of these formats (other formats are invalid):
Hexadecimal: #00FF00 or #0F0
RGB: rgb(0, 255, 0)
HSL: hsl(120, 100%, 50%)
Alpha values must be inserted into the "opacity" fields as percentages, when available.
If the validator fails to recognize the value, it'll use the one in the color picker box right next to it which might not display/behave properly on some older web browsers.
The background order of visibility is, from closest to furthest: Post Box Background, Side Image, 2nd Background, Background.
If using any of the signatures generated here, please disable the signature/footer separator on Edit Profile.
Report any bugs and send any suggestions to RanAS.
Images need to be uploaded somewhere in order to work, local files can't be used directly. Usage of the File Bin is recommended.
A maximum of around 200px of width is personally recommended for side images. Likewise, a maximum of around 200KB of filesize is recommended for all of your layout's resources in total.
You can use this tool to check the contrast ratio between your background and text. Please try to keep your layout's text color close to white or black as to preserve readability.
If the post doesn't occupy the entire of the post frame (there's empty space at the bottom), change the min-height: ???px; property in your post layout to a higher value. This problem depends on how much content is in a user's sidebar.
Created on December 03, 2016. Last updated: December 02, 2018.