Tip: (Really) Basic HTML for your Portal

Maurer

Tip: (Really) Basic HTML for your Portal

Normal text written in an HTML sensitive area (like one of your custom modules) will appear as you enter it. The return key, however, does not start a new paragraph, and you can only add one space between letters or words using the spacebar. Additional spaces in the code will not appear in the published text. To add special formatting to your text, use some of the fomatting codes below:

Formatting Codes:

In HTML, the <> symbols are used to tell the program (usually your browser) which is responsible for displaying the information contained in the source code what do do with that information so that is is displayed correctly. Whatever appear inside a <>, will not appear on your page. But that content will effect what does appear on your page.

 : The 'Paragraph' Tag

Use this to start your second paragraph of text, and any subsequent paragraphs after that. The goes in front of the paragraph and the at the end.

 : The 'Break' Tag

Use this to start a new line of text. The tag does not require a 'closing partner'. If you want to skip a line, you can either use two tags or...

  : The 'Double-Break' Tag

Use this bit of code to skip two lines.

  : The 'Space' Code

Use this to add a space in addition to the spacebar space.

 : The 'Bold' Tag

Use this to make your text face bold.

 : The 'Italics' Tag

Use this to make your text italicised. Also, you could use...

 : The 'Emphasis' Tag

Though it takes up more space, it is easier to read.

 : The 'Font Color' Tag

Use this to change the color of your text, where XXXXXX is replaced with the hexadecimal value of your desired color. (Click here for a list of color codes.)

 : The 'Font Size' Tag

Use this to change the size of your text, where X is replaced by your desired value. You can use the system sizes or determine the pixel size (px). Do some experiementing to find the right size for you.

 : The 'Font Face' Tag

Use this to change the font of your text, where X is replaced by your desired font (such as Arial, Courier New, etc.).

PLEASE NOTE: When using the family of tags in conjunction with one another, you only need one 'closing partner' for the effected text, i.e.:

 MY TEXT 

<center> </center> : The 'Center' Tag

Use this to center your text relative to the sides of the module. Note that the <center> tag can work over an infinite number of lines of text, so you need only have one set of <center> tags around all the information that is to be centered. Of course, you can center each individual line of text individually if you really want to, but that is only a waste of precious space.

Image Codes:

To insert an image into one of your custom modules per HTML, use the following bit of code:

<img src="http://your_image_url.com">

Replace http://your_image_url.com with the actual pathway to the image you wish to have displayed on your portal.

Hyperlink Codes:

Text Hyperlinks:

To create a text hyperlink, you need two bits of information:

The destination URL (the place you want the click to take your members)
The title of the link (what word you want people to click on to go there)

Now, use the following bit of code:

<a href="http://your_desination_ulr.com/">YOUR LINK TITLE</a>

Replace http://your_destination_url.com/ with your actual destination URL and YOUR LINK TITLE with your desired text.

Image Hyperlinks:

To create an image hyperlink, you need, in addition to the above listed information:

The image url (the pathway to the image you want to use as a link)

Now, use the following bit of code:

<a href="http://your_desination_ulr.com/"><img src="http://your_image_url.com"></a>

Just like above, replace http://your_destination_url.com/ with your actual destination URL. Also, replace http://your_image_url.com with the actual pathway to the image you wish to have displayed on your portal.

Coming eventually:

(Slightly) Advanced HTML for your Portal...

-M-

ChickenMan · Posted: Mon Sep 18, 2006 3:20 am Post subject:

Very nice! This is exactly what was needed! Great job!
_________________
Make Your Portal Look Like THIS!!!!

forumwise · Admin Joined: 28 Jul 2005 $ 79.53

Thanks Maurer. Stickied! Smile

_________________
Mark

Thank you for choosing ForumWise.

Please don't private message me for support or chit-chat, use the forums.

1 · Full Member Joined: 02 Aug 2005 $ 12.59

much appreciated Very Happy

_________________
When you have a problem act like a duck. On the surface, cool and calm......underneath paddle like crazy Smile

"Never be afraid to try something new. Remember that a lone amateur built the Ark. A large group of professionals built the Titanic."

ServiceF1rst · Moderator Joined: 08 May 2006 $ 23.47 Location: Indiana

Nice tutorial M. Appreciate the time and effort.
_________________

badderb · Posted: Sat Dec 09, 2006 6:43 am Post subject:

I think this hsould be a sticky in Forum Suppost and Portal Support.

I was looking all over for this thread this morning and couldnt find it.

Logan~ · Full Member Joined: 25 Sep 2006 $ 11.36 Location: Desktop

Thanks Maurer helped a bundle. Wink

_________________

Maurer · Posted: Tue Dec 12, 2006 7:10 pm Post subject:

I'm glad if it helped some of you. Very Happy

In case you hadn't yet noticed, there is also a second thread dealing with more advanced topics. Check the link below:

(Slightly) Advanced HTML For Your Portal

-M-

Ziah · New Member Joined: 20 Jul 2008 $ 0.06

That's very nice of you of posting that information.It's very helpful for people here who's new to this. Try also to visit tutorialized. com site, there you'll see everything about you need to know about HTML.
_________________
Quit advertising in your sig ~ thanks.

	ForumWise Support Forum Index -> Community Help	All times are GMT
Page 1 of 1