Reply
Oct 31 2012
By: DVM-501 PlayStation MVP 7824 posts
Offline

PlayStation.com Forums HTML Guide

[ Edited ]
34 replies 10557 views Edited Oct 2, 2013

PlayStation.com Forums HTML Guide

 

 

 

The following is a guide to help the community understand how to use HTML on the PlayStation.com Community. The purpose of this guide is to help the community better understand how to use HTML so that the community can have full understanding and control of how their posts, signatures, and macros are formatted.

 

 

  1. FAQ
  2. Basics of HTML
  3. Basic Text Editing
  4. Text Editing With The Font Tag
  5. Alignment and Spacing
  6. Lists
  7. Hyperlinks
  8. Images
  9. Preformatted Text
  10. Lithium Created HTML
  11. Closing

 

 

 

1. FAQ

Q: What is HTML?
A: HTML stands for Hypertext Markup Language. This is the language that is used to instruct your web browser how to format and display web pages.

 

Q: Why do I need to know HTML?
A: HTML is the language used on the PS.com forums for formatting posts signatures, and macros.

 

Q: Where would I use HTML?
A: HTML can be used to format signatures, forum posts, private messages, and macros.

 

Q: HTML doesn't work in my forum posts and private messages. Why can't I enter HTML?
A: You have your post editor set to Rich Text. This is a WYSIWYG (What You See Is What You Get) editor. So entering HTML will result in the HTML itself showing up in your post. To use HTML to format your post simply go to the top left of the post editor and click on the HTML Editor link. There you can also go back to Rich Text editor or Preview your post.

 

Q: If the Rich Text editor formats posts, then what's the point of using HTML?
A: There are three reasons why it is recommended to learn HTML for the PS.com forums.

  1. There is no Rich Text editor for your signature and macros, so HTML is a must.
  2. Not all of the formatting options on the PS.com forums are available via the Rich Text editor buttons/menus, requiring the use of HTML in order to use a greater array of formatting options
  3. Occasionally problems can occur in the Rich Text formatting that becomes a huge headache when trying to correct. It is often far easier and faster to use the HTML editor to correct the mistaken formatting

 

Q: I'm trying to help another member. How do I enter the HTML so that my post shows the HTML, not the formatting that is the result of the HTML?
A: To display the HTML in a post you have two options. The first is to write the HTML in the Rich Text editor and the other is to replace the < > with their ASCII HTML Name code equivalent in the HTML Editor (this also works for using these characters in your signatures and macros).

&lt; = <
&gt; = >

-------------------

Return to Top

-------------------

2. Basics of HTML
HTML is a language that utilizes the greater-then ( > ) and less-then ( < ) symbols to identify a HTML tag. Each tag is contained within the < > symbols, and every tag is closed the a forward slash ( / ). Most HTML tags contain an opening tag at the beginning of the element (text/image/etc) and a separate closing tag at the end of the element. The / should be placed at the beginning of the closing tag to indicate that the tag has been closed. There are however, some tags that only have the opening tag. So to close the singular tag a / is added to the end of the opening tag.

<p> Text </p> - rapping tags

<hr /> - singular tag

When using tags that contain both an opening and closing tag you should rap the tags around the element that you want formatted, and if you use more then one tag to format an element you should place the tags in the same order for opening and closing, by order of closest to the element to farthest from the element. Say for example you want to bold and underline a piece of text. The order does not matter until you close both tags. If you open the bold then open the underline you must close the underline then close the bold.

<strong><u> Text </u></strong>

Farthest from the element at open remains the farthest from the element at close

-------------------

Return to Top

-------------------

3. Basic Text Editing
The basic text formatting is the standards of bold, underline, italicize, and strike-through.

 

To bold your text you will rap the text that you want to be bold with the strong tag:

<strong>Text</strong> - Text

To italicize your text you will rap the text that you want to be italicized with the em tag:

<em>Text</em> - Text

To underline your text you will rap the text that you want to be underlined with the u tag:

<u>Text</u> - Text

To strike-through your text you will rap the text that you want to strike-through with the strike tag:

<strike>Text</strike> - Text

-------------------

Return to Top

