Hey guys. This is a little guide on how to make your website look cooler, be a little more user friendly and have an overall better feel to it. We will start out with some basics.
----------------------------------------------------------------------------
COLORS!
Colors! Colors can add a lot of flavor to your website. Weather you are adding color to text, backgrounds, borders or whatever it may be, add some color!
The code for adding color is <font color=COLOR HERE>TEXT HERE
Most of the time when you add colors, you will need a certain code for your color. To find all the codes you could possibly want, check out this table:
Just take the code that matches the color you want.
----------------------------------------------------------------------------
SPECIAL TEXTS!
Interesting texts can add a lot to your website. Some simple text changes are:
<i>Italicized</i>
<s>Slashout</s>
<b>Bold</b>
<u>Underline</u>
<sup>SuperScript</sup>
<sub>SubScript</sub>
<tt>Typewriter</tt>
Using different font styles also add to your website design. Things like shadows, and what not. The code for shadow text would be:
<TABLE STYLE="filter:shadow(color=YOUR COLOR CODE HERE, strength=1)"> <TR><TD><center> TEXT GOES HERE</TABLE>
----------------------------------------------------------------------------
GRAPHICS!
Graphics are a great way to add to your website. Any type of graphic, as long as it fits, will do.
The code to add a graphic to your website is:
<img src = URL OF YOUR IMAGE>
Very simple, and it can do a lot. To center your image just put <center> tags around it.
----------------------------------------------------------------------------
BACKGROUNDS!
You must have a background on your site! Anything! Here are some simple codes that will add a background to your site:
Normal Image Background:
<body background="IMAGE URL">
Non moving background:
<body background="IMAGE URL"bgproperties="fixed">
Basic Color Background:
<body bgcolor="COLOR OR HEX CODE HERE">
If you want to add music:
<BGSOUND SRC="MIDI URL" AUTOSTART="true" HIDDEN="true" LOOP="infinite">
----------------------------------------------------------------------------
JAVASCRIPT!
Javascripts are a great way to add many things to your website. I will show you a simple script that will open up a pop-up box with your message in it. There is A LOT more to do then just that, but I am afraid I can't explain it all here.
The script to make a pop-up box appear with text:
<script type = "text/javascript">
function yetAnotherAlert(textToAlert){
alert(textToAlert);
}
yetAnotherAlert("YOUR TEXT HERE!");
This can be useful if you want to greet your user with a friendly message, or if parts of your site is down, you can give them a message!
----------------------------------------------------------------------------
SOME TIPS!
Some things to remember are:
: Don't go overboard! Use only when it seems right
: Make sure the things you use from this guide fits your website
: Have fun with it!
In conclusion, this guide is aimed towards people who are just starting out, and need to add some flavor to their site. This is not aimed towards advanced users, as most of this information may be useless.
I hope you guys enjoyed this guide. If you have any questions or comments, feel free to leave a comment here or send me a PM!