Computer HardwareXbox GamesGameCubePlaystation 2PSOnePC/Windows GamesGameboy AdvanceDreamcastNintendo 64Gameboy ColorNintendo DSSony PSPXbox 360Nintendo Wii GamesPS3 Games
» lowest prices   » support Neoseeker

News Videos Hardware Reviews New Cheats/Walkthroughs Galleries
Forum Options:my.neoforum register members prefs search faq
Neoseeker Forums » Site Related » Site/Forums Help and QA » Neoseeker Markup Guide

This thread is closed to replies.

Moderated by: Enigma
REPLY TO THIS THREAD   START NEW THREAD
| Sharemore
Options: Print   subscribe   remove   PM this thread to a friendNeoPM  
subscribe to thread Topic: Neoseeker Markup Guide
Threads List   « Next Newest   Next Oldest »
Q22
supermod



Q22's profileNeoPM Q22
total posts: 9030
since: May 2002
Dec 14, 05 at 5:54pm
Neoseeker Markup Guide

Basic Visual Formatting:

Bold, Italics, Strike-through & Underlining
Font Colour & Size
Quoting People
Alignment


Advanced Visual Formatting:

Horizontal Line
Pre Tags
Indenting & List Making
Spoiler Tags
Header Tags
Code Tags
Sub/Sup Tags

Posting Media:

Posting Up A Picture
Posting a Youtube Video
Posting a Game Trailer Video
Posting a GameVideos Video
Posting an IGN Video

Various Methods/Types of Linking within Neoseeker Markup:

Linking To A Different Page
Linking Using Anchors
Making Coloured Links
Making Pictures Into Links
Link to Source/Originator via Quote
Link to a Profile - Shortcut Method
Link to the PM Send Page - Shortcut Method


Basic Formatting


Bold, Italics, Strike-through & Underlining

    These are the first four basic tags used to format text or emphasise certain words. They're relatively simple to remember and learn.
    Bold Text
      To make text bold you need to use the following markup:

      [b]The text you wish to make bold will go inbetween these two tags[/b].

      So when you post your message, whatever is between the two [b][/b] tags will look like this: Example.
    Italicized Text
      To make text italicized you need to use the following markup:

      [i]The text you wish to have italicized will be typed inbetween the two tags [/i].

      So when you post your message, whatever is between the two [i][/i] tags will look like this: Example.
    Strike-through Text
      Strike-through is when you can make a line appear through certain words. As if they were crossed out. To make text strike-through you need to use the follow markup:

      [strike]The text you wish to have strike-throughed will be typed inbetween the two tags [/strike].

      So when you post your message, whatever is between the two [strike][/strike] tags will look like this: Example.
    Underlining Text
      To make text underlined you need to use the following markup:

      [u]The text you wish to have underlined will be typed inbetween the two tags [/u].

      So when you post your message, whatever is between the two [u][/u] tags will look like this: Example.
Font Colour & Size

    In addition to the basic tags listed above, there are two more options that many members choose to use so their forum posts are customised and individual. They are the Font Size & Colour options.
    Font Colour
      To make text a different colour you need to use the following markup:

      [color=]After the "=" sign, you can put a large number of colour options so this text will become that colour.

      You'll notice the above markup has no colour specified after the "=" sign. This is because there are a large number of possible choices. You'll notice that there is a drop down list underneath the reply box when composing a message. This has a list of preset colour options.



      Those options are: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, orange, purple, red, silver, teal, yellow and white. However, it doesn't end there. You can go one step further and use hex decimal values! These are six characters long and come with a # symbol in front of them. For example: #FF6699 or #6633CC. You can find a full list here.

      It's important to remember that this is a Canadian site (Vancouver BC) and the world colour is spelt without the letter "u". This is a common reason for people (who spell it with a "u") experiencing problems with the markup.
    Font Size
      Font size is also another way of customising your text. However, many members will only use Size 1 because Size 2 is the default setting, while Size's 3/4 tend to be large. To change your font size, you need to use the following markup:

      [size=1/2/3/4]After the "=" sign, you can put four different size options to make the size of this text smaller or bigger.[/size]

      Here is how they look in the forums:

      Example of Size 1
      Example of Size 2
      Example of Size 3
      Example of Size 4