-------------------

4. Text Editing With The Font Tag
The moderate text formatting is the text size, font, and color. All of these utilize the same font tag, but different attributes. The attributes are added to the opening tag and will always contain the attribute name, followed by an equals sign ( = ), then the property that you would like to assign to the attribute enclosed in quotations.

 

To change the size your text you will need to use the size attribute with the font tag:

<font size="#">Text</font>

<font size="1">Text</font> - Text

The size of the text can be designated by simply assigning a number from 1-7. 1 being the smallest font size (used in the example above) and 7 being the largest.

 

To change the font of the text you will use the face attribute with the font tag:

<font face="font name">Text</font>

<font face="times new roman,times">Text</font> - Text

Keep in mind that if you use a font that is not installed on another user's computer, that user will not see your font, instead they will see the font according to the default settings, which is Arial on the PS.com forums. For this reason the font name is not restricted to just one font. By adding a comma to the end of the font name you can add the name of another font. This makes the first font the primary and the second font the secondary, which will be used should a user not have the primary font installed on their computer. In the example above I used Times New Roman as the primary font and as the secondary I used Times, which is the alternate name for Times New Roman.

 

To change the color of the text you will use the color attribute with the font tag:

<font color="#Hex Code">Text</font>

<font color="#FF0000">Text</font> - Text

When changing the color of your font you will need to enter the # symbol, then use the Hexadecimal code to determine which color will appear in your post. For information on Hex colors please read through my Guide to HTML Colors.

 

Now, say that you want to change both the color and the font of your text. It may seem like there will be a lot of work involved in changing both. But when using attributes the work can be decreased by simply combining the attributes. In HTML attributes that share the same tag can be placed on the same element, allowing you to only write one opening and one closing tag.

<font face="font name" color="#Hex Code">Text</font>

<font face="times new roman,times" color="#FF0000">Text</font> - Text

-------------------

Return to Top

-------------------

5. Alignment and Spacing

There are several tags that can be used for various alignment and spacing needs, the most versatile of which is the paragraph ( p ) tag.

 

 

 

5.1. Vertical Spacing:

Vertical spacing (up-down) is the formatting that defines the spacing between lines in your post, and can be controlled with the use of paragraph tags, line breaks ( br ), and horizontal lines ( hr ).

 

The line break is a simple tag. All that you need to do to create a line break is to add the singular line break tag to the end of the line that you want the break to appear after. This will drop the next line of text down to the next line. You can also add more than one line break to push the next line of text farther down the page. This is equivalent to clicking Enter once on your keyboard for each line break.

Text<br />Text


-

Text
Text

To separate different blocks of text it is recommended to surround the text with the paragraph tag. This eliminates the need to use a line break, unless you wish to force a line break in the middle of the paragraph.

<p>Text</p>

<p>Text</p>


-

Text

Text

The amount of space that appear between the paragraphs is defined in the website's CSS style sheet. This is the file that contains and defines how much of the HTML acts. In the case of PS.com the spacing of each paragraph is equivalent to one click from the Enter button on the keyboard. If more space is to be added an empty paragraph can be entered into the post. This is done by surrounding the ASCII HTML Name code for a space ( &nbsp; ) with the paragraph tags.

<p>&nbsp;</p>

Many times it is useful to separate portions of text with a line, to split thoughts and ideas vertically. This is done by placing a single horizontal line ( hr ) tag at the point that you wish the line to appear. The horizontal line can also be altered to change the color, width, and height of the line by using attributes; however, the PS.com forums do not accept the use of attribute with the horizontal line tag so these will not be included in this guide. Also note that horizontal lines are what Lithium uses to visually separate quoted material in posts.

<hr />


-------------------

Return to Top

-------------------

5.2. Horizontal Spacing:

Horizontal spacing (left-right) is the formatting that defines where the lines will be placed and begin in your post, and can be controlled by using paragraph tags, centering, and blockquotes.

 

Blockquotes are used to tab sections of text, and is the tag used by Lithium to tab quoted posts. To use a blockquote simply surround the text that you wish to be tabbed with the blockquote tags.

<blockquote>Text</blockquote>

 

-

