Team:BioscienceDragons AZ/Help

From 2013hs.igem.org

(Difference between revisions)
(How to add a page to the navigation)
Line 26: Line 26:
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!
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==
+
==How to Add a Page==
The first step in creating a new page is to make sure you are logged in.  
The first step in creating a new page is to make sure you are logged in.  

Revision as of 22:51, 18 June 2013


Home of testing
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.
Home of testing
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!

Contents

How to Add a Page

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

650px

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 "" 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

How To Make an Infobox

To make the first side box, I used the following code...

{{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.
}}


The first line starts the Infobox template.

{{Infobox

The second line passed the title to the template

| title = Home of testing

The third line passes the main content to the template. Note that you can include other Wiki code, like the image.

| 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.

Finally, close the opening curly brackets so Wiki knows you're done!

}}

How to remove the Table of Contents

To remove the table of contents, add the following line to the top of the page

__NOTOC__

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.

<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>

After that, you can add Wiki markup as you please.

How to create a link

[[Team:BioscienceDragons_AZ]]

Example: Team:BioscienceDragons_AZ/Test/Subtest