Quoting People

    Quoting Someone
      To make a quote, you use the following markup:

      [q=Name of Source/Originator Here]The greatest obstacle to discovery is not ignorance - it is the illusion of knowledge.[/q]

      So, it would look like this:

      quote Name of Source/Originator Here
      The greatest obstacle to discovery is not ignorance - it is the illusion of knowledge.
      You can also quote a post by clicking the quote link, located in the bottom right hand corner of every post.

    Linking to a source in a quote
      There's a piece of markup that allows you to link to the actual source/originator when quoting some text. For more information on how to do this, click here to return to the top of the page and look for "Link to Source/Originator when Quoting" under the "Links Section".
    Alignment

      To align anything to the left (default), right or centre use the following markup code:

      [div align=left/right/center]This text inbetween these tags will be aligned![/div]

      After the "=" sign, you can either select left, right or center. It will align text and images.

      Remember, this site is Canadian so they spell center different to other countries who may spell it "centre".

      Alternatively, you can use [float:left/right/centre]Text to be aligned[/float] to align text. The same idea applys as above.
Advanced Formatting

    Horizontal Line
      When making a post that contains various sections (such as a FAQ or a mini-walkthrough) and you need to separate sections of your post, you can use markup to create a horizontal line across the page.

      [hr] will result in this:


    Pre Tags
      Many forums automatically parse (remove) excess spaces. So if I typed "| |" it would only come out as "| |". Pre Tags allow you to get around this restriction by displaying what you type, exactly as you typed it. For example, if I wanted to type this ASCII art out, it would be all jumbled up on the forums:

      But, using the Pre Tags, whatever is between the two [pre][/pre] tags will look like this: 
          ___   _____ ______________   ___    ____  ______
         /   | / ___// ____/  _/  _/  /   |  / __ \/_  __/
        / /| | \__ \/ /    / / / /   / /| | / /_/ / / /   
       / ___ |___/ / /____/ /_/ /   / ___ |/ _, _/ / /    
      /_/  |_/____/\____/___/___/  /_/  |_/_/ |_| /_/
      .
    These are all used to help organise and format posts and can be very effective when used properly together.

Indenting & List Making
    Indenting
      To indent text, you use the following markup:

      [ul]The text inbetween these tags will be indented slightly.[/ul]

      I have used one set of tags there. However if I were to use two/three [ul] and two/three [/ul] tags. The text would be indented even further.
    Example
      Example
        Example
    List Making
      There are two types of lists that you can make. There is an "unordered" list and an "ordered" list. The only difference is that an "unordered" list is bullet points. An "ordered" list uses numbers (1. 2. 3. etc.). For those two types of lists, there are two quick and easy methods.

      Firstly, to make a list using bullet points, you only need to type an asterisk - * (on most keyboards this is by pressing and holding down the Shift button, then pressing the number eight).

      For example, typing out this:

      * This is one bullet point

      Will come out as this:
      • This is one bullet point
       But, if you want to make a more complex list, you can nest the bullet points. It might seem a bit confusing at first, but if you look carefully at my example, and how I typed in the asterisk's (*), it's not so difficult.

      * Topic 1
      ** First Subtopic within Topic 1
      ** Second Subtopic within Topic 1
      ** Third Subtopic within Topic 1
      * Topic 2
      * Topic 3
      ** First Subtopic within Topic 3
      *** A subtopic within a subtopic, for Topic 3.

      This will come out as:
      • Topic 1
        • First Subtopic within Topic 1
        • Second Subtopic within Topic 1
        • Third Subtopic within Topic 1
      • Topic 2
      • Topic 3
        • First Subtopic within Topic 3
          • A subtopic within a subtopic, for Topic 3.
       There are three different types of bullet points depending on how much you've indented it (*, ** or ***). you can only indent something up to three times.

      That's all there is to know. The great thing is, now you can do it with bullet points, you can do it with an ordered list too. Except, instead of using an asterisk (*), you use the hash symbol (#). For example:

      # Topic 1
      ## First Subtopic within Topic 1
      ## Second Subtopic within Topic 1
      ## Third Subtopic within Topic 1
      # Topic 2
      # Topic 3
      ## First Subtopic within Topic 3
      ### A subtopic within a subtopic, for Topic 3.

      This will come out as:
      1. Topic 1
        1. First Subtopic within Topic 1
        2. Second Subtopic within Topic 1
        3. Third Subtopic within Topic 1
      2. Topic 2
      3. Topic 3
        1. First Subtopic within Topic 3
          1. A subtopic within a subtopic, for Topic 3.
    Spoiler Tags
      Spoilers is an online term that people use to warn people they're discussing something that might ruin the show, game, book or movie (etc.) so they should only read it if they don't mind. To give people plenty of warning and help out, Neoseeker has spoiler tags. So you can use them when discussing something that might ruin the show, game, book or movie. The code to do this is:

      [spoiler=What the spoiler is about]The actual spoiler[/spoiler]

      This will come out as:

    Header Tags
      To make a heading, you use a keyboard symbol (like making a list). This is !. For example:

      !Wassup?

      This will come out as:

      Wassup?

      However, you can use this to make headers of different sizes. You can use ! up to five times, to make a header. The more !'s you use, the smaller it becomes.
      This is using five exclamation marks.
