"
Team:Bielefeld-Germany/Example
From 2012.igem.org
| Line 87: | Line 87: | ||
One of the most important things is to include pictures or diagrams. The first step is to uplade your picture. Use the "Upload" button at the bottom of each iGEM-page (remember: Uploading a picture is only possible if you are logged in). When uploading you have to make sure to have the appropriate rigths and to start the file name with Bielefeld2012_(and here comes the actual name). And now you decide how to arrange the picture and include it in the webpage:<br/> | One of the most important things is to include pictures or diagrams. The first step is to uplade your picture. Use the "Upload" button at the bottom of each iGEM-page (remember: Uploading a picture is only possible if you are logged in). When uploading you have to make sure to have the appropriate rigths and to start the file name with Bielefeld2012_(and here comes the actual name). And now you decide how to arrange the picture and include it in the webpage:<br/> | ||
| - | [[File:Bielefeld2012_Discodopsis.jpg|200px|center| | + | [[File:Bielefeld2012_Discodopsis.jpg|200px|thumb|center|Discodopsis likes the dance floor!]] |
<!-- This is how you include a picture. There are also a few things you need to know: | <!-- This is how you include a picture. There are also a few things you need to know: | ||
* After the uploaded file you can decide which sixe in pixles your picture should have. | * After the uploaded file you can decide which sixe in pixles your picture should have. | ||
| + | * "thumb" makes a frame. | ||
* You can also choose the adjustment (center, left, right). | * You can also choose the adjustment (center, left, right). | ||
* At the end you can insert the caption if necessary. | * At the end you can insert the caption if necessary. | ||
* Seperate these options with a "|". | * Seperate these options with a "|". | ||
| - | + | * There are a lot more options you can adjust, like links and more (check out the media wiki page). | |
| + | --> | ||
| - | + | ===Some more facts to make your text even more prettier=== | |
| - | + | ||
| + | Your text can be written in ''italics'', '''bold''' (or '''''both of it'''''), <span style="text-decoration: underline;">underlined</span> or <strike> striked</strike>. Also you can arrange your text | ||
| + | <center> centered </center> | ||
| + | <left> left </left> | ||
| + | <right> or right. </right> | ||
| + | |||
Also you can arrange your text<p align="center">centered,</p><br> | Also you can arrange your text<p align="center">centered,</p><br> | ||
<p align="left">left</p><br> | <p align="left">left</p><br> | ||
| Line 115: | Line 122: | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
Revision as of 07:49, 10 August 2012
I am a centered header (Getting started)
See how awesome justification is: Awesome justification! Awesome justification! Awesome justification! See how awesome justification is: Awesome justification! Awesome justification! Awesome justification! See how awesome justification is: Awesome justification! Awesome justification! Awesome justification! See how awesome justification is: Awesome justification! Awesome justification! Awesome justification! See how awesome justification is: Awesome justification! Awesome justification! Awesome justification! See how awesome justification is: Awesome justification! Awesome justification! Awesome justification!
See how awesome justification is: Awesome justification! Awesome justification! Awesome justification! See how awesome justification is: Awesome justification! Awesome justification! Awesome justification! See how awesome justification is: Awesome justification! Awesome justification! Awesome justification! See how awesome justification is: Awesome justification! Awesome justification! Awesome justification! See how awesome justification is: Awesome justification! Awesome justification! Awesome justification! See how awesome justification is: Awesome justification! Awesome justification! Awesome justification!
Creating a table and other useful hints
Tables
Let´s create a table. Because tables are pretty.
| column header 1 | column header 2 | column header 3 |
|---|---|---|
| the first row | a column | another column |
| the second row | a column | another column |
| the third row | a column | another column |
Enumerations and Lists
And we can do more. Enumerations!
- enumeration yeah
- enumeration yeah
- enumeration yeah yeah
- enumeration yeah yeah
- enumeration yeah
- enumeration yeah
Or do you prefer lists like this one?
- one
- two
- and one two three four
- let's rock!
Links
There are two important possibilities to include a link in your text. The first one is to refer to a wiki page, for example our home page. You can also refer to an external page. And there wouldn't be a better example than our [http://2012.igem-bielefeld.de/ german homepage]. :)
Did we talk about pictures yet?
One of the most important things is to include pictures or diagrams. The first step is to uplade your picture. Use the "Upload" button at the bottom of each iGEM-page (remember: Uploading a picture is only possible if you are logged in). When uploading you have to make sure to have the appropriate rigths and to start the file name with Bielefeld2012_(and here comes the actual name). And now you decide how to arrange the picture and include it in the webpage:
Some more facts to make your text even more prettier
Your text can be written in italics, bold (or both of it), underlined or striked. Also you can arrange your text
<left> left </left> <right> or right. </right>
Also you can arrange your textcentered,
left
or right.
I am starting a subtopic!
Now, a little more senseless text: Cheese, onion, pizza, food in general! Let´s close this with a picture. br> tr> br> i>italics i>italics /a> as above. -->
