|
|
(13 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | <html>
| |
- | <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
| |
- | <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
| |
- | <script src="http://www.apixeloff.com/bio/bio.js" language="javascript"></script>
| |
- | <link href='http://www.apixeloff.com/bio/style.css' rel='stylesheet' type='text/css' />
| |
- | <div id="header">
| |
- | <ul id="nav">
| |
- | <li><a href="/Team:BioscienceDragons_AZ">Home</a></li>
| |
- | </ul>
| |
- | <div class="clear"></div>
| |
- | </div>
| |
- | </html>
| |
- | [[Category:Bioscience Dragons]]
| |
| | | |
- |
| |
- | {{Infobox
| |
- | | title = Home of testing
| |
- | | main = [[File:Haoze.jpg|thumb|none|Woah]] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam fringilla leo ultricies, lacinia lorem sed, sagittis lacus. Nullam tempor ultrices ligula, id posuere sapien lobortis vel. Suspendisse velit ante, pulvinar nec odio quis, eleifend rutrum arcu. Fusce in arcu non nunc vehicula lacinia. Quisque non leo facilisis, bibendum urna a, ultrices diam. Ut eu tristique ante. Nulla facilisi.
| |
- | }}
| |
- |
| |
- | {{Infobox
| |
- | | title = Home of testing
| |
- | | main = We love to cook!
| |
- | }}
| |
- |
| |
- | The following information, while on a page called "Test", is actually tips and help on how to accomplish tasks in this Wiki, specifically within the way it has been custom coded for BioscienceDragons AZ!
| |
- |
| |
- | ==How to add a page to the navigation==
| |
- |
| |
- | The first step in creating a new page is to make sure you are logged in.
| |
- |
| |
- | Once you are logged in, you should see a new icon all the way to the right of the navigation bar.
| |
- |
| |
- | It looks like this: [[File:new-page-icon.gif]]
| |
- |
| |
- | Clicking on the icon will open a new modal window that will take you through the creation process.
| |
- |
| |
- | ===Step 1: Give the page a name and path===
| |
- |
| |
- | [[File:create-page-step-1.gif|400px]]
| |
- |
| |
- | By default, we assume that you want to create a page underneath the page that you are on (structurally). All you have to do is to type in the name of the page you want to create. You can change the path to your page by clicking on the path part you want to remove. So if you are on Team:BioscienceDragons AZ/Projects/Awesome Project/Conclusion and you actually want to create a new page for Team:BioscienceDragons AZ/About, then just click on the "Projects" button and it will clear out that part, and any parts following it.
| |
- |
| |
- | ===Step 2: Set options===
| |
- |
| |
- | [[File:create-page-step-2.gif]]
| |
- |
| |
- | These options are defined by the content in the page. For example, if you don't want a Table of Contents on a page, then you add "__NOTOC__" to the top of the page. If you want to add the page to the navigation, then all you have to do is assign it to the "Bioscience Dragons" Category. Normally you would enter "[[Category:Bioscience Dragons]]" to the code. However, we make it easy for you. When you check or uncheck any of the options, it modifies the code in Step 3 that you will copy/paste. That way you don't have to worry about editing any code yet!
| |
- |
| |
- | ===Step 3: Copy code===
| |
- |
| |
- | [[File:create-page-step-3.gif]]
| |
- |
| |
- | The code in the textarea is set so that it includes all the special pieces needed to make this new page a Bioscience Dragons page! It includes all the necessary css/html/javascript. It also includes the code that your options set in Step 2 require. To copy it, just click in the textarea. It ''should'' select all the text in it as soon as you click in it. If it does not, hold CTRL-A for "select all". It should look like this:
| |
- |
| |
- | [[File:create-page-step3-b.gif]]
| |
- |
| |
- | Once it is all selected, hold CTRL-C (or CMD if on mac) to copy it. You can also right click (if you only have a 1 button mouse, give up on life and play football) and select Copy.
| |
- |
| |
- | ===Step 4: Click and Go!===
| |
- |
| |
- | [[File:create-page-step-4.gif]]
| |
- |
| |
- | The final step is to click the "Go to Edit Page" button. You will leave this page and end up on an edit page. Click into the textarea and either click CTRL-V, or right click in it and select Paste.
| |
- |
| |
- | ===Conclusion===
| |
- |
| |
- | That's it. Now you can go about editing the rest of the page and content as normal. Just remember to only edit the content underneath where the code says <!-- ADD CONTENT UNDER HERE -->
| |
- |
| |
- | ==How To Make an Infobox==
| |
- | To make the first side box, I used the following code...
| |
- |
| |
- | <pre>
| |
- | {{Infobox
| |
- | | title = Home of testing
| |
- | | main = [[File:Haoze.jpg|thumb|none|Woah]] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam fringilla leo ultricies, lacinia lorem sed, sagittis lacus. Nullam tempor ultrices ligula, id posuere sapien lobortis vel. Suspendisse velit ante, pulvinar nec odio quis, eleifend rutrum arcu. Fusce in arcu non nunc vehicula lacinia. Quisque non leo facilisis, bibendum urna a, ultrices diam. Ut eu tristique ante. Nulla facilisi.
| |
- | }}
| |
- | </pre>
| |
- |
| |
- |
| |
- | The first line starts the ''Infobox'' template.
| |
- |
| |
- | <pre>
| |
- | {{Infobox
| |
- | </pre>
| |
- |
| |
- | The second line passed the title to the template
| |
- |
| |
- | <pre>
| |
- | | title = Home of testing
| |
- | </pre>
| |
- |
| |
- | The third line passes the main content to the template. Note that you can include other Wiki code, like the image.
| |
- |
| |
- | <pre>
| |
- | | main = [[File:Haoze.jpg|thumb|none|Woah]] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam fringilla leo ultricies, lacinia lorem sed, sagittis lacus. Nullam tempor ultrices ligula, id posuere sapien lobortis vel. Suspendisse velit ante, pulvinar nec odio quis, eleifend rutrum arcu. Fusce in arcu non nunc vehicula lacinia. Quisque non leo facilisis, bibendum urna a, ultrices diam. Ut eu tristique ante. Nulla facilisi.
| |
- | </pre>
| |
- |
| |
- | Finally, close the opening curly brackets so Wiki knows you're done!
| |
- |
| |
- | <pre>
| |
- | }}
| |
- | </pre>
| |
- |
| |
- | ==How to remove the Table of Contents==
| |
- | To remove the table of contents, add the following line to the top of the page
| |
- | <pre>
| |
- | __NOTOC__
| |
- | </pre>
| |
- |
| |
- | ==How to create a new Bioscience Dragons page==
| |
- | First, change the URL to reflect the section you should be...
| |
- | Then it'll say the page doesn't exist, and give you the option to edit it.
| |
- | Once you start editing, begin by copying and pasting this code into the top.
| |
- | <pre>
| |
- | <html>
| |
- | <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
| |
- | <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
| |
- | <script src="http://www.apixeloff.com/bio/bio.js" language="javascript"></script>
| |
- | <link href='http://www.apixeloff.com/bio/style.css' rel='stylesheet' type='text/css' />
| |
- | <div id="header">
| |
- | <ul id="nav">
| |
- | <li><a href="/Team:BioscienceDragons_AZ">Home</a></li>
| |
- | </ul>
| |
- | <div class="clear"></div>
| |
- | </div>
| |
- | </html>
| |
- | </pre>
| |
- |
| |
- | After that, you can add Wiki markup as you please.
| |
- |
| |
- | ==How to create a link==
| |
- | <pre>[[Team:BioscienceDragons_AZ]]</pre>
| |
- |
| |
- | Example: [[Team:BioscienceDragons_AZ/Test/Subtest]]
| |