Code Tags

    Web Scripting Languages
      The forum picks up neoseeker markup and the codes for smilies, yet ignores HTML and other languages for security reasons. However, you can still post web scripting languages using the following markup:

      [code] *Code Goes Here* [/code]

      A proper example of using it would look like this:

      code
      <table>
     <tr>
         <td id="main">
<td id="A" style="display:none;">
the content that belongs to link A goes here
</td>

<td id="B" style="display:none;">
the content that belongs to link B goes here
</td>
         </td>
     </tr>
</table>


      This will mainly be used in the Webscripting Forum.
    PHP Code
      There's a set of special tags for anyone who wishes to post PHP code. The markup to do so is:

      [php] *Code goes here* [/php]

      A proper example of using it would look like this:

      php code
      

<?

echo "<b><i>hello!</i></b>";

?>
    Sub/Sup Tags
      These two tags can be used to make text lower or higher than the normal line. For example:

      [sup]This text will be higher than normal[/sup]

      Will come out as:

      5th of June. Where the th has been inserted between the tags.

      The same applies for the [sub] [/sub] tags. Except it will place the text lower than normal.

      H2O. Where the 2 has been inserted between the tags.

Posting Media

    Posting Up A Picture
      This may seem complicated at first, but it's not! The first thing you need to do is have the picture you want to post in the forums saved to your PC. So for example, I have a picture called "Gamecube Suxxs" saved on my PC.

      Now, for everyone else to see this picture, you need too host it on a website on the internet. There are luckily many sites that will allow you to upload (send the picture from your PC to them - you keep the image in your PC still) and post the link around the internet. They're called Image Hosts. Here are some free image hosts:
      Once you've uploaded your picture (on whichever site you prefer), you should be given a link to that picture. For example, my "Gamecube Suxxs" picture can be found on this website address.

      Now you can post it on the forums using the following markup code:

      [img]http://www.MyOnlineImages.com/Members/fistdawntilus/images/gamecubesuxxs1.jpg[/img]

      Where I put the website address to my image, you'd put the website address to your image. So it comes out as a picture on the forums:
    Posting a Youtube Video
      You can post a video from Youtube directly into your post using the following markup:

      [youtube]Code of Youtube Video goes here[/youtube].

      Inbetween the tags you DON'T put a link to the page of the video, but you DO put the individual code of the video. Allow me to explain.

      http://www.youtube.com/watch?v=oxr8Ay5shO8 - If you look at this URL, you'll see random letters and numbers after the "v=" part. I've bolded it. That is the individual code for that video. So I put that inbetween the tags. So:

      [youtube]oxr8Ay5shO8[/youtube].

      Will come out as:


    Posting a Game Trailer Video (and a Game Trailer User Video)
      You can post a video from Game Trailers directly into your post using the following markup:

      [gametrailers]Code of Game Trailers Video goes here[/gametrailers].

      Inbetween the tags you DON'T put a link to the page of the video, but you DO put the individual code of the video. Allow me to explain.

      http://http://www.gametrailers.com/player/25549 - If you look at this URL, you'll see numbers right at the end. I've bolded it. That is the individual code for that video. So I put that inbetween the tags. So:

      [gametrailers]hTxOqYAklLg[/gametrailers].

      Will come out as:



      Game Trailers also allows users to upload their videos to their site. These user videos can be posted on Neoseeker using a similar set of markup:

      http://http://www.gametrailers.com/player/usermovies/25549 - as with before you take the number at the end of the URL.

      However, you use the following markup tags:

      [gametrailers_uservideo]114364[/gametrailers_uservideo]
    Posting a GameVideos Video
      You can post a video from Game Videos directly into your post using the following markup:

      [gamevideos]Code of Game Video goes here[/gamevideos].

      Inbetween the tags you DON'T put a link to the page of the video, but you DO put the individual code of the video. Allow me to explain.

      http://http://gamevideos.com/video/id/13971 - If you look at this URL, you'll see numbers right at the end. I've bolded it. That is the individual code for that video. So I put that inbetween the tags. So:

      [gamevideos]13971[/gamevideos].

      Will come out as:


    Posting an IGN Video
      To post an IGN video is slightly more confusing, so this will be explained with pictures to make it easy. If you're on a slow internet connection, allow time for the pictures below to load. Thanks to Krunal for supplying the images.

      To get the needed information you need to go to the video in question:



      Once your at the video, you need to click the "Embed Video" link.



      Click on "IGN Format" and you get a lots of code. You need the whole thing. Simply copy and paste that in it's entireity.



      [ignvideo]object_ID=826967&downloadURL=http://ps3movies.ign.com/ps3/video/article/824/824567/folklore_vidreview_100207_flvlowwide.flv[/ignvideo]

      Will produce:


