Difference between revisions of "HTML"
m (→Basic HTML) |
|||
Line 5: | Line 5: | ||
===How to make text Bold=== | ===How to make text Bold=== | ||
− | <b> Your Text Here </b> | + | <b> Your Text Goes Here </b> |
===How to Italicize text=== | ===How to Italicize text=== | ||
− | <i> Your Text Here </i> | + | <i> Your Text Goes Here </i> |
===How to post a link=== | ===How to post a link=== | ||
Line 17: | Line 17: | ||
===How to post an image that links to a page=== | ===How to post an image that links to a page=== | ||
− | <a href="Link URL Goes Here"><img src="Image URL Goes Here"></a> | + | <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. | 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. | ||
Line 27: | Line 27: | ||
For Firefox, right click on the image and select "copy image location". | 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. | 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= | =Tips and Troubleshooting= | ||
*'''Only edit the text where indicated'''. Everything else is code and needs to be copied exactly. | *'''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 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. | ||
+ | |||
+ | *'''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 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= | =Areas HTML is Limited or Unusable= |
Revision as of 11:24, 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.
Contents
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.
- 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.
- 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.