More actions
M88youngling (talk | contribs) I'm betting it's got something to do with the CSS but I just can't figure out the exact cause. |
M88youngling (talk | contribs) m just a test to see if the formatting from the demo wiki will work here. something is fishy |
||
| Line 1: | Line 1: | ||
<mainpage-leftcolumn-start /> | <mainpage-leftcolumn-start /> | ||
== | <div style="background-color:#BBC; color:#000; height:100px; padding:1em;"> | ||
e="50%;"><div style="background:#000; height:2px;"> </div></td><td sty | |||
="width: 30px;">[[File:Divider.png|link=]]</td><td style="50%;"><div style="background:#000; heigh | |||
</div> | |||
<div style="background-color:#BCB; color:#000; margin-top:1em; padding:1em;">''' I am a sentence in the left column.'''</div> | |||
<div style="border:2px solid #BCB; color:#000; margin-top:1em; padding:1em;"> | |||
'''I am a box containing content in the left column.''' | |||
This set of '''main page <tags/>''' allows for easier main page design and is the recommended method of creating layouts for main pages. | |||
Using the following tags, you can create a main page that will work with the ad and will be compatible with any future changes Fandom may need to make to the main page layouts. | |||
<pre> | |||
<mainpage-leftcolumn-start /> | |||
content the left column | |||
<mainpage-endcolumn /> | |||
<mainpage-rightcolumn-start /> | |||
content in the right column | |||
< | <mainpage-endcolumn /> | ||
< | </pre> | ||
==How to use the tags== | |||
[[File:Main_page_tags_editor.png|thumb|300px|An example of how main page tags might look in the editor]] | |||
The "leftcolumn" tag starts the fluid width left column, and comes first: | |||
<pre><mainpage-leftcolumn-start /></pre> | |||
the | |||
</ | The left column is ended by: | ||
</ | |||
<pre><mainpage-endcolumn /></pre> | |||
Next, the following starts a 300px wide right column: | |||
<pre><mainpage-rightcolumn-start /></pre> | |||
The right column is ended by: | |||
<pre><mainpage-endcolumn /></pre> | |||
After the end of the rightcolumn tag you can place anything you wish, and make them 100% page width. (Please note this is recommended against, especially on shorter pages.) However, you will need to add the following to ensure it appears below the columns: | |||
<pre><br style="clear:both;"/></pre> | |||
</div> | |||
<mainpage-endcolumn /> | <mainpage-endcolumn /> | ||
<mainpage-rightcolumn-start /> | <mainpage-rightcolumn-start /> | ||
<div style="background-color:#BBC; color:#000; height:250px; padding:1em;">'''I am a 300x250px or a 300x600px box in the right column.''' Fandom's ad will go here.</div> | |||
<div style="background-color:#BCC; margin-top:1em; padding:1em;">'''I am a sentence in the right column.'''</div> | |||
<div style="margin-top:1em; padding:1em; border:2px solid black; margin:auto;text-align:center"> | |||
This is a Featured Image<br /> | |||
[[File:Greece-0723.jpg|270px]]</div> | |||
<div style="background-color:#CBB; color:#000; height:500px; margin-top:1em; padding:1em;">'''I am a very long sentence in a box with a height of 500px in the right column.''' Any sort of wiki content could go here -- a featured article or picture, a list of popular categories, an embedded widget, a video or poll or calendar -- anything you like.</div> | |||
<mainpage-endcolumn /> | <mainpage-endcolumn /> | ||
[[ | <br style="clear:both;" /> | ||
<div style="background-color:#BCB; color:#000; margin-top:1em; padding:1em;">''' I am a sentence in a full-width box beneath both columns'''</div> | |||
[[ja:]] | |||
Revision as of 05:31, 16 August 2017
<mainpage-leftcolumn-start />
e="50%;"> 
<div style="background:#000; heigh
<div style="background:#000; heigh
I am a sentence in the left column.
I am a box containing content in the left column.
This set of main page <tags/> allows for easier main page design and is the recommended method of creating layouts for main pages.
Using the following tags, you can create a main page that will work with the ad and will be compatible with any future changes Fandom may need to make to the main page layouts.
<mainpage-leftcolumn-start /> content the left column <mainpage-endcolumn /> <mainpage-rightcolumn-start /> content in the right column <mainpage-endcolumn />
How to use the tags
The "leftcolumn" tag starts the fluid width left column, and comes first:
<mainpage-leftcolumn-start />
The left column is ended by:
<mainpage-endcolumn />
Next, the following starts a 300px wide right column:
<mainpage-rightcolumn-start />
The right column is ended by:
<mainpage-endcolumn />
After the end of the rightcolumn tag you can place anything you wish, and make them 100% page width. (Please note this is recommended against, especially on shorter pages.) However, you will need to add the following to ensure it appears below the columns:
<br style="clear:both;"/>
<mainpage-endcolumn />
<mainpage-rightcolumn-start />
I am a 300x250px or a 300x600px box in the right column. Fandom's ad will go here.
I am a sentence in the right column.
This is a Featured Image
I am a very long sentence in a box with a height of 500px in the right column. Any sort of wiki content could go here -- a featured article or picture, a list of popular categories, an embedded widget, a video or poll or calendar -- anything you like.
<mainpage-endcolumn />
I am a sentence in a full-width box beneath both columns