Various Methods/Types of Linking within Neoseeker Markup:

    Linking To A Different Page
      To make a link to a different page is easy enough and good practise and use if you plan to stick around on the Neoseeker Forums. The markup you need to make an external link is:

      [link name=Hot Pictures Of Me!]http://www.hot-pictures-of-me.com[/link]

      The above example will make a link to the imaginary website www.hot-pictures-of-me.com and where it says "link name=" is the text that will become the link. So ...

      [link name=Google]http://www.google.com[/link] will become Google.

    Linking Using Anchors
      A relatively unknown addition to the Neoseeker markup is linking using anchors. This is used for linking to a different area of the same post. Most members won't find a use for it, yet moderators often use it for thread directories or long help threads. There are two sets of markup used for this:

      [[#abc|Link Name Goes Here]]

      This is used to make the link that will jump to another part of your post. The "#abc" is the name of the anchor link. Each seperate anchor link has it's own name. The "Link Name Goes Here" is where you put the text that will be displayed as the link. So for example, the above will turn out as:

      Link name goes here

      Once you've done this, you then need to type out another piece of markup which tells your link where it should jump too. So for example, I want my link to jump to the bottom of my post. So I will go the bottom of my post and type:

      [[#abc]]

      It's important to remember that your anchor must match up with the anchor link. So I must label my anchor #abc as well.

      So then when I click the above anchor link, it will jump to the spot where my anchor is. I've inserted the anchor properly below this sentence, so if you try scrolling your webpage so that this text is not visible and the above link is, then click the link and you'll find your page jumps down a bit.



      If you want a proper example of where anchors might be used, then this thread is one. The contents at the top use anchor links to allow members to easily jump to different sections of this guide.
    Making Coloured Links
      To make a coloured link is simple and involves combining three markup tags. It looks confusing at first but it's broken down in the paragraph below:
      [link name=[color=red][u]Google[/u][/color]]http://google.com[/link]
      The [color] tag (see here) has been added around the words that go in the link name= section. So the words are still displayed but in the colour of your preference. Then the [u][/u] tags have been added between the color tags but around the link words to make the underlining link (that appears by default) the same colour as the text too. You have your coloured link. When done properly, it will look like:
    Making Pictures Into Links
      As well as posting pictures, you can also turn them into links. The markup to do this is:

      [img link=] [/img]

      You need to enter two pieces of information. After the "=" sign, you need to put the the address for the place you want to link too. So, if I wanted to link to Neoseeker's homepage. I'd put http://www.neoseeker.com.

      [img link=http://www.neoseeker.com] [/img]

      The second piece of information you need to enter is the image address, between the two tags. If you read here, you'll learn how to host an image and do this. So the final example is:

      [img link=http://www.neoseeker.com]http://www.neoseeker.com/i/sm_bl_logo.gif[/img]

      Which turns into:
    Link to Source/Originator via Quote
      When someone makes a quote, you can mention who the originator is (see here). However, rather than simply typing the source/originator out, you can link to the actual location of where you are quoting from. This can be done in two different ways. Firstly, if the post is on Neoseeker, you can link directly to that post. For example:

      [quote=Apollo|message:12345]I like making quotes.[/quote]

      As you can see, I've added "|message:12345" on. This means that the post it will link to is the 12, 345th post on Neoseeker. To find what number of the post that you wish to link to is, you should hover over the icon attached to each post (next to the time and date - it may also be a different colour than orange). Then look at the URL in your browser's status bar (to enable it, at the bottom of your browser window, go to View > Status Bar), and you'll see a number at the end. Another method is to hover/click the !report link and look at the URL/web-adress and you'll see a number at the end, which is also the post number (make sure you don't actually report the post!). This is the number of the post. You use that number when linking to the original post you are quoting.

      The second method is for when you're quoting something off the site. For example:

      [quote=Google|http://www.google.com/]I like making quotes.[/quote]

      I've simply included the URL/address of the webpage I am quoting as seen above.


    Link to a Profile - Shortcut Method
      Each member on Neoseeker has a profile. For example, here is mine Apollo. You can link to a profile using the normal method of making a link (see here), but to save time you can link to a member's profile by using a shortcut method. For example:

      [[member:Apollo]]

      This will link to my profile. It's how I linked to my profile just a minute ago!


    Link to the PM Send Page - Shortcut Method
      Like linking to a member's profile, there is also a shortcut method of linking to the page where you send a PM (it stands for Private Message - for more information see here). For example:

      [[pm:Apollo]]

      This will create a link that will send you to a page where you can send me a PM. However, that's not all. Just like the link says which member to send the PM to, you can also include text in the topic/subject and body/message section. For example:

      [[pm:Apollo|subject:Your PM Subject goes here|Link Name]]

      That will create a link that will take you to the Send PM page with the above text displayed in the respective locations. If you're still confused, click the link below (which is what I used as an example above) and see for yourself:

      Example



This message was edited by Q22 on Feb 20 2009.

This message was edited by Q22 on Jun 08 2009.

This message was edited by Q22 on Jun 08 2009.

This message was edited by Enigma(moderator) on Nov 29 2009.[/size]
quote   quick quote   edit   quick edit   del  searchposts in thread  report
Artificer
Renovatio
(moderator)

Archived Forum Bug Reports
Archived Site Bug Reports
Forum Bug Reports
NAMFox for Moderators
Neoseeker Automated Markup
Site Bug Reports
Web Coding



Artificer's profileArtificer's neohomeEmail ArtificerNeoPM ArtificerArtificer's gallery (38 images)
since: Jun 2002
Jun 19, 08 at 12:33am
re: Neoseeker Markup Guide

Questions about markup should be asked as new threads in the forum.



-------------------
100% of innovation—from business to politics—is inspired not by "market analysis" but by people who are supremely pissed off by the way things are.

Tom Peters
quote   quick quote   edit   quick edit   del  searchposts in thread  report
[All dates in (PT) time]Threads List   « Next Newest   Next Oldest »
REPLY TO THIS THREAD   START NEW THREAD


search:
search posts by username:
Neoseeker Forums » Site Related » Site/Forums Help and QA » Neoseeker Markup Guide



Jump to another forum:

Powered by neoforums v0.9.8b (equilibrium)
Copyright Neo Era Media, Inc. 1999-2010

neoseeker forum community
Neoseeker.com   |   Forum Rules   |   Forum FAQ   |   Neoseeker Terms of Use   |   Supermods On Duty [ server id: nova ··· elapsed: 0.0659070015]
Affiliated sites:   GameGrep - Football Manager Wiki - Halo Wiki - MGS Wiki - GTA Wiki - Smackdown Wiki - Zelda Wiki - PS2seeker - Xbox seeker - DEVPEN - GFXcess