Text

Blockquotes can also be used within other blockquotes to create layers of indented text. Beware of closing tag positioning. The layered blockquote must appear inside of the blockquote before it.

           1                          2                          3                           3                     2                     1

<blockquote>Text<blockquote>Text<blockquote>Text</blockquote></blockquote></blockquote>

 

-

Text
Text
Text

To format the alignment of your text the easies tag is the center tag. To utilize this tag you simply surround the content that you wish to be centered on the page.

<center>Text</center>

Text

The center tag is most useful for centering content that is not contained within paragraph tags, such as images and videos. This is do to the fact that the simple paragraph tags can contain an alignment attribute, and ideally you will have already separated your text with paragraph tags, so it becomes easier to adjust the alignment of your content by adding an attribute to the tag that is already in place.

 

To add alignment to your paragraph tags you simple type align="" into the opening tag and indicate the type of alignment that you wish your content to have.

<p align="Allignment">Text</p>

 

Left alignment aligns content to the left-hand side of the page.

Note: Left alignment is set by default, so this is only needed if you have set your alignment to something else and wish to overwrite a small section to be back to the left.

 

<p align="left">Text</p>

 

-

Text

 

Center alignment aligns content to the center side of the page.

<p align="center">Text</p>

 

-

Text

 

Right alignment aligns content to the right-hand side of the page.

<p align="right">Text</p>

 

-

Text

 

Justify alignment spaces content so that it all aligns to both the left-and and right-hand side of the page.

Note: The following example is know as Lorem Ipsum. It is not a real language or real text. It's simply random letters to generate an example of how the HTML functions.

 

<p align="justify">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti.</p>

 

-

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti.

The paragraph tag is very versatile. With the addition of various attribute it can be used for a great deal of functions and often makes other HTML tags obsolete. As we have already seen, the paragraph tag can be used to space content not only vertically but also horizontally. By adding other attributes, such as style, a great deal of editing can be done to the text, such as font type, color, and size. However, none of these functions are available on the PS.com forums, so we will not go into any farther detail on paragraph tags.

-------------------

Return to Top

-------------------

6. Lists

Lists can be a useful way to lay out points and ideas in an orderly manner. In HTML there are two types of lists, unordered list ( ul ) and ordered lists ( ol ). Inside both the unordered and the ordered lists are a series of list tags ( li ) to indicate which portion of text is apart of which point in the list. Keep in mind while working on a list that both the list type and the list points are rapping tags, so it can be difficult to keep track of where all of the opening and closing tags are located.

 

Unordered lists are lists that are separated out by simple bullet points.

<ul>

<li>Text 1</li>

<li>Text 2</li>

<li>Text 3</li>

</ul>

 

-

  • Text 1
  • Text 2
  • Text 3

Ordered lists are lists that are separated out by numbered points.

<ol>

<li>Text 1</li>

<li>Text 2</li>

<li>Text 3</li>

</ol>

 

-

  1. Text 1
  2. Text 2
  3. Text 3

A list can be put inside of another list to ever farther separate ideas. When adding a list within a list it does not matter which type of list you are using nor does it matter which time of list that you wish to add to the current one.

<ol>

<li>Text 1</li>

<ol>

<li>Text 2</li>

</ol>

<li>Text 3</li>

<ul>

<li>Text 4</li>

<ul>

</ol>

 

-

  1. Text 1
    1. Text 2
  2. Text 3
    • Text 4

Lists can be farther customized by adding the type attribute to the opening ul or ol tag, and indicating which type of point you want to organize your list by (square bullet, round bullet, number point, letter point, etc). Unfortunately the type attribute is not available on the PS.com forums so we will not go any farther into that lesson.

-------------------

Return to Top

-------------------

7. Hyperlinks

Hyperlinks are pieces of clickable text or images that will sent you to another page or website. These tend to be used a lot on the PS.com forums for a wide verity of reasons. To create a hyperlink you simply have to rap the anchor tag ( a ) with the hypertext referenceattribute ( href ) around the text or image that you wish to become a clickable link.

 

Within the href you will need to enter entire URL of the web page that you want link to lead to, beginning with http://.

<a href="URL">Text/Image</a>

<a href="http://google.com">Link</a> - Link

Also note that the PS.com system will register all content that immediately follows http:// as a URL and will automatically make the URL itself, if not contained within hyperlink HTML, a clickable hyperlink. Though some characters can cause this system to not recognize the full URL causing the link to be broken. So it is recommended that you use the hyperlink HTML all the time and not rely on the auto link system from the forums.

 

Often times it is helpful to control pieces of how the hyper link functions. By adding the targetattribute you can customize how your link directs other users by defining how the webpage in the hyperlink will open when clicked (e.i. new tab/new window or current tab/window).

<a href="URL" target="Target Name">Text/Image</a>

To designate the link to open in the same tab/window use _self:

<a href="http://google.com" target="_self">Link</a> - Link

To designate the link to open in a new tab/window use _blank:

<a href="http://google.com" target="_blank">Link</a> - Link

-------------------

Return to Top

-------------------

8. Images

Images are graphics that can be used for any number of reasons. Though one thing that must always be done before an image can be used on the forums, or any website, is that the image must first be uploaded to the internet. this can be done by using an image host, such as Photobucket or ImageShack, or can be uploaded directly to the PS.com forums

 

Once your image has been uploaded to the internet you will use the image tag ( img ) with the source attribute ( src ), with the source of your image being the full URL of the always beginning with http:// and ending with the extenuation of your image, for example: .jpg for a JPEG image.

<img src="URL" />

<img src="http://imageshack.us/a/img690/2140/imageuploader.gif" /> -

The image tag can also contain various attributes to control the dimensions of the image, image border, and what users will see should the image not load properly.

 

If you want to display the image in a different size then the original size of the image you can control the size of the image with the width and/or height attributes. Keep in mind that the width and height of the image are read in pixels, these are the tinny blocks that create the graphics that you see on your screen, so to change the width and/or height you will need to enter the number of pixels that you'd like the image to be seen as and add px to the end of the number. Also, the forums automatically link the width and height so if you adjust one the other will automatically change as well so that your image does not become stretched and distorted.

<img src="URL" width="pixels" />

<img src="http://imageshack.us/a/img690/2140/imageuploader.gif" width="30px" />

<img src="http://imageshack.us/a/img690/2140/imageuploader.gif" height="30px" />

<img src="http://imageshack.us/a/img690/2140/imageuploader.gif" width="30px" height="30px" />

 

-

There are times when you may wont to add a border to your image. The good news is that you don't have to download and install image editing software in order to have your border, the bad news is that the only number available on PS.com forums is zero. By simply adding the border attribute you can add a border to your image and control the size of the border. This is also a useful attribute if you wish to add a link to your image but do not want the link to generate a border. To correct this you simply indicate that you wish the border value to be zero.

<img src="URL" border="Number" />

<img src="http://imageshack.us/a/img690/2140/imageuploader.gif" border="0" />

 

It is an unfortunate reality of life, but the internet does not always function properly. Not everyone has a good, fast, connection to the internet, and for those who do the connection will not always be so. As a result web browsers try to cut the amount of information that it is trying to load, and typically one of the largest and first things to be cut are images. This can result in your image showing up on another users page and being broken, and this is never a beneficial thing. For this reason we have the alternate attribute ( alt ). When using the alt attribute you can designate a piece of text that will be loaded and shown on a user's page should their connection result in your image not loading properly.

<img src="URL" alt="Alternate Text" />

-------------------

Return to Top

-------------------

9. Preformatted Text

The preformatted text tag ( pre ) creates a text box that contains pre-set formatting. By using pre tag you can simply type your text into the box and all line breaks and spaces are preserved. When using the HTML editor the HTML ignores unused space, so you can space all of your content how ever you wish to make the HTML easier for you to read. Because of this if you enter a line of text a few spaces lower without typing the HTML to generate the line breaks when you submit your post the lower line will be bunched up with the one you entered above it. However with the pre tag all spacing made inside of the tags will remain as you typed them

<pre>

Text

 

Text

</pre>

-

Text

Text

Be advised the use of this particular HTML on the forums tends to be finicky. If your post requires an edit the pre tags will be removed by the post editor, forcing you to re-enter them into the post each time you edit the post.

-------------------

Return to Top

-------------------

10. Lithium Created HTML

Built into the Lithium software there are a couple of HTML tags that do not actually exist and will not work out side of the Lithium system. These tags are read by the Lithium system much like how your browser reads regular HTML, and runs the more complex coding that is needed for the browsers to understand what to do with the simplified tag. This makes the code far easier for the average person to read and understand how the code works.

 

 

 

10.1. Videos:

Thanks to HTML5, there does exist actual HTML for the germination of videos. However, HTML5 is not compatible with a lot of older browsers and the HTML5 coding for videos is rather complex. So to make the use of videos both less complex and compatible with more browsers Lithium created their own version of the HTML. However, a note to be made is that the Lithium software is only built to function with Youtube videos.

 

To enter a Youtube video you will use the lithium video tag ( li-video ) and a series of attributes to define the video. Keep in mind that this is a rapping tag, despite not actually having any content to rap

<li-video></li-video>

Now that you have the opening and closing tags in place it is time to add the attributes. There are quite a few attributes that can be used with the video tag, however there are only two that are absolutely necessary. These are the video ( vid ) and the external source ( external ) attributes.

 

First is the vid attribute. This defines which Youtube video you wish to link to, though you will not enter then entire URL of the video, but instead enter the unique ID given to the video. The video ID is the series of random ASCII characters that appears after the v= in the URL.

www.youtube.com/watch?v=b3KUyPKbR7Q

www.youtube.com - website hosting the video

/watch?v= - command to indicate that the webpage is for a specific video

b3KUyPKbR7Q - 11 character unique ID for a specific video

 

 

<li-video vid="Video ID" ></li-video>

<li-video vid="b3KUyPKbR7Q" ></li-video>

Second is the external attribute. This defines the source of the video. If more sources than youtube were permitted this would be where you would differentiate between the sources; however, since only Youtube is permitted this attribute makes sure that the source is Youtube, so if you omit this attribute or enter the incorrect source you will receive an error message informing you that you are not permitted to post videos.

<li-video external="Video Source" ></li-video>

<li-video external="youtube" ></li-video>

Other useful attributes include ones that we have already seen (align, width, height, and size). With these attribute you can define how the video appears on the page. Align as seen before will define the horizontal alignment, left, center, or right. Width and Height define the size of the video in precise pixel measurements. Lastly size is a little different before in that it defines the size of the video on a scale or small, medium, or large (these three being the key words that you will use between the quotations).

<li-video align="Alignment" width="Width" height="Height" size="Size"></li-video>

<li-video align="left" width="320" height="265" size="small"></li-video>

Finally, you can use the thumbnail attribute to control the thumbnail that is used for the video. Youtube uses a specific file system to store their thumbnails for videos, so it becomes fairly simple to find the thumbnail that you are looking to use.

http://i.ytimg.com/vi/Youtube Video ID/default.jpg

http://i.ytimg.com/vi/b3KUyPKbR7Q/default.jpg

 

<li-video thumbnail ="URL" ></li-video>

<li-video thumbnail ="http://i.ytimg.com/vi/b3KUyPKbR7Q/default.jpg" ></li-video>

Now that we have created all of the pieces of the video and its attributes all we have to do is put all the pieces together and you will have your video and all the controls to formal the appearance of the video to fit how you wish to have it set up in your post. Note that you do not have to put the attributes in any particular order, so long as each individual attribute is written correctly the HTML will work. This is actually true for all HTML attributes. If you use more than one in a single tag the order will not make any difference.

<li-video vid="Video ID" external="Video Source" thumbnail ="URL" align="Alignment" width="Width" height="Height" size="Size"></li-video>

<li-video vid="b3KUyPKbR7Q" external="youtube" thumbnail ="http://i.ytimg.com/vi/b3KUyPKbR7Q/default.jpg" align="left" width="320" height="265" size="small"></li-video>

-

-------------------

Return to Top

-------------------

10.2. Spoilers:

Spoilers are a major factor when on a forum like PS.com do to the nature of the site revolving around video games and their stories. So to help the user base avoid potential problems with spoilers Lithium developed a spoilers tag ( li-spoiler ) to work with the Lithium software. This tag generates a block that collapses all of the content within the tag into a small block, so that a user does not have to see the content unless they wish to and clicks the spoiler link that uncollapses the content.

<li-spoiler>Text</li-video>

-

Spoiler
Text

-------------------

Return to Top

-------------------

10.3. @Mentions:

Finally, we have @Mentions. @Mentions allows you to easily and quickly tag another member of the forums in a post, generating a link to their profile and an email notification of the @Mention

 

To enter an @Mention you will use the lithium @Mentions tag ( li-user ) and a two attributes to define the user that you wish to mention. Keep in mind that this is a rapping tag, despite not actually having any content to rap

<li-user></li-user>

Now that you have the opening and closing tags in place it is time to add the User ID ( uid ) and the Username ( login ) attributes.

 

First is the uid attribute. This defines which member of the community that you wish to mention, and link to. The User ID is the numerical ID given to every member of the community so that the forums software can quickly and easily identify each individual member. The easies way to find the User ID of a member of the forums is to look at the URL of the member's profile and copy digits that appear after the /user-id/ in the URL.

http://community.us.playstation.com/t5/user/viewprofilepage/user-id/174055

174055 - User ID

 

<li-user uid="User ID" ></li-user>

<li-user uid="174055" ></li-user>

Second is the login attribute. This defines the name of the user that is to be entered into the post. All though what you enter into this field does not actually matter since the forum software will automatically enter the full Username that is associated with the User ID, it is important to note that there must be text present in the quotes of the attribute otherwise the @mention will be completely removed upon attempting to submit the post.

<li-user login="Username" ></li-user>

<li-user login="DVM-501" ></li-user>

With all parts in place you are ready to @Mention your fellow members in your posts. Please be aware that spamming @Mentions to annoy and troll other members will result action from the forum Moderation. It is cool to @Mention your fellow members to draw their attention to content that they actually need/want to see or to give attention to your fellow members, but it is not cool to spam your fellow members.

<li-user uid="User ID" login="Username"></li-user>

-

@DVM-501

 

 

 

11. Closing

Thank you for spending the time to read through my HTML Guide. I know that it is a tad lengthy. I hope that I provided enough detail for you to be able to go out into the PS.com forums and format your posts, signature, private messages, and macros to your heart's content. If you have any questions about anything that I covered in this guide or anything that I omitted do to HTML restrictions on the forums feel free to either ask in this thread or send me a PM and I will do my best to answer your question(s).

 

Also, if you found this guide helpful and would like to have easy access to it for later reference I would recommend either floating it to the top of the board or bookmarking it. To float this thread simply go to the Topic Options drop-down menu above the thread at the top left-hand corner of the page and select Float this Topic to the Top which will pin a copy of the thread at the top of the board for your screen (when you're logged in), and to bookmark the thread you will select Bookmark immediately bellow the float option in the same menu.

 

Good luck, and happy posting

-------------------

Return to Top

-------------------

Please use plain text.
Message 1 of 35 (10,557 Views)
VP of Gaming
Registered: 01/09/2010
Online
28048 posts
 

Re: PlayStation.com Forums HTML Guide

Oct 31, 2012

Great guide DVM, very helpful, for "oldies" & "newbies" alike.

Please use plain text.
Message 2 of 35 (10,532 Views)
PlayStation MVP
Registered: 08/20/2007
Online
9269 posts
 

Re: PlayStation.com Forums HTML Guide

Oct 31, 2012

DVM back in action. :smileyhappy:

 

It'll be better if a mod add the anchor tags in the posts.

Please use plain text.
Message 3 of 35 (10,524 Views)
Reply
0 Likes
PlayStation MVP
Registered: 01/26/2007
Offline
7824 posts
 

Re: PlayStation.com Forums HTML Guide

Oct 31, 2012

deadend123 wrote:

DVM back in action. :smileyhappy:

 

It'll be better if a mod add the anchor tags in the posts.


It's been a while, but I'm starting to get back into the online world, and what better way to kick things off than a massive guide? :smileytongue:

 

Ya, that would be awesome. I can talk to one of them and see if they'd be willing to do so. Though I do have to admit, I really wish I could just add the anchors myself. Tis a bummer being restricted from using such useful tools like that.

Please use plain text.
Message 4 of 35 (10,521 Views)
Reply
0 Likes
PlayStation MVP
Registered: 12/18/2002
Online
18335 posts
 

Re: PlayStation.com Forums HTML Guide

Oct 31, 2012

Good work DVM-501 :smileyhappy:

7FXb|Thunderstorm Summer[Twitter] @SevenFactors Welcoming Committee 2.0 MVP
Please use plain text.
Message 5 of 35 (10,516 Views)
Reply
0 Likes
Big Daddy
Registered: 01/17/2003
Online
18888 posts
 

Re: PlayStation.com Forums HTML Guide

Nov 1, 2012

DVM-501 wrote:

PlayStation.com Forums HTML Guide

 

 The following is a guide to help the community understand how to use HTML on the PlayStation.com Community. The purpose of this guide is to help the community better understand how to use HTML so that the community can have full understanding and control of how their posts, signatures, and macros are formatted.


 

Thank You!  :smileyhappy:

Please use plain text.
Message 6 of 35 (10,498 Views)
Reply
0 Likes
Welcoming Committee
Registered: 01/19/2004
Offline
32617 posts
 

Re: PlayStation.com Forums HTML Guide

Nov 21, 2012

Yeah, you definitely earned a kudo from me.

Please use plain text.
Message 7 of 35 (10,323 Views)
Reply
0 Likes
PlayStation MVP
Registered: 01/26/2007
Offline
7824 posts
 

Re: PlayStation.com Forums HTML Guide

[ Edited ]
Nov 28, 2012

Welp, good news, Tempest and I discussed adding anchors. As a result I'm happy to say that anchors are now apart of the index at the begging of the post. Unfortunately the forums automatically set the anchors to open in a new window/tab, and due to HTML restrictions I can't correct this without the assistance of a Mod.

 


zeker wrote:

Thank You!  :smileyhappy:


lol, you're welcome.

 


DrGadget wrote:

Yeah, you definitely earned a kudo from me.


Thanks Gadget. Knowing how picky you are with Kudos that really means a lot.

Please use plain text.
Message 8 of 35 (10,277 Views)
Reply
0 Likes
PlayStation Community Manager
Registered: 11/02/2010
Offline
4326 posts
 

Re: PlayStation.com Forums HTML Guide

Nov 28, 2012

DVM-501 wrote:

Welp, good news, Tempest and I discussed adding anchors. As a result I'm happy to say that anchors are not apart of the index at the begging of the post. Unfortunately the forums automatically set the anchors to open in a new window/tab, and due to HTML restrictions I can't correct this without the assistance of a Mod.

 


No need to bother the moderators.  I saw this reply and hopped in to the OP and edited the HTML.  Anchors should hop down the post in this tab now.


Tempest_Fire | @strebeck
PlayStation Network Senior Community Manager
Sony Computer Entertainment America
Please use plain text.
Message 9 of 35 (10,266 Views)
PlayStation MVP
Registered: 01/26/2007
Offline
7824 posts
 

Re: PlayStation.com Forums HTML Guide

Nov 28, 2012

Tempest_Fire wrote:

DVM-501 wrote:

Welp, good news, Tempest and I discussed adding anchors. As a result I'm happy to say that anchors are not apart of the index at the begging of the post. Unfortunately the forums automatically set the anchors to open in a new window/tab, and due to HTML restrictions I can't correct this without the assistance of a Mod.


No need to bother the moderators.  I saw this reply and hopped in to the OP and edited the HTML.  Anchors should hop down the post in this tab now.


Awesome, thanks for adding and fixing the anchors. :smileyhappy:

 

Wow, just realized a typo in my post that you quoted. That's supposed to be now apart, not not apart. Rather changes the whole meaning of the sentence. I'll have to fix that in just a moment.

Please use plain text.
Message 10 of 35 (10,257 Views)
Reply
0 Likes