HTML Codes - Pirates of the Caribbean Online Fansite & Forums

Colombiano · #1 10-20-2007, 02:58 AM

Note:All credit goes to Lemonzilla of TTC.

HTML Codes
Hello, after reading this post I fount out users were allowed to use HTML in there userpages, which is great, but some people don't know a lot of HTML, so I made this thread to help other users.

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

Making Your Userpage Into Sections

This is a wonderful code, yet very simple. This makes your page more organized by placing a bar between news, sections, etc.

Code:

<hr>

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

Scrolling Text (or Marquee)

You can use this for a lot of things such as a scrolling news system, a way to get users attention, you can insert an img between the code to make it scroll, etc.

(No Picture img is available)

Code:

<marquee>Text here</marquee>

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

iFrame

This is some what useful if you want a visitor on your userpage to view another page, on your page.

Code:

<IFRAME SRC="URL Here" WIDTH=300 HEIGHT=400></IFRAME>

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

Phony Alert Message

This has been probably one of the most used codes with userpages.

Code:

<script type="text/javascript">
     alert("message here");
</script>

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

Glowing Text
WARNING: THIS WILL NOT WORK WITH PEOPLE VIEWING IT IN FIREFOX!!!

Code:

<p align=center><table><tr><td style="filter:glow(color=blue strength=5);font-family:arial;font-weight: BOLD;font-size:'18pt'">Text</td></tr></table></p>

(You will be able to change the color and the strength of the color, as you can see the areas I bolded)

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

Text AreaThis makes all your text a little more organized.

Code:

<TABLE BORDER="2" BORDERCOLOR="#C6C6C6" CELLPADDING="4" ALIGN="Center" WIDTH="50%"><TR><TD BGCOLOR="#EAE8E8">Your Text</TD></TR></TABLE>

Whatcha Waiting for?
Edit Your Userpage!

Note:All credit to above goes to Lemonzilla of TTC
_______________________________________

Colombiano · #2 11-03-2007, 03:05 AM

Added a new game: Biscuits Cursor Game!

Seems like I accidentaly erased the first part of the guide. I will have it back up soon.

Can't seem to get the pictures up. Also I will get Biscuits HTML codes back up too.

Tricky · #3 11-04-2007, 04:26 AM

Quote:

Originally Posted by Colombiano

Added a new game: Biscuits Cursor Game!

Seems like I accidentaly erased the first part of the guide. I will have it back up soon.

Can't seem to get the pictures up. Also I will get Biscuits HTML codes back up too.

Ugh, now you add these? I had to take them one by one off of TTC and add them to my userpage. Well at least now I don't have to worry if I delete part of it again.

Colombiano · #4 11-12-2007, 12:50 AM

Quote:

Originally Posted by Tricky Electrobee

Ugh, now you add these? I had to take them one by one off of TTC and add them to my userpage. Well at least now I don't have to worry if I delete part of it again.

Sorry but I added them a while ago but no one ever posted to I got Batleth to sticky it and merge my posts.

Added new stuff!!:
Universal clock-Now it shows what time it is depending on what your computer clock says

Christmas Timer with no Music so it does not interfere with music already on your userpage.

Eloricth · #5 02-27-2008, 01:40 PM

Do the userpages allow CSS? I'm guessing they do, since you're using a glow filter...
Also about that, why are you embedding a table within a paragraph and styling the table data? It's so much easier to just style the paragraph element, plus it reduces nesting of unnecessary elements.

Also,

Code:

<script language="javascript">

is deprecated. You should update it to

Code:

<script type="text/javascript">

I hope I'm not coming across as rude, it's not my intent.

Thanks in advance,
-Elo

Davy · #6 02-28-2008, 12:47 PM

I love it. Great guide! +rep

Colombiano · #7 03-05-2008, 01:31 AM

Removed the censored ones and added a code box for first HTML.

Thanks all for the feedback and Rep.

Quote:

Originally Posted by Eloricth

Do the userpages allow CSS? I'm guessing they do, since you're using a glow filter...
Also about that, why are you embedding a table within a paragraph and styling the table data? It's so much easier to just style the paragraph element, plus it reduces nesting of unnecessary elements.

Also,

Code:

<script language="javascript">

is deprecated. You should update it to

Code:

<script type="text/javascript">

I hope I'm not coming across as rude, it's not my intent.

Thanks in advance,
-Elo

I have no idea what the paragraph and element stuff meant but I added your your script code.

Eloricth · #8 03-05-2008, 02:09 PM

An element is one of those tags you use in the HTML code. Take, for example, the glowing text example.

Code:

<p align=center>
     <table>
          <tr>
               <td style="filter:glow(color=blue strength=5);font-family:arial;font-weight: BOLD;font-size:'18pt'">Text</td>
          </tr>
     </table>
</p>

Let's break down what's going on here...

Code:

<p></p> - Paragraph start/end elements
<table></table> - Table start/end elements
<tr></tr> - Table row start/end elements
<td></td> - Table data start/end elements

In the line...

Code:

<td style="filter:glow(color=blue strength=5);font-family:arial;font-weight: BOLD;font-size:'18pt'">Text</td>

the style="filter:glow(color=blue strength=5); font-family:arial; font-weight:bold;font-size:18pt;" is CSS (cascading style sheets). It changes the appearance (style) of HTML elements.

Anyway, the block can be rewritten to something like this:

Code:

<p style="text-align:center; font:bold 18pt arial; filter:glow(color=blue strength=5);">Text</p>

For more information on HTML, CSS, Javascript, and web development standards, check out the World Wide Web Consortium & w3schools.com.

-Elo

PS: The glow:filter CSS property does not work in Firefox because it is a Microsoft-proprietary CSS property. When Microsoft developed Internet Explorer, they failed to properly support some of the CSS1 specs (take a look at how IE renders the box model vs how Firefox does. Firefox gets it right, IE, not so much). Not only that, but they decided to create some IE-specific properties. These properties do not work in other browsers because the other browsers don't know how to handle the CSS. I'm sure this is all waaaaaay more than people want or even care to know, though. lol

Davy · #9 03-11-2008, 11:34 PM

URGENT: DO NOT use the Phony Alert Message code. All it does is put ads on your userpage and wipe everything away.

Eloricth · #10 03-12-2008, 01:11 AM

Quote:

Originally Posted by Davy

URGENT: DO NOT use the Phony Alert Message code. All it does is put ads on your userpage and wipe everything away.

It's because the script is broken. All you're doing with the script as it is currently posted is opening a script block. Any HTML that you put inside this script block will be interpreted by the browser as javascript.

The alert script should be...

Code:

<script type="text/javascript">
     alert("message here");
</script>

-Elo

Davy · #11 03-12-2008, 03:32 AM

I figured it out. Thanks.

Shnoodell · #12 08-09-2009, 11:31 PM

Wow wonderful guide! This will take my forum smarts to a whole new level! THANKS!

Jack Chainward · #13 11-03-2009, 12:48 PM

Thanks for this guide although my UP is still going to be horrible =)

mtmauch1 · #14 07-26-2010, 05:17 AM

thx, this kinda helped...

muffin pirate · #15 07-26-2010, 02:19 PM

I have a Java Script code that me friend gave me... Although it is more like a trick code... xD