1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. To chat with the GameOgre community, you need to have at least 100 posts. Once you have the 100 posts, post at Become A New Ogre
    Dismiss Notice

Guide_to_Editing_the_Wiki

Discussion in 'Wiki' started by awesomedrako, Apr 4, 2010.

Thread Status:
Not open for further replies.
  1. awesomedrako

    awesomedrako Clubbed

    Messages:
    2,703
    Likes Received:
    463
    Trophy Points:
    0
    Credit:
    2,856.14
    <p><span style="font-size: x-large;"><span style="text-decoration: underline;"><strong>Guide to Editing the Wiki</strong></span></span></p>
    <p><span style="font-size: x-large;"><span style="font-size: small;">This is a guide to editing this wiki. If you already know tricks to editing the wiki, feel free to add them to this guide.</span></span></p>
    <p><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="text-decoration: underline;"><strong>Creating a Page</strong></span></span></span></span></p>
    <p><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;">To create a page, simply type in the name of your page in search box on the left hand side, and click 'Go' (or press Enter). If the page doesn't exist yet, then the Wiki will ask you whether you want to <strong>create</strong> it. Click the <strong>create</strong> link to create a page with the name you typed in.</span><br /></span></span></span></p>
     
  2. awesomedrako

    awesomedrako Clubbed

    Messages:
    2,703
    Likes Received:
    463
    Trophy Points:
    0
    Credit:
    2,856.14
    Adding more

    <p><span style="font-size: xx-large;"><span style="text-decoration: underline;"><strong>Guide to Editing the Wiki</strong></span></span></p>
    <p><span style="font-size: x-large;"><span style="font-size: small;">This is a guide to editing this wiki. If you already know tricks to editing the wiki, feel free to add them to this guide.</span></span></p>
    <p><span style="font-size: x-large;"><span style="text-decoration: underline;"><strong>Creating a Page</strong></span></span></p>
    <p><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;">To create a page, simply type in the name of your page in search box on the left hand side, and click 'Go' (or press Enter). If the page doesn't exist yet, then the Wiki will ask you whether you want to <strong>create</strong> it. Click the <strong>create</strong> link to create a page with the name you typed in.</span></span></span></span></p>
    <p><span style="font-size: x-large;"><span style="text-decoration: underline;"><strong>Editing a Page</strong></span></span></p>
    <p><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;">To start editing a page, simply click the option on the right-hand side to <strong>Edit Article</strong>. This wiki uses a WYSIWYG (What You See Is What You Get) editor, and provides a GUI with many tools to use. Most people would probably not use many of those tools. I will try to explain as many of them as I can. If you have used a word processor before, some of these will be familiar to you. These are listed in order, from left to right, top to bottom.</span></span></span></span></span></span></p>
    <p><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><strong>Top Row</strong></span><br /></span></span></span></span></span></span></p>
    <ul>
    <li><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Bold, Italics, Underline and Strikeout:</strong> Each one affects any text you highlight before you click them. <strong>Bold</strong> makes them bolder, which makes the font look thicker, and makes them stand out more. Italics turns the text into an intalicized version, which makes the font look diagonal. Underline underlines the text, placing a line below it. Strikeout crosses out the text, putting a line through the middle of it. These can all be combined with each other, and with other tools that affect the text.</span></span></span></span></span></span></li>
    <li><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Alignment:</strong> These four buttons align the selected text.
    <table border="0">
    <tbody style="text-align: left;">
    <tr style="text-align: left;">
    <td style="text-align: left;"><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Align Left</strong> is the default look of all text. It makes the text start from the left, carry on to the right until there is no room anymore, and move onto the next line.</span></span></span></span></span></span>
    <div style="text-align: center;"><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Align Center </strong>makes the text start from a point in the middle, and expand in both ways. The text ends up being in the middle of the page/table.</span></span></span></span></span></span></div>
    <div style="text-align: right;"><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Align Right </strong>is the opposite of Align Left. It makes the text start from the right, and go towards the left.</span></span></span></span></span></span></div>
    <div style="text-align: justify;"><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Align Full (Or Justified for Office users)</strong> tries to make the text fill up both sides of the page/table. Align Left makes the text start from the left, and Align Right from the right, but Align Full pulls the text so that it will fill up an entire line (only when an entire line is full) of text.</span></span></span></span></span></span><br /><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"></span></span></span></span></span></div>
    </td>
    </tr>
    </tdisallowedtag>
    </table>
    </span></span></span></span></span></span><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"></span></span></span></span></span></li>
    <li><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Font Family: </strong>This allows you to choose a font from a list. The editor uses its own list of font, not those from your computer. You may choose your own font for an article, but if you click <strong>Font family </strong>from the drop-down list, then you can choose the default font of whatever browser you are using. This means that anyone can choose their own font from the options in their browser, and it would mean that all Wiki articles set to the default font will look the same to each person, no matter what font they chose.</span></span></span></span></span></span></li>
    <li><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Font Size: </strong>This allows you to choose a font size from a list. Again, the editor has its own set of font sizes, and additional font sizes cannot be typed into this box. The default size of font is 12 pts. <span style="font-size: xx-small;">The smallest font size is 8 pts. <span style="font-size: xx-large;">And the largest is 36 pts.</span></span></span></span></span></span></span></span></li>
    <li><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: xx-small;"></span><strong>Text and Background Color: </strong>This allows you to choose what colour some text will be, and what colour the background <span style="background-color: #ffffff;">of that some text will be (effectively, it allows you to highlight some text). The default text colour is black, and background colour white. As an example, <span style="background-color: #ff9900;"><span style="color: #0000ff;">here is some blue text with an orange background.</span></span></span></span></span></span></span></span></span></li>
    </ul>
    <span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="background-color: #ffffff;"><span style="background-color: #ff9900;"><span style="color: #0000ff;"><br /></span></span></span></span></span></span></span></span></span><br /><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"></span></span></span></span><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"></span></span></span></span></span>
     
  3. awesomedrako

    awesomedrako Clubbed

    Messages:
    2,703
    Likes Received:
    463
    Trophy Points:
    0
    Credit:
    2,856.14
    Adding more

    <p><span style="font-size: xx-large;"><span style="text-decoration: underline;"><strong>Guide to Editing the Wiki</strong></span></span></p>
    <p><span style="font-size: x-large;"><span style="font-size: small;">This is a guide to editing this wiki. If you already know tricks to editing the wiki, feel free to add them to this guide.</span></span></p>
    <p><span style="font-size: x-large;"><span style="text-decoration: underline;"><strong>Creating a Page</strong></span></span></p>
    <p><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;">To create a page, simply type in the name of your page in search box on the left hand side, and click 'Go' (or press Enter). If the page doesn't exist yet, then the Wiki will ask you whether you want to <strong>create</strong> it. Click the <strong>create</strong> link to create a page with the name you typed in.</span></span></span></span></p>
    <p><span style="font-size: x-large;"><span style="text-decoration: underline;"><strong>Editing a Page</strong></span></span></p>
    <p><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;">To start editing a page, simply click the option on the right-hand side to <strong>Edit Article</strong>. This wiki uses a WYSIWYG (What You See Is What You Get) editor, and provides a GUI with many tools to use. Most people would probably not use many of those tools. I will try to explain as many of them as I can. If you have used a word processor before, some of these will be familiar to you. These are listed in order, from left to right, top to bottom.</span></span></span></span></span></span></p>
    <p><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><strong>Top Row</strong></span><br /></span></span></span></span></span></span></p>
    <ul>
    <li><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Bold, Italics, Underline and Strikeout:</strong> Each one affects any text you highlight before you click them. <strong>Bold</strong> makes them bolder, which makes the font look thicker, and makes them stand out more. Italics turns the text into an intalicized version, which makes the font look diagonal. Underline underlines the text, placing a line below it. Strikeout crosses out the text, putting a line through the middle of it. These can all be combined with each other, and with other tools that affect the text.</span></span></span></span></span></span></li>
    <li><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Alignment:</strong> These four buttons align the selected text.
    <table border="0">
    <tbody style="text-align: left;">
    <tr style="text-align: left;">
    <td style="text-align: left;"><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Align Left</strong> is the default look of all text. It makes the text start from the left, carry on to the right until there is no room anymore, and move onto the next line.</span></span></span></span></span></span>
    <div style="text-align: center;"><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Align Center </strong>makes the text start from a point in the middle, and expand in both ways. The text ends up being in the middle of the page/table.</span></span></span></span></span></span></div>
    <div style="text-align: right;"><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Align Right </strong>is the opposite of Align Left. It makes the text start from the right, and go towards the left.</span></span></span></span></span></span></div>
    <div style="text-align: justify;"><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Align Full (Or Justified for Office users)</strong> tries to make the text fill up both sides of the page/table. Align Left makes the text start from the left, and Align Right from the right, but Align Full pulls the text so that it will fill up an entire line (only when an entire line is full) of text.</span></span></span></span></span></span><br /></div>
    </td>
    </tr>
    </tdisallowedtag>
    </table>
    </span></span></span></span></span></span></li>
    <li><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Font Family: </strong>This allows you to choose a font from a list. The editor uses its own list of font, not those from your computer. You may choose your own font for an article, but if you click <strong>Font family </strong>from the drop-down list, then you can choose the default font of whatever browser you are using. This means that anyone can choose their own font from the options in their browser, and it would mean that all Wiki articles set to the default font will look the same to each person, no matter what font they chose.</span></span></span></span></span></span></li>
    <li><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Font Size: </strong>This allows you to choose a font size from a list. Again, the editor has its own set of font sizes, and additional font sizes cannot be typed into this box. The default size of font is 12 pts. <span style="font-size: xx-small;">The smallest font size is 8 pts. <span style="font-size: xx-large;">And the largest is 36 pts.</span></span></span></span></span></span></span></span></li>
    <li><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Text and Background Color: </strong>This allows you to choose what colour some text will be, and what colour the background <span style="background-color: #ffffff;">of that some text will be (effectively, it allows you to highlight some text). The default text colour is black, and background colour white. As an example, <span style="background-color: #ff9900;"><span style="color: #0000ff;">here is some blue text with an orange background.</span></span></span></span></span></span></span></span></span></li>
    </ul>
    <p><span style="font-size: x-large;"><span style="font-size: small;"></span></span><strong><span style="font-size: large;">Second Row</span></strong></p>
    <ul>
    <li><strong>Cut, Copy, Paste:</strong> Anyone that's fairly familiar with Windows should know what these do. To use any the first two, you must first highlight something, whether it be a table (will explain these later), some text, or a picture. First, <strong>Cut</strong>. Cut takes your highlighted thing, saves it to the editor's clipboard, then deletes it. <strong>Copy</strong> also saves the highlighted thing to the clipboard, except it does not delete the highlighted thing. The <strong>clipboard</strong> is a small storage of what you recently copied/cutted. It can only store one cut/copied thing at a time, and will empty itself when you go to another page or leave the editor. <strong>Paste</strong> will take what is in the clipboard, and place it wherever your <strong>caret/insertion point</strong> (the flashing vertical line that you type text in) is. Note that Paste won't do anything if there is nothing on the clipboard. <strong><span style="color: #ff0000;">WARNING: Firefox users won't have access to the built-in cut, copy, and paste tools, but will have access to Firefox's own cut, copy, and paste. Also, you will access to the below special paste tools.<br /></span></strong></li>
    <li><strong>Paste as Plain Text, Paste from Word</strong>: These are special Paste tools, that do not rely on the built-in <strong>clipboard</strong>. When you click either of them, a little window will come up. For Paste as Plain Text, you can copy and paste any text the little window, whatever the formatting, from anywhere, and it will paste the text into the editor, in Plain Text (which means it will come out in the default font, size, and colour). Paste from Word allows you to copy and paste any text into the little window, and it should try to save the formatting of it (so you could paste in some text you recently formatted in Word, and it should come out the same by using this tool).</li>
    </ul>
     
  4. awesomedrako

    awesomedrako Clubbed

    Messages:
    2,703
    Likes Received:
    463
    Trophy Points:
    0
    Credit:
    2,856.14
    Adding more

    <p><span style="font-size: xx-large;"><span style="text-decoration: underline;"><strong>Guide to Editing the Wiki</strong></span></span></p>
    <p><span style="font-size: x-large;"><span style="font-size: small;">This is a guide to editing this wiki. If you already know tricks to editing the wiki, feel free to add them to this guide.</span></span></p>
    <p><span style="font-size: x-large;"><span style="text-decoration: underline;"><strong>Creating a Page</strong></span></span></p>
    <p><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;">To create a page, simply type in the name of your page in search box on the left hand side, and click 'Go' (or press Enter). If the page doesn't exist yet, then the Wiki will ask you whether you want to <strong>create</strong> it. Click the <strong>create</strong> link to create a page with the name you typed in.</span></span></span></span></p>
    <p><span style="font-size: x-large;"><span style="text-decoration: underline;"><strong>Editing a Page</strong></span></span></p>
    <p><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;">To start editing a page, simply click the option on the right-hand side to <strong>Edit Article</strong>. This wiki uses a WYSIWYG (What You See Is What You Get) editor, and provides a GUI with many tools to use. Most people would probably not use many of those tools. I will try to explain as many of them as I can. If you have used a word processor before, some of these will be familiar to you. These are listed in order, from left to right, top to bottom.</span></span></span></span></span></span></p>
    <p><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><strong>Top Row - Formatting</strong></span><br /></span></span></span></span></span></span></p>
    <ul>
    <li><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Bold, Italics, Underline and Strikeout:</strong> Each one affects any text you highlight before you click them. <strong>Bold</strong> makes them bolder, which makes the font look thicker, and makes them stand out more. Italics turns the text into an intalicized version, which makes the font look diagonal. Underline underlines the text, placing a line below it. Strikeout crosses out the text, putting a line through the middle of it. These can all be combined with each other, and with other tools that affect the text.</span></span></span></span></span></span></li>
    <li><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Alignment:</strong> These four buttons align the selected text.
    <table border="0">
    <tbody style="text-align: left;">
    <tr style="text-align: left;">
    <td style="text-align: left;"><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Align Left</strong> is the default look of all text. It makes the text start from the left, carry on to the right until there is no room anymore, and move onto the next line.</span></span></span></span></span></span>
    <div style="text-align: center;"><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Align Center </strong>makes the text start from a point in the middle, and expand in both ways. The text ends up being in the middle of the page/table.</span></span></span></span></span></span></div>
    <div style="text-align: right;"><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Align Right </strong>is the opposite of Align Left. It makes the text start from the right, and go towards the left.</span></span></span></span></span></span></div>
    <div style="text-align: justify;"><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Align Full (Or Justified for Office users)</strong> tries to make the text fill up both sides of the page/table. Align Left makes the text start from the left, and Align Right from the right, but Align Full pulls the text so that it will fill up an entire line (only when an entire line is full) of text.</span></span></span></span></span></span><br /></div>
    </td>
    </tr>
    </tdisallowedtag>
    </table>
    </span></span></span></span></span></span></li>
    <li><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Font Family: </strong>This allows you to choose a font from a list. The editor uses its own list of font, not those from your computer. You may choose your own font for an article, but if you click <strong>Font family </strong>from the drop-down list, then you can choose the default font of whatever browser you are using. This means that anyone can choose their own font from the options in their browser, and it would mean that all Wiki articles set to the default font will look the same to each person, no matter what font they chose.</span></span></span></span></span></span></li>
    <li><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Font Size: </strong>This allows you to choose a font size from a list. Again, the editor has its own set of font sizes, and additional font sizes cannot be typed into this box. The default size of font is 12 pts. <span style="font-size: xx-small;">The smallest font size is 8 pts. <span style="font-size: xx-large;">And the largest is 36 pts.</span></span></span></span></span></span></span></span></li>
    <li><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Text and Background Color: </strong>This allows you to choose what colour some text will be, and what colour the background <span style="background-color: #ffffff;">of that some text will be (effectively, it allows you to highlight some text). The default text colour is black, and background colour white. As an example, <span style="background-color: #ff9900;"><span style="color: #0000ff;">here is some blue text with an orange background.</span></span></span></span></span></span></span></span></span></li>
    </ul>
    <p><span style="font-size: x-large;"></span><strong><span style="font-size: large;">Second Row - Some Tools, and more Formatting<br /></span></strong></p>
    <ul>
    <li><strong>Cut, Copy, Paste:</strong> Anyone that's fairly familiar with Windows should know what these do. To use any the first two, you must first highlight something, whether it be a table (will explain these later), some text, or a picture. First, <strong>Cut</strong>. Cut takes your highlighted thing, saves it to the editor's clipboard, then deletes it. <strong>Copy</strong> also saves the highlighted thing to the clipboard, except it does not delete the highlighted thing. The <strong>clipboard</strong> is a small storage of what you recently copied/cutted. It can only store one cut/copied thing at a time, and will empty itself when you go to another page or leave the editor. <strong>Paste</strong> will take what is in the clipboard, and place it wherever your <strong>caret/insertion point</strong> (the flashing vertical line that you type text in) is. Note that Paste won't do anything if there is nothing on the clipboard. <strong><span style="color: #ff0000;">WARNING: Firefox users won't have access to the built-in cut, copy, and paste tools, but will have access to Firefox's own cut, copy, and paste. Also, you will access to the below special paste tools.<br /></span></strong></li>
    <li><strong>Paste as Plain Text, Paste from Word</strong>: These are special Paste tools, that do not rely on the built-in <strong>clipboard</strong>. When you click either of them, a little window will come up. For Paste as Plain Text, you can copy and paste any text the little window, whatever the formatting, from anywhere, and it will paste the text into the editor, in Plain Text (which means it will come out in the default font, size, and colour). Paste from Word allows you to copy and paste any text into the little window, and it should try to save the formatting of it (so you could paste in some text you recently formatted in Word, and it should come out the same by using this tool).</li>
    </ul>
     
  5. awesomedrako

    awesomedrako Clubbed

    Messages:
    2,703
    Likes Received:
    463
    Trophy Points:
    0
    Credit:
    2,856.14
    Adding more

    <p><span style="font-size: xx-large;"><span style="text-decoration: underline;"><strong>Guide to Editing the Wiki</strong></span></span></p>
    <p><span style="font-size: x-large;"><span style="font-size: small;">This is a guide to editing this wiki. If you already know tricks to editing the wiki, feel free to add them to this guide.</span></span></p>
    <p><span style="font-size: x-large;"><span style="text-decoration: underline;"><strong>Creating a Page</strong></span></span></p>
    <p><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;">To create a page, simply type in the name of your page in search box on the left hand side, and click 'Go' (or press Enter). If the page doesn't exist yet, then the Wiki will ask you whether you want to <strong>create</strong> it. Click the <strong>create</strong> link to create a page with the name you typed in.</span></span></span></span></p>
    <p><span style="font-size: x-large;"><span style="text-decoration: underline;"><strong>Editing a Page<br /></strong></span></span></p>
    <p><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;">To start editing a page, simply click the option on the right-hand side to <strong>Edit Article</strong>. </span></span></span></span></span></span></p>
    <p><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="text-decoration: underline;"><strong>What are all these buttons?</strong></span></span><br /></span></span></span></span></span></span></p>
    <p><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;">This wiki uses a WYSIWYG (What You See Is What You Get) editor, and provides a GUI with many tools to use. Most people would probably not use many of those tools. I will try to explain as many of them as I can. If you have used a word processor before, some of these will be familiar to you. These are listed in order, from left to right, top to bottom. Note that sometimes, the easiest way to learn is to do, so use these tools as I explain them, it'll help you get them.<br /></span></span></span></span></span></span></p>
    <p><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><strong>Top Row - Formatting</strong></span><br /></span></span></span></span></span></span></p>
    <ul>
    <li><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Bold, Italics, Underline and Strikeout:</strong> Each one affects any text you highlight before you click them. <strong>Bold</strong> makes them bolder, which makes the font look thicker, and makes them stand out more. Italics turns the text into an intalicized version, which makes the font look diagonal. Underline underlines the text, placing a line below it. Strikeout crosses out the text, putting a line through the middle of it. These can all be combined with each other, and with other tools that affect the text.</span></span></span></span></span></span></li>
    <li><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Alignment:</strong> These four buttons align the selected text.
    <table border="0">
    <tbody style="text-align: left;">
    <tr style="text-align: left;">
    <td style="text-align: left;"><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Align Left</strong> is the default look of all text. It makes the text start from the left, carry on to the right until there is no room anymore, and move onto the next line.</span></span></span></span></span></span>
    <div style="text-align: center;"><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Align Center </strong>makes the text start from a point in the middle, and expand in both ways. The text ends up being in the middle of the page/table.</span></span></span></span></span></span></div>
    <div style="text-align: right;"><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Align Right </strong>is the opposite of Align Left. It makes the text start from the right, and go towards the left.</span></span></span></span></span></span></div>
    <div style="text-align: justify;"><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Align Full (Or Justified for Office users)</strong> tries to make the text fill up both sides of the page/table. Align Left makes the text start from the left, and Align Right from the right, but Align Full pulls the text so that it will fill up an entire line (only when an entire line is full) of text.</span></span></span></span></span></span><br /></div>
    </td>
    </tr>
    </tdisallowedtag>
    </table>
    </span></span></span></span></span></span></li>
    <li><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Font Family: </strong>This allows you to choose a font from a list. The editor uses its own list of font, not those from your computer. You may choose your own font for an article, but if you click <strong>Font family </strong>from the drop-down list, then you can choose the default font of whatever browser you are using. This means that anyone can choose their own font from the options in their browser, and it would mean that all Wiki articles set to the default font will look the same to each person, no matter what font they chose.</span></span></span></span></span></span></li>
    <li><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Font Size: </strong>This allows you to choose a font size from a list. Again, the editor has its own set of font sizes, and additional font sizes cannot be typed into this box. The default size of font is 12 pts. <span style="font-size: xx-small;">The smallest font size is 8 pts. <span style="font-size: xx-large;">And the largest is 36 pts.</span></span></span></span></span></span></span></span></li>
    <li><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Text and Background Color: </strong>This allows you to choose what colour some text will be, and what colour the background <span style="background-color: #ffffff;">of that some text will be (effectively, it allows you to highlight some text). The default text colour is black, and background colour white. As an example, <span style="background-color: #ff9900;"><span style="color: #0000ff;">here is some blue text with an orange background.</span></span></span></span></span></span></span></span></span></li>
    </ul>
    <p><strong><span style="font-size: large;">Second Row - Some Tools, and more Formatting<br /></span></strong></p>
    <ul>
    <li><strong>Cut, Copy, Paste:</strong> Anyone that's fairly familiar with Windows should know what these do. To use any the first two, you must first highlight something, whether it be a table (will explain these later), some text, or a picture. First, <strong>Cut</strong>. Cut takes your highlighted thing, saves it to the editor's clipboard, then deletes it. <strong>Copy</strong> also saves the highlighted thing to the clipboard, except it does not delete the highlighted thing. The <strong>clipboard</strong> is a small storage of what you recently copied/cutted. It can only store one cut/copied thing at a time, and will empty itself when you go to another page or leave the editor. <strong>Paste</strong> will take what is in the clipboard, and place it wherever your <strong>caret/insertion point</strong> (the flashing vertical line that you type text in) is. Note that Paste won't do anything if there is nothing on the clipboard. <strong><span style="color: #ff0000;">WARNING: Firefox users won't have access to the built-in cut, copy, and paste tools, but will have access to Firefox's own cut, copy, and paste. Also, you will access to the below special paste tools.<br /></span></strong></li>
    <li><strong>Paste as Plain Text, Paste from Word</strong>: These are special Paste tools, that do not rely on the built-in <strong>clipboard</strong>. When you click either of them, a little window will come up. For Paste as Plain Text, you can copy and paste any text the little window, whatever the formatting, from anywhere, and it will paste the text into the editor, in Plain Text (which means it will come out in the default font, size, and colour). Paste from Word allows you to copy and paste any text into the little window, and it should try to save the formatting of it (so you could paste in some text you recently formatted in Word, and it should come out the same by using this tool).</li>
    <li><strong>Find/Replace</strong>: There are two buttons next, but both lead to the same tool, but just different tabs of that tool. <strong>Find</strong> (the left one) leads to the Find tab of the <strong>Find/Replace</strong> tool. <strong>Find/Replace</strong> (the right one) leads to the Find/Replace tab (though it's titled Replace) of the <strong>Find/Replace</strong> tool.</li>
    </ul>
    <table style="text-align: center; width: 838px; height: 134px;" border="1" align="center">
    <tbody style="text-align: left;">
    <tr style="text-align: left;">
    <td style="text-align: left;">What is the Find/Replace tool? It's a tool that lets you find specific keywords within the text, and then replace those words with other words.</td>
    </tr>
    <tr>
    <td>The Find section does the finding (obviously). It works like a more limited version of the search found inside Internet Explorer. You can type something in the box, then choose whether you want to go up or down (from your <strong>caret/insertion point/flashing vertical line</strong>), then choose whether you want the word you typed in to be matched in case (so if you typed in Fire, only Fire will be found, not fire, or fIRE, or fIrE, or any other kind of uppercase/lowercase fire). Then clicking <strong>Find Next</strong> will find the first instance of the word you typed in, in the direction you specified, highlighting it. Clicking it multiple times will find the next time that word pops up in your edit (again, going up or down, depending on the direction you specified).<br /></td>
    </tr>
    <tr style="text-align: left;">
    <td style="text-align: left;">The <strong>Find/Replace</strong> section has everything of the previous Find tool, but adds on Replace functionalities. This time, you can type something in the <strong>Replace with</strong> box, and it'll give you the option of replacing words you find with what you type in the <strong>Replace/with </strong>box. You can still '<strong>Find Next</strong>', but there are two extra buttons. Replace, and Replace all. Replace will replace what your finding has highlighted. Replace all will replace every single word in your edit that you want to find, with what you want to replace it with.<br /></td>
    </tr>
    </tdisallowedtag>
    </table>
    <br /><br />
     
  6. awesomedrako

    awesomedrako Clubbed

    Messages:
    2,703
    Likes Received:
    463
    Trophy Points:
    0
    Credit:
    2,856.14
    Adding more

    <p style="padding-left: 30px;"><span style="font-size: xx-large;"><span style="text-decoration: underline;"><strong>Guide to Editing the Wiki</strong></span></span></p>
    <p><span style="font-size: x-large;"><span style="font-size: small;">This is a guide to editing this wiki. If you already know tricks to editing the wiki, feel free to add them to this guide.</span></span></p>
    <p><span style="font-size: x-large;"><span style="text-decoration: underline;"><strong>Creating a Page</strong></span></span></p>
    <p><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;">To create a page, simply type in the name of your page in search box on the left hand side, and click 'Go' (or press Enter). If the page doesn't exist yet, then the Wiki will ask you whether you want to <strong>create</strong> it. Click the <strong>create</strong> link to create a page with the name you typed in.</span></span></span></span></p>
    <p><span style="font-size: x-large;"><span style="text-decoration: underline;"><strong>Editing a Page<br /></strong></span></span></p>
    <p><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;">To start editing a page, simply click the option on the right-hand side to <strong>Edit Article</strong>. </span></span></span></span></span></span></p>
    <p><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="text-decoration: underline;"><strong>What are all these buttons?</strong></span></span><br /></span></span></span></span></span></span></p>
    <p><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;">This wiki uses a WYSIWYG (What You See Is What You Get) editor, and provides a GUI with many tools to use. Most people would probably not use many of those tools. I will try to explain as many of them as I can. If you have used a word processor before, some of these will be familiar to you. These are listed in order, from left to right, top to bottom. Note that sometimes, the easiest way to learn is to do, so use these tools as I explain them, it'll help you get them.<br /></span></span></span></span></span></span></p>
    <p><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><strong>Top Row - Formatting</strong></span><br /></span></span></span></span></span></span></p>
    <ul>
    <li><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Bold, Italics, Underline and Strikeout:</strong> Each one affects any text you highlight before you click them. <strong>Bold</strong> makes them bolder, which makes the font look thicker, and makes them stand out more. Italics turns the text into an intalicized version, which makes the font look diagonal. Underline underlines the text, placing a line below it. Strikeout crosses out the text, putting a line through the middle of it. These can all be combined with each other, and with other tools that affect the text.</span></span></span></span></span></span></li>
    <li><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Alignment:</strong> These four buttons align the selected text.
    <table border="0">
    <tbody style="text-align: left;">
    <tr style="text-align: left;">
    <td style="text-align: left;"><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Align Left</strong> is the default look of all text. It makes the text start from the left, carry on to the right until there is no room anymore, and move onto the next line.</span></span></span></span></span></span>
    <div style="text-align: center;"><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Align Center </strong>makes the text start from a point in the middle, and expand in both ways. The text ends up being in the middle of the page/table.</span></span></span></span></span></span></div>
    <div style="text-align: right;"><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Align Right </strong>is the opposite of Align Left. It makes the text start from the right, and go towards the left.</span></span></span></span></span></span></div>
    <div style="text-align: justify;"><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Align Full (Or Justified for Office users)</strong> tries to make the text fill up both sides of the page/table. Align Left makes the text start from the left, and Align Right from the right, but Align Full pulls the text so that it will fill up an entire line (only when an entire line is full) of text.</span></span></span></span></span></span><br /></div>
    </td>
    </tr>
    </tdisallowedtag>
    </table>
    </span></span></span></span></span></span></li>
    <li><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Font Family: </strong>This allows you to choose a font from a list. The editor uses its own list of font, not those from your computer. You may choose your own font for an article, but if you click <strong>Font family </strong>from the drop-down list, then you can choose the default font of whatever browser you are using. This means that anyone can choose their own font from the options in their browser, and it would mean that all Wiki articles set to the default font will look the same to each person, no matter what font they chose.</span></span></span></span></span></span></li>
    <li><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Font Size: </strong>This allows you to choose a font size from a list. Again, the editor has its own set of font sizes, and additional font sizes cannot be typed into this box. The default size of font is 12 pts. <span style="font-size: xx-small;">The smallest font size is 8 pts. <span style="font-size: xx-large;">And the largest is 36 pts.</span></span></span></span></span></span></span></span></li>
    <li><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Text and Background Color: </strong>This allows you to choose what colour some text will be, and what colour the background <span style="background-color: #ffffff;">of that some text will be (effectively, it allows you to highlight some text). The default text colour is black, and background colour white. As an example, <span style="background-color: #ff9900;"><span style="color: #0000ff;">here is some blue text with an orange background.</span></span></span></span></span></span></span></span></span></li>
    </ul>
    <p><strong><span style="font-size: large;">Second Row - Some Tools, and more Formatting<br /></span></strong></p>
    <ul>
    <li><strong>Cut, Copy, Paste:</strong> Anyone that's fairly familiar with Windows should know what these do. To use any the first two, you must first highlight something, whether it be a table (will explain these later), some text, or a picture. First, <strong>Cut</strong>. Cut takes your highlighted thing, saves it to the editor's clipboard, then deletes it. <strong>Copy</strong> also saves the highlighted thing to the clipboard, except it does not delete the highlighted thing. The <strong>clipboard</strong> is a small storage of what you recently copied/cutted. It can only store one cut/copied thing at a time, and will empty itself when you go to another page or leave the editor. <strong>Paste</strong> will take what is in the clipboard, and place it wherever your <strong>caret/insertion point</strong> (the flashing vertical line that you type text in) is. Note that Paste won't do anything if there is nothing on the clipboard. <strong><span style="color: #ff0000;">WARNING: Firefox users won't have access to the built-in cut, copy, and paste tools, but will have access to Firefox's own cut, copy, and paste. Also, you will access to the below special paste tools.<br /></span></strong></li>
    <li><strong>Paste as Plain Text, Paste from Word</strong>: These are special Paste tools, that do not rely on the built-in <strong>clipboard</strong>. When you click either of them, a little window will come up. For Paste as Plain Text, you can copy and paste any text the little window, whatever the formatting, from anywhere, and it will paste the text into the editor, in Plain Text (which means it will come out in the default font, size, and colour). Paste from Word allows you to copy and paste any text into the little window, and it should try to save the formatting of it (so you could paste in some text you recently formatted in Word, and it should come out the same by using this tool).</li>
    <li><strong>Find/Replace</strong>: There are two buttons next, but both lead to the same tool, but just different tabs of that tool. <strong>Find</strong> (the left one) leads to the Find tab of the <strong>Find/Replace</strong> tool. <strong>Find/Replace</strong> (the right one) leads to the Find/Replace tab (though it's titled Replace) of the <strong>Find/Replac</strong> tool.
    <ul>
    <li>What is the Find/Replace tool? It's a tool that lets you find specific keywords within the text, and then replace those words with other words.</li>
    <li>The Find section does the finding (obviously). It works like a more limited version of the search found inside Internet Explorer. You can type something in the box, then choose whether you want to go up or down (from your <strong>caret/insertion point/flashing vertical line</strong>), then choose whether you want the word you typed in to be matched in case (so if you typed in Fire, only Fire will be found, not fire, or fIRE, or fIrE, or any other kind of uppercase/lowercase fire). Then clicking <strong>Find Next</strong> will find the first instance of the word you typed in, in the direction you specified, highlighting it. Clicking it multiple times will find the next time that word pops up in your edit (again, going up or down, depending on the direction you specified).</li>
    <li>The <strong>Find/Replace</strong> section has everything of the previous Find tool, but adds on Replace functionalities. This time, you can type something in the <strong>Replace with</strong> box, and it'll give you the option of replacing words you find with what you type in the <strong>Replace/with </strong>box. You can still '<strong>Find Next</strong>', but there are two extra buttons. Replace, and Replace all. Replace will replace what your finding has currently highlighted. Replace all will replace every single word in your edit that you want to find, with what you want to replace it with.</li>
    </ul>
    </li>
    <li><strong>Unordered/Ordered List</strong> - These are basically bullet-pointed list and numbered list respectively, for Office users. What they do is, add an indent (which shifts them to the right a little bit) to a list, then add either bullet points or numbers to the beginning of each point on that list. The thing that will qualify something as an individual point is if it's after a line break. Meaning if have a list, if you press enter and make a line break, then it will qualify as a new point, and either a bullet point or a number will be added to the beginning of it. Also, if you previously had a column of text with line breaks in it, you can highlight all of it and press either button, then it will be turned into a list with bullet-points/numbers added in the right places. Unordered lists use bullet points only. Ordered lists use numbers, starting from 1 at the top point of the list, then ascending in whole numbers going down the list.</li>
    <li><strong>Outdent/Indent</strong> - I have already explained what an <strong>indent</strong> is. It is when the text gets shifted a bit to the right, leaving a gap. A dent if you like. However, you cannot use this button to indent normal text, this button is for use on lists. An outdent reverses the change, shifting the indented text back left a place. Multiple indents can also be used in lists.
    <ul>
    <li>By pressing the indent button while editing a list, it makes it indented in the list. It also gives it a special bullet point if using an unordered list, or shifts it back to '1' if using an ordered list.
    <ul>
    <li>You can further indent lists in this way.
    <ul>
    <li>And further...
    <ul>
    <li>And further...
    <ul>
    <li>&nbsp;
    <ul>
    <li>&nbsp;
    <ul>
    <li>&nbsp;
    <ul>
    <li>&nbsp;
    <ul>
    <li>&nbsp;
    <ul>
    <li>&nbsp;
    <ul>
    <li>&nbsp;
    <ul>
    <li>&nbsp;
    <ul>
    <li>&nbsp;
    <ul>
    <li>You can also indent multiple times at once.</li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    <p>Note that you can make the list normal again by using outdent. Or turn it from a list back into normal text.</p>
    <ul>
    <li><strong>Blockquote</strong> - A block quote is normally a quotation set off from the main text in its own distinct 'block' or paragraph. It is used to distinguish the quote, making it stand out. It only works on a list.</li>
    </ul>
    <blockquote>
    <ul>
    <li>This is a block quote for example. It is set off in its own block from the main text. If you do this to a list, then the entire list becomes a block quote.</li>
    <li>New points also join the block quote.</li>
    </ul>
    </blockquote>
    <ul>
    <li><strong>Undo/Redo</strong> - These should be extremely familiar to anyone who has used any editing software, whether it be an office application, graphics editing, sound editing etc. <strong>Undo</strong>, well, undos your last action. You can undo multiple times, to correct your mistakes. The amount it undos depends on how much you did. <strong>Redo</strong> undos your undos, if you get what I mean. If you undo something, then you can redo what you just undid, provided you don't do anything after undoing something (this INCLUDES clicking somewhere else in your edit), otherwise the ability to redo is nullified.</li>
    </ul>
     
  7. awesomedrako

    awesomedrako Clubbed

    Messages:
    2,703
    Likes Received:
    463
    Trophy Points:
    0
    Credit:
    2,856.14
    Adding more

    <p style="padding-left: 30px;"><span style="font-size: xx-large;"><span style="text-decoration: underline;"><strong>Guide to Editing the Wiki</strong></span></span></p>
    <p><span style="font-size: x-large;"><span style="font-size: small;">This is a guide to editing this wiki. If you already know tricks to editing the wiki, feel free to add them to this guide.</span></span></p>
    <p><span style="font-size: x-large;"><span style="text-decoration: underline;"><strong>Creating a Page</strong></span></span></p>
    <p><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;">To create a page, simply type in the name of your page in search box on the left hand side, and click 'Go' (or press Enter). If the page doesn't exist yet, then the Wiki will ask you whether you want to <strong>create</strong> it. Click the <strong>create</strong> link to create a page with the name you typed in.</span></span></span></span></p>
    <p><span style="font-size: x-large;"><span style="text-decoration: underline;"><strong>Editing a Page<br /></strong></span></span></p>
    <p><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;">To start editing a page, simply click the option on the right-hand side to <strong>Edit Article</strong>. </span></span></span></span></span></span></p>
    <p><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="text-decoration: underline;"><strong>What are all these buttons?</strong></span></span><br /></span></span></span></span></span></span></p>
    <p><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;">This wiki uses a WYSIWYG (What You See Is What You Get) editor, and provides a GUI with many tools to use. Most people would probably not use many of those tools. I will try to explain as many of them as I can. If you have used a word processor before, some of these will be familiar to you. These are listed in order, from left to right, top to bottom. Note that sometimes, the easiest way to learn is to do, so use these tools as I explain them, it'll help you get them.<br /></span></span></span></span></span></span></p>
    <p><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><strong>Top Row - Formatting</strong></span><br /></span></span></span></span></span></span></p>
    <ul>
    <li><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Bold, Italics, Underline and Strikeout:</strong> Each one affects any text you highlight before you click them. <strong>Bold</strong> makes them bolder, which makes the font look thicker, and makes them stand out more. Italics turns the text into an intalicized version, which makes the font look diagonal. Underline underlines the text, placing a line below it. Strikeout crosses out the text, putting a line through the middle of it. These can all be combined with each other, and with other tools that affect the text.</span></span></span></span></span></span></li>
    <li><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Alignment:</strong> These four buttons align the selected text.
    <table border="0">
    <tbody style="text-align: left;">
    <tr style="text-align: left;">
    <td style="text-align: left;"><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Align Left</strong> is the default look of all text. It makes the text start from the left, carry on to the right until there is no room anymore, and move onto the next line.</span></span></span></span></span></span>
    <div style="text-align: center;"><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Align Center </strong>makes the text start from a point in the middle, and expand in both ways. The text ends up being in the middle of the page/table.</span></span></span></span></span></span></div>
    <div style="text-align: right;"><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Align Right </strong>is the opposite of Align Left. It makes the text start from the right, and go towards the left.</span></span></span></span></span></span></div>
    <div style="text-align: justify;"><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Align Full (Or Justified for Office users)</strong> tries to make the text fill up both sides of the page/table. Align Left makes the text start from the left, and Align Right from the right, but Align Full pulls the text so that it will fill up an entire line (only when an entire line is full) of text.</span></span></span></span></span></span><br /></div>
    </td>
    </tr>
    </tdisallowedtag>
    </table>
    </span></span></span></span></span></span></li>
    <li><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Font Family: </strong>This allows you to choose a font from a list. The editor uses its own list of font, not those from your computer. You may choose your own font for an article, but if you click <strong>Font family </strong>from the drop-down list, then you can choose the default font of whatever browser you are using. This means that anyone can choose their own font from the options in their browser, and it would mean that all Wiki articles set to the default font will look the same to each person, no matter what font they chose.</span></span></span></span></span></span></li>
    <li><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Font Size: </strong>This allows you to choose a font size from a list. Again, the editor has its own set of font sizes, and additional font sizes cannot be typed into this box. The default size of font is 12 pts. <span style="font-size: xx-small;">The smallest font size is 8 pts. <span style="font-size: xx-large;">And the largest is 36 pts.</span></span></span></span></span></span></span></span></li>
    <li><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Text and Background Color: </strong>This allows you to choose what colour some text will be, and what colour the background <span style="background-color: #ffffff;">of that some text will be (effectively, it allows you to highlight some text). The default text colour is black, and background colour white. As an example, <span style="background-color: #ff9900;"><span style="color: #0000ff;">here is some blue text with an orange background.</span></span></span></span></span></span></span></span></span></li>
    </ul>
    <p><strong><span style="font-size: large;">Second Row - Some Tools, and more Formatting<br /></span></strong></p>
    <ul>
    <li><strong>Cut, Copy, Paste:</strong> Anyone that's fairly familiar with Windows should know what these do. To use any the first two, you must first highlight something, whether it be a table (will explain these later), some text, or a picture. First, <strong>Cut</strong>. Cut takes your highlighted thing, saves it to the editor's clipboard, then deletes it. <strong>Copy</strong> also saves the highlighted thing to the clipboard, except it does not delete the highlighted thing. The <strong>clipboard</strong> is a small storage of what you recently copied/cutted. It can only store one cut/copied thing at a time, and will empty itself when you go to another page or leave the editor. <strong>Paste</strong> will take what is in the clipboard, and place it wherever your <strong>caret/insertion point</strong> (the flashing vertical line that you type text in) is. Note that Paste won't do anything if there is nothing on the clipboard. <strong><span style="color: #ff0000;">WARNING: Firefox users won't have access to the built-in cut, copy, and paste tools, but will have access to Firefox's own cut, copy, and paste. Also, you will access to the below special paste tools.<br /></span></strong></li>
    <li><strong>Paste as Plain Text, Paste from Word</strong>: These are special Paste tools, that do not rely on the built-in <strong>clipboard</strong>. When you click either of them, a little window will come up. For Paste as Plain Text, you can copy and paste any text the little window, whatever the formatting, from anywhere, and it will paste the text into the editor, in Plain Text (which means it will come out in the default font, size, and colour). Paste from Word allows you to copy and paste any text into the little window, and it should try to save the formatting of it (so you could paste in some text you recently formatted in Word, and it should come out the same by using this tool).</li>
    <li><strong>Find/Replace</strong>: There are two buttons next, but both lead to the same tool, but just different tabs of that tool. <strong>Find</strong> (the left one) leads to the Find tab of the <strong>Find/Replace</strong> tool. <strong>Find/Replace</strong> (the right one) leads to the Find/Replace tab (though it's titled Replace) of the <strong>Find/Replac</strong> tool.
    <ul>
    <li>What is the Find/Replace tool? It's a tool that lets you find specific keywords within the text, and then replace those words with other words.</li>
    <li>The Find section does the finding (obviously). It works like a more limited version of the search found inside Internet Explorer. You can type something in the box, then choose whether you want to go up or down (from your <strong>caret/insertion point/flashing vertical line</strong>), then choose whether you want the word you typed in to be matched in case (so if you typed in Fire, only Fire will be found, not fire, or fIRE, or fIrE, or any other kind of uppercase/lowercase fire). Then clicking <strong>Find Next</strong> will find the first instance of the word you typed in, in the direction you specified, highlighting it. Clicking it multiple times will find the next time that word pops up in your edit (again, going up or down, depending on the direction you specified).</li>
    <li>The <strong>Find/Replace</strong> section has everything of the previous Find tool, but adds on Replace functionalities. This time, you can type something in the <strong>Replace with</strong> box, and it'll give you the option of replacing words you find with what you type in the <strong>Replace/with </strong>box. You can still '<strong>Find Next</strong>', but there are two extra buttons. Replace, and Replace all. Replace will replace what your finding has currently highlighted. Replace all will replace every single word in your edit that you want to find, with what you want to replace it with.</li>
    </ul>
    </li>
    <li><strong>Unordered/Ordered List</strong> - These are basically bullet-pointed list and numbered list respectively, for Office users. What they do is, add an indent (which shifts them to the right a little bit) to a list, then add either bullet points or numbers to the beginning of each point on that list. The thing that will qualify something as an individual point is if it's after a line break. Meaning if have a list, if you press enter and make a line break, then it will qualify as a new point, and either a bullet point or a number will be added to the beginning of it. Also, if you previously had a column of text with line breaks in it, you can highlight all of it and press either button, then it will be turned into a list with bullet-points/numbers added in the right places. Unordered lists use bullet points only. Ordered lists use numbers, starting from 1 at the top point of the list, then ascending in whole numbers going down the list.</li>
    <li><strong>Outdent/Indent</strong> - I have already explained what an <strong>indent</strong> is. It is when the text gets shifted a bit to the right, leaving a gap. A dent if you like. However, you cannot use this button to indent normal text, this button is for use on lists. An outdent reverses the change, shifting the indented text back left a place. Multiple indents can also be used in lists.
    <ul>
    <li>By pressing the indent button while editing a list, it makes it indented in the list. It also gives it a special bullet point if using an unordered list, or shifts it back to '1' if using an ordered list.
    <ul>
    <li>You can further indent lists in this way.
    <ul>
    <li>And further...
    <ul>
    <li>And further...
    <ul>
    <li>&nbsp;
    <ul>
    <li>&nbsp;
    <ul>
    <li>&nbsp;
    <ul>
    <li>&nbsp;
    <ul>
    <li>&nbsp;
    <ul>
    <li>&nbsp;
    <ul>
    <li>Careful, if you indent multiple times, then it will look like you are only pushing your text out further to the right in the editor, but the results will be that you have multiple blank indents going downwards.</li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    <p>Note that you can make the list normal again by using outdent. Or turn it from a list back into normal text.</p>
    <ul>
    <li><strong>Blockquote</strong> - A block quote is normally a quotation set off from the main text in its own distinct 'block' or paragraph. It is used to distinguish the quote, making it stand out. It only works on a list.</li>
    </ul>
    <blockquote>
    <ul>
    <li>This is a block quote for example. It is set off in its own block from the main text. If you do this to a list, then the entire list becomes a block quote.</li>
    <li>New points also join the block quote.</li>
    </ul>
    </blockquote>
    <ul>
    <li><strong>Undo/Redo</strong> - These should be extremely familiar to anyone who has used any editing software, whether it be an office application, graphics editing, sound editing etc. <strong>Undo</strong>, well, undos your last action. You can undo multiple times, to correct your mistakes. The amount it undos depends on how much you did. <strong>Redo</strong> undos your undos, if you get what I mean. If you undo something, then you can redo what you just undid, provided you don't do anything after undoing something (this INCLUDES clicking somewhere else in your edit), otherwise the ability to redo is nullified.</li>
    </ul>
    <br />
     
  8. awesomedrako

    awesomedrako Clubbed

    Messages:
    2,703
    Likes Received:
    463
    Trophy Points:
    0
    Credit:
    2,856.14
    Adding more

    <p><span style="font-size: xx-large;"><span style="text-decoration: underline;"><strong>Guide to Editing the Wiki<a name="top"></a></strong></span></span></p>
    <p><span style="font-size: x-large;"><span style="font-size: small;">This is a guide to editing this wiki. If you already know tricks to editing the wiki, feel free to add them to this guide.</span></span></p>
    <p><span style="font-size: x-large;"><span style="text-decoration: underline;"><strong>Creating a Page</strong></span></span></p>
    <p><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;">To create a page, simply type in the name of your page in search box on the left hand side, and click 'Go' (or press Enter). If the page doesn't exist yet, then the Wiki will ask you whether you want to <strong>create</strong> it. Click the <strong>create</strong> link to create a page with the name you typed in.</span></span></span></span></p>
    <p><span style="font-size: x-large;"><span style="text-decoration: underline;"><strong>Editing a Page<br /></strong></span></span></p>
    <p><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;">To start editing a page, simply click the option on the right-hand side to <strong>Edit Article</strong>. </span></span></span></span></span></span></p>
    <p><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="text-decoration: underline;"><strong>What are all these buttons?</strong></span></span><br /></span></span></span></span></span></span></p>
    <p><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;">This wiki uses a WYSIWYG (What You See Is What You Get) editor, and provides a GUI with many tools to use. Most people would probably not use many of those tools. I will try to explain as many of them as I can. If you have used a word processor before, some of these will be familiar to you. These are listed in order, from left to right, top to bottom. Note that sometimes, the easiest way to learn is to do, so use these tools as I explain them, it'll help you get them.<br /></span></span></span></span></span></span></p>
    <p><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><strong>Top Row - Formatting</strong></span><br /></span></span></span></span></span></span></p>
    <ul>
    <li><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Bold, Italics, Underline and Strikeout:</strong> Each one affects any text you highlight before you click them. <strong>Bold</strong> makes them bolder, which makes the font look thicker, and makes them stand out more. Italics turns the text into an intalicized version, which makes the font look diagonal. Underline underlines the text, placing a line below it. Strikeout crosses out the text, putting a line through the middle of it. These can all be combined with each other, and with other tools that affect the text.</span></span></span></span></span></span></li>
    <li><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Alignment:</strong> These four buttons align the selected text.
    <table border="0">
    <tbody style="text-align: left;">
    <tr style="text-align: left;">
    <td style="text-align: left;"><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Align Left</strong> is the default look of all text. It makes the text start from the left, carry on to the right until there is no room anymore, and move onto the next line.</span></span></span></span></span></span>
    <div style="text-align: center;"><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Align Center </strong>makes the text start from a point in the middle, and expand in both ways. The text ends up being in the middle of the page/table.</span></span></span></span></span></span></div>
    <div style="text-align: right;"><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Align Right </strong>is the opposite of Align Left. It makes the text start from the right, and go towards the left.</span></span></span></span></span></span></div>
    <div style="text-align: justify;"><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Align Full (Or Justified for Office users)</strong> tries to make the text fill up both sides of the page/table. Align Left makes the text start from the left, and Align Right from the right, but Align Full pulls the text so that it will fill up an entire line (only when an entire line is full) of text.</span></span></span></span></span></span><br /></div>
    </td>
    </tr>
    </tdisallowedtag>
    </table>
    </span></span></span></span></span></span></li>
    <li><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Font Family: </strong>This allows you to choose a font from a list. The editor uses its own list of font, not those from your computer. You may choose your own font for an article, but if you click <strong>Font family </strong>from the drop-down list, then you can choose the default font of whatever browser you are using. This means that anyone can choose their own font from the options in their browser, and it would mean that all Wiki articles set to the default font will look the same to each person, no matter what font they chose.</span></span></span></span></span></span></li>
    <li><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Font Size: </strong>This allows you to choose a font size from a list. Again, the editor has its own set of font sizes, and additional font sizes cannot be typed into this box. The default size of font is 12 pts. <span style="font-size: xx-small;">The smallest font size is 8 pts. <span style="font-size: xx-large;">And the largest is 36 pts.</span></span></span></span></span></span></span></span></li>
    <li><span style="font-size: x-large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><strong>Text and Background Color: </strong>This allows you to choose what colour some text will be, and what colour the background <span style="background-color: #ffffff;">of that some text will be (effectively, it allows you to highlight some text). The default text colour is black, and background colour white. As an example, <span style="background-color: #ff9900;"><span style="color: #0000ff;">here is some blue text with an orange background.</span></span></span></span></span></span></span></span></span></li>
    </ul>
    <p><strong><span style="font-size: large;">Second Row - Some Tools, and more Formatting<br /></span></strong></p>
    <ul>
    <li><strong>Cut, Copy, Paste:</strong> Anyone that's fairly familiar with Windows should know what these do. To use any the first two, you must first highlight something, whether it be a table (will explain these later), some text, or a picture. First, <strong>Cut</strong>. Cut takes your highlighted thing, saves it to the editor's clipboard, then deletes it. <strong>Copy</strong> also saves the highlighted thing to the clipboard, except it does not delete the highlighted thing. The <strong>clipboard</strong> is a small storage of what you recently copied/cutted. It can only store one cut/copied thing at a time, and will empty itself when you go to another page or leave the editor. <strong>Paste</strong> will take what is in the clipboard, and place it wherever your <strong>caret/insertion point</strong> (the flashing vertical line that you type text in) is. Note that Paste won't do anything if there is nothing on the clipboard. <strong><span style="color: #ff0000;">WARNING: Firefox users won't have access to the built-in cut, copy, and paste tools, but will have access to Firefox's own cut, copy, and paste. Also, you will access to the below special paste tools.<br /></span></strong></li>
    <li><strong>Paste as Plain Text, Paste from Word</strong>: These are special Paste tools, that do not rely on the built-in <strong>clipboard</strong>. When you click either of them, a little window will come up. For Paste as Plain Text, you can copy and paste any text the little window, whatever the formatting, from anywhere, and it will paste the text into the editor, in Plain Text (which means it will come out in the default font, size, and colour). Paste from Word allows you to copy and paste any text into the little window, and it should try to save the formatting of it (so you could paste in some text you recently formatted in Word, and it should come out the same by using this tool).</li>
    <li><strong>Find/Replace</strong>: There are two buttons next, but both lead to the same tool, but just different tabs of that tool. <strong>Find</strong> (the left one) leads to the Find tab of the <strong>Find/Replace</strong> tool. <strong>Find/Replace</strong> (the right one) leads to the Find/Replace tab (though it's titled Replace) of the <strong>Find/Replac</strong> tool.
    <ul>
    <li>What is the Find/Replace tool? It's a tool that lets you find specific keywords within the text, and then replace those words with other words.</li>
    <li>The Find section does the finding (obviously). It works like a more limited version of the search found inside Internet Explorer. You can type something in the box, then choose whether you want to go up or down (from your <strong>caret/insertion point/flashing vertical line</strong>), then choose whether you want the word you typed in to be matched in case (so if you typed in Fire, only Fire will be found, not fire, or fIRE, or fIrE, or any other kind of uppercase/lowercase fire). Then clicking <strong>Find Next</strong> will find the first instance of the word you typed in, in the direction you specified, highlighting it. Clicking it multiple times will find the next time that word pops up in your edit (again, going up or down, depending on the direction you specified).</li>
    <li>The <strong>Find/Replace</strong> section has everything of the previous Find tool, but adds on Replace functionalities. This time, you can type something in the <strong>Replace with</strong> box, and it'll give you the option of replacing words you find with what you type in the <strong>Replace/with </strong>box. You can still '<strong>Find Next</strong>', but there are two extra buttons. Replace, and Replace all. Replace will replace what your finding has currently highlighted. Replace all will replace every single word in your edit that you want to find, with what you want to replace it with.</li>
    </ul>
    </li>
    <li><strong>Unordered/Ordered List</strong> - These are basically bullet-pointed list and numbered list respectively, for Office users. What they do is, add an indent (which shifts them to the right a little bit) to a list, then add either bullet points or numbers to the beginning of each point on that list. The thing that will qualify something as an individual point is if it's after a line break. Meaning if have a list, if you press enter and make a line break, then it will qualify as a new point, and either a bullet point or a number will be added to the beginning of it. Also, if you previously had a column of text with line breaks in it, you can highlight all of it and press either button, then it will be turned into a list with bullet-points/numbers added in the right places. Unordered lists use bullet points only. Ordered lists use numbers, starting from 1 at the top point of the list, then ascending in whole numbers going down the list.</li>
    <li><strong>Outdent/Indent</strong> - I have already explained what an <strong>indent</strong> is. It is when the text gets shifted a bit to the right, leaving a gap. A dent if you like. However, you cannot use this button to indent normal text, this button is for use on lists. An outdent reverses the change, shifting the indented text back left a place. Multiple indents can also be used in lists.
    <ul>
    <li>By pressing the indent button while editing a list, it makes it indented in the list. It also gives it a special bullet point if using an unordered list, or shifts it back to '1' if using an ordered list.
    <ul>
    <li>You can further indent lists in this way.
    <ul>
    <li>And further...
    <ul>
    <li>And further...
    <ul>
    <li>&nbsp;
    <ul>
    <li>&nbsp;
    <ul>
    <li>&nbsp;
    <ul>
    <li>&nbsp;
    <ul>
    <li>&nbsp;
    <ul>
    <li>&nbsp;
    <ul>
    <li>Careful, if you indent multiple times, then it will look like you are only pushing your text out further to the right in the editor, but the results will be that you have multiple blank indents going downwards.</li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    <p>Note that you can make the list normal again by using outdent. Or turn it from a list back into normal text.</p>
    <ul>
    <li><strong>Blockquote</strong> - A block quote is normally a quotation set off from the main text in its own distinct 'block' or paragraph. It is used to distinguish the quote, making it stand out. It only works on a list.</li>
    </ul>
    <blockquote>
    <ul>
    <li>This is a block quote for example. It is set off in its own block from the main text. If you do this to a list, then the entire list becomes a block quote.</li>
    <li>New points also join the block quote.</li>
    </ul>
    </blockquote>
    <ul>
    <li><strong>Undo/Redo</strong> - These should be extremely familiar to anyone who has used any editing software, whether it be an office application, graphics editing, sound editing etc. <strong>Undo</strong>, well, undos your last action. You can undo multiple times, to correct your mistakes. The amount it undos depends on how much you did. <strong>Redo</strong> undos your undos, if you get what I mean. If you undo something, then you can redo what you just undid, provided you don't do anything after undoing something (this INCLUDES clicking somewhere else in your edit), otherwise the ability to redo is nullified.</li>
    </ul>
    <p><span style="font-size: large;"><strong>Third Row - Links, Images and some bits and bob</strong></span></p>
    <ul>
    <li><strong>Link/Unlink</strong> - The first of these two tools will be one of the more commonly used tools. <strong>Link</strong> attaches a <strong>HTML link </strong>or a<strong> hyperlink </strong>(a link to another website/webpage) to some text or a picture. This can be any amount of text, from a single word to an entire page of text (though this is not advised)! To use it, first highlight some text or a picture that you want to turn into a link. Then click the <strong>Link</strong> button. The window that pops up has four tabs, and it could all look very complicated to a beginner. However, we will focus on the first tab, the <strong>General</strong> tab. In fact, this tab may be the only one you ever use if you don't want to make very sophisticated articles! There are five boxes: <strong>Link URL</strong>, <strong>Anchors</strong>, <strong>Target</strong>, <strong>Title</strong>, and <strong>Class</strong>. <br />
    <ul>
    <li>The first box is the most important to you. <strong>Link URL</strong> is where you type in, or more often, copy and paste in the actual link URL of the website you want to link to. For example, if you want to link some text to the Gameogre homepage, you could type in www.gameogre.com in this box (normally, you'd have to put http:// at the front of such links, but it should offer to add this for you if you don't include it). If you are linking to a specific webpage, I recommend copy and pasting the URL from the address bar while you are on that webpage. </li>
    <li>The second box, <strong>Anchors</strong>, is part of a very useful feature, the Anchors. I will explain this more thoroughly in the next bullet point, but basically, this box allows you to CHOOSE an anchor to link your link to (if you link to an anchor on the same article, then you don't have to put a URL in). </li>
    <li>The third box, <strong>Target</strong>, allows you to choose how a linked page will come up. The default simply changes the current page, and then goes to the linked page, like most hyperlinks do. There is also an option to make the page come up in a new window/tab (whether it comes up as a new window or tab depends on how a person has configured their web browser, so don't worry about that). </li>
    <li>The fourth box, <strong>Title</strong>, does not control what the link's name is. As was said earlier, that would be whatever text or picture you highlighted. The <strong>title attribute</strong> instead controls what would be shown when you hover over the link. Whatever you enter into this box, will appear when you hover over your link.</li>
    <li>The fifth box, <strong>Class</strong>, cannot be used unless you add classes to your link. This is advanced HTML/CSS usage, so you shouldn't need to use this final box.</li>
    <li>Finally, I have a link here that leads to the Gameogre homepage, but has a title of 'Go to Gameogre' and will open in a new window: <a title="Go to Gameogre" href="../" target="_blank">Gameogre Homepage</a>.</li>
    </ul>
    </li>
    <li><strong>Insert/edit Anchor</strong> - Anchors are very useful objects. Ever wonder how when you click a link, it might lead to the middle of a page? Or it would lead to a specific point on the page? Anchors are how it happens. Pressing this button would insert an anchor where your caret (your flashing line remember) is. The window that comes up is very simple; it only contains a single box, to enter the name of your anchor. This is actually a fairly important process. The name must be very descriptive, because you will need to know which anchor is which based on the name later. After making your anchor, later you can make a link, then choose to link to that anchor from the Anchor box on the General tab (remember it?). This link would then automatically go to wherever the anchor is on the page. Anchors are invisible except inside the editor, so don't worry about them taking up extra lines etc. For example, this link<a href="#top"></a> will go back to the top of the page, via an anchor (note that I didn't need to enter this page's URL to go to this anchor). If you highlight an anchor and click this button, you will be able to edit that anchor's name. To remove an anchor, you can simply highlight it and delete it, or press backspace while in front of it.</li>
    </ul>
    <p>&nbsp;</p>
     
Thread Status:
Not open for further replies.

Share This Page