Talk:Orion Sharkfin: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
|||
| Line 35: | Line 35: | ||
<nowiki><div style="float:left;width:1200px;text-align:left;margin-right:1em;"></nowiki> is broken down into the following: The page's overall layout will formatted to the left side of the page, the box created at 1200 pixels width; the text is aligned to the left, and there's a margin on the right of the text. | <nowiki><div style="float:left;width:1200px;text-align:left;margin-right:1em;"></nowiki> is broken down into the following: The page's overall layout will formatted to the left side of the page, the box created at 1200 pixels width; the text is aligned to the left, and there's a margin on the right of the text. | ||
<nowiki><div style="padding: 3px; border: 3px Solid {{GC|A3}}; background-color: {{GC|A3}};border-radius:15px;"></nowiki> is the first styled block surrounding the page forming the outer border; it conforms to the size of the previous argument. There's about three pixels of padding inside of the edge, which itself is a solid border that is colored according to the Game Color template | <nowiki><div style="padding: 3px; border: 3px Solid {{GC|A3}}; background-color: {{GC|A3}};border-radius:15px;"></nowiki> is the first styled block surrounding the page forming the outer border; it conforms to the size of the previous argument. There's about three pixels of padding inside of the edge, which itself is a solid border that is colored according to the Game Color template. The last argument in the line determines how rounded the corners of the border are. | ||
<nowiki><div style="padding: 3px; border; 3px Solid {{GC|I5}}; background-color: {{GC|A2]];border-radius:15px;"> sets up the inner border with most of the same arguments as above, just different colors.</nowiki> | <nowiki><div style="padding: 3px; border; 3px Solid {{GC|I5}}; background-color: {{GC|A2]];border-radius:15px;"> sets up the inner border with most of the same arguments as above, just different colors.</nowiki> | ||
<nowiki><div style="padding: 12px; background-color: {{GC|A2}}; color: {{GC|I6}}"> is the final line of this argument that sets up how the text within the body is going to look. First thing it sets up is the amount of padding around the edges. Then it establishes the background color. The last argument in the line then sets the overall text color.</nowiki> | <nowiki><div style="padding: 12px; background-color: {{GC|A2}}; color: {{GC|I6}}"> is the final line of this argument that sets up how the text within the body is going to look. First thing it sets up is the amount of padding around the edges. Then it establishes the background color. The last argument in the line then sets the overall text color.</nowiki> | ||
</div></div></div></div> | </div></div></div></div> | ||
Latest revision as of 16:39, 25 October 2025
Anyone wanting to make a comment on this profile are able to by adding a new topic. If you want to change the color of your text I would recommend using the template for Game Color which allows you to use {{GC|XX}} to change text color to anything that is present in the game's color selection by selecting a grid number.
To make things as cohesive as possible my only ask is any new topic added includes the following formatting:
<div style="float:left;width:1200px;text-align:left;margin-right:1em;">
<div style="padding: 3px; border: 3px Solid {{GC|A3}}; background-color: {{GC|A3}};border-radius:15px;">
<div style="padding: 3px; border: 3px Solid {{GC|I5}}; background-color: {{GC|A2}};border-radius:15px;">
<div style="padding: 12px; background-color: {{GC|A2}}; color: {{GC|I6}}">
TEXT GOES HERE
</div></div></div></div>
Learn how to format!
Interested in trying to figure out how to format your pages like mine?
A few simple concepts to keep in mind of: span style arguments change in-line text; div style arguments change the formatting of an entire section. This only really applies to sections that are multi-line.
To create a page that looks neat like this requires a few lines of div style arguments. Here's the breakdown:
The first line of every article where everything has to be within the formatting establishes the size and layout. Using the arguments posted above as an example;
<div style="float:left;width:1200px;text-align:left;margin-right:1em;"> is broken down into the following: The page's overall layout will formatted to the left side of the page, the box created at 1200 pixels width; the text is aligned to the left, and there's a margin on the right of the text.
<div style="padding: 3px; border: 3px Solid {{GC|A3}}; background-color: {{GC|A3}};border-radius:15px;"> is the first styled block surrounding the page forming the outer border; it conforms to the size of the previous argument. There's about three pixels of padding inside of the edge, which itself is a solid border that is colored according to the Game Color template. The last argument in the line determines how rounded the corners of the border are.
<div style="padding: 3px; border; 3px Solid {{GC|I5}}; background-color: {{GC|A2]];border-radius:15px;"> sets up the inner border with most of the same arguments as above, just different colors.
<div style="padding: 12px; background-color: {{GC|A2}}; color: {{GC|I6}}"> is the final line of this argument that sets up how the text within the body is going to look. First thing it sets up is the amount of padding around the edges. Then it establishes the background color. The last argument in the line then sets the overall text color.