| Thread title | From | Last replied |
| Now searching... | ||
| Thread title | From | Last replied |
| Now searching... | ||
| REPLY TO THIS THREAD START NEW THREAD |
| Q22 |
Dec 14, 05 at 5:54pm ^
Neoseeker Markup Guide
|
|
Log in to remove this sponsored message 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: 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 HereYou can also quote a post by clicking the quote link, located in the bottom right hand corner of every post. 
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 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: 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: * 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: 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:
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:
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: 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:
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: 
You can post a video from Youtube directly into your post using the following markup: [youtube]URL of Youtube Video goes here[/youtube]. [yt]URL of Youtube Video goes here[/yt]. Inbetween the tags you can also specify just the video's ID that you can find in the URL. 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 id for that video. Using either method results in this: [youtube]oxr8Ay5shO8[/youtube]. Will come out as: If you want to start the video at a specific time use the following markup: [youtube start=SECONDS]URL or ID of Youtube Video goes here[/youtube]. [yt start=SECONDS]URL or ID of Youtube Video goes here[/yt].
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]
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:
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. 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. 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: 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: 
[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. 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! 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 Insanity Prevails(59301) on 2012-12-25T00:36:21-08:00.[/size] | |
| quote quick quote edit quick edit del posts in thread report | |
| Advertisement Neoseeker | Sponsored message |
| Log in or register to remove this sponsored message | |
| Artificer |
Jun 18, 08 at 11:33pm ^
re: Neoseeker Markup Guide
|
|
------------------- | |
| quote quick quote edit quick edit del posts in thread report | |
| [All dates in (PST) time] | Threads List « Next Newest Next Oldest » |
| REPLY TO THIS THREAD START NEW THREAD |
Powered by neoforums v1.6.5b (aperture)
Copyright Neo Era Media, Inc. 1999-2013
