Difference between revisions of "HTML"

From The Wajas Wiki
m (Areas HTML is Limited or Unusable)
m (Tips and Troubleshooting)
Line 35: Line 35:
 
*'''Make sure you close your codes correctly'''.  If you accidentally leave a less than sign (<) open without a greater than sign (>) to close it, the site will eat everything in your post after the less than sign appeared. It's always a good idea to copy your post into a wordpad  document so that if the site times out or there's a mistake in your html, you won't lose your post.
 
*'''Make sure you close your codes correctly'''.  If you accidentally leave a less than sign (<) open without a greater than sign (>) to close it, the site will eat everything in your post after the less than sign appeared. It's always a good idea to copy your post into a wordpad  document so that if the site times out or there's a mistake in your html, you won't lose your post.
  
*'''If an image didn't show up, make sure it's actually uploaded to the web somewhere.'''  You cannot post images that are on your computer without first uploading them to an image hosting site (such as photobucket and tinypic). You also cannot post images directly from the Custom Demo without first saving them to your computer and uploading them to an image hosting site.  
+
*'''Remeber, if you're posting an image from your computer, you must upload it to an image hosting site first.''' Examples of some free image hosting sites are photobucket.com and tinypic.com. You'll want to copy the image's address given to you by the site (it's usually the "direct link" address). You also cannot post images directly from the Custom Demo without first saving them to your computer and uploading them to an image hosting site.
 +
 
 +
Note: Many image hosting sites provide an HTML code for you to copy paste to make your image show up, but I don't recommend just copy-pasting this.  More often than not it includes a code that makes it link back to their website, which is annoying and prevents you from linking the image to somewhere else.  When people see that your image is clickable, they will expect it to take them to somewhere relevant (such as the waja's page or your cave), not back to the image hosting site.
  
 
*'''However, if an image is already stored on the Wajas.com server, feel free to link to it there.'''  There's no need to use an image hosting site to upload a picture of a waja that already exists.  Simply go to the waja's page and use the image URL of its picture.  See the "Where to find the image URL" section above for more information on where to find the Image URL of images that are already uploaded to the internet.
 
*'''However, if an image is already stored on the Wajas.com server, feel free to link to it there.'''  There's no need to use an image hosting site to upload a picture of a waja that already exists.  Simply go to the waja's page and use the image URL of its picture.  See the "Where to find the image URL" section above for more information on where to find the Image URL of images that are already uploaded to the internet.

Revision as of 23:26, 15 January 2011

HTML, which stands for HyperText Markup Language, is a coding language used to structure text and multimedia documents and to set up hypertext links between documents, used extensively on the World Wide Web. More relevantly to the average waja user, HTML codes are what players use to customize their forum posts, cave descriptions, cave rules, signatures, groups, and anywhere else permitted by the site. It allows you to do a variety of things, such as posting images, linking to pages, and editing the appearance of your text.

Basic HTML

Here is a basic HTML guide, originally written by Katamarie (ID #51914), that can be used in your cave description or in posts on the forums. Copy the code exactly and edit the text as indicated.

How to make text Bold

<b> Your Text Goes Here </b>

How to Italicize text

<i> Your Text Goes Here </i>

How to post a link

<a href="Link URL Goes Here">What you want the link to say goes here</a>

How to post an image

<img src="Image URL Goes Here">

How to post an image that links to a page

<a href="Link URL Goes Here"><img src="Image URL Goes Here"></a>

The "Link URL" is the address of the page you want the link to go to. The "Image URL" is the location of the image.

Where to find the Link URL

It will be in the address bar of your browser when you're on the page you want the link to go to.

Where to find the image URL

For Firefox, right click on the image and select "copy image location". For Internet Explorer, right click on the image and select "properties" Copy the address listed after "Address(URL)". If you paste the Image URL in the address bar of your browser and press enter, you should come up with a page featuring nothing but the image in question.

Remember! If you want to post an image off the Custom Demo, you must save the finished image to your computer and then upload it to an image hosting site. Linking to the custom demo image directly will cause it to show up incorrectly to other users because that image isn't stored on the server and ceases to exist when you leave the Custom Demo page. You must save your completed design to your computer, upload it to an image hosting site, and use the Image URL provided there.

Tips and Troubleshooting

  • Only edit the text where indicated. Everything else is code and needs to be copied exactly.
  • Make sure you close your codes correctly. If you accidentally leave a less than sign (<) open without a greater than sign (>) to close it, the site will eat everything in your post after the less than sign appeared. It's always a good idea to copy your post into a wordpad document so that if the site times out or there's a mistake in your html, you won't lose your post.
  • Remeber, if you're posting an image from your computer, you must upload it to an image hosting site first. Examples of some free image hosting sites are photobucket.com and tinypic.com. You'll want to copy the image's address given to you by the site (it's usually the "direct link" address). You also cannot post images directly from the Custom Demo without first saving them to your computer and uploading them to an image hosting site.

Note: Many image hosting sites provide an HTML code for you to copy paste to make your image show up, but I don't recommend just copy-pasting this. More often than not it includes a code that makes it link back to their website, which is annoying and prevents you from linking the image to somewhere else. When people see that your image is clickable, they will expect it to take them to somewhere relevant (such as the waja's page or your cave), not back to the image hosting site.

  • However, if an image is already stored on the Wajas.com server, feel free to link to it there. There's no need to use an image hosting site to upload a picture of a waja that already exists. Simply go to the waja's page and use the image URL of its picture. See the "Where to find the image URL" section above for more information on where to find the Image URL of images that are already uploaded to the internet.
  • If something didn't work right, check and double check your HTML. Did you properly close your codes? Did you type them correctly in the first place (Did you typo a part, such as saying "a herf" instead of "a href", for example)? Did you make sure both URLs were correct, and each in the place they were supposed to go (image URL in the image URL spot and website address in the link URL spot)?
  • If you're still having trouble, feel free to post on the Help forum with your problem and other users will be happy to assist you.

Areas HTML is Limited or Unusable

Currently, no HTML works in private messages. In forum signatures you are allowed to use text altering HTML, but the HTML for posting links and images will not work. No HTML works in the names or titles of wajas, nor in the usernames of players or titles of groups. You can no longer use HTML in the titles of threads, though those who have not edited their thread's title since this feature was removed may still have it so long as they do not edit the title.

Cave descriptions and waja pages used to be much more highly customizable, but since the LM27 virus of 2007 they are now limited to more basic HTML.