[Guide] Making your website look good

**Sabens** · 08-07-2008

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!

**Althoo** · 08-07-2008

Honestly i like this little guide/tutorial... however, what has it to do with WoW? Even though i think this is the wrong place to post stuff like this, thanks for sharing it.

**Sabens** · 08-07-2008

If you are hosting a private server website. I guess it could have gone in the Emulation Guides section.

**Xel** · 08-07-2008

You can find these very easily from google with keywords "HTML GUIDE"
You only posted some tags which are not really good for desinging website.
For professional look you must use CSS
(some example
h1 {font-color:red;
font-size: 16px;}
)
Search "CSS guide" in Google for good and helpfull guides about css

**Sabens** · 08-07-2008

CSS has a more professional code, but HTML and CSS are very similar. The bit of code you posted is just altering the font color and size, just like I explained above.

And yes, you can get other guides on the internet. But I figured I would type out my own.

**razor321** · 08-07-2008

hehe so many colours! thanks for your guide

**Sabens** · 08-07-2008

No problem.

Shout-Out

User Tag List

Thread: [Guide] Making your website look good

Thread Tools

Search Thread

[Guide] Making your website look good

Similar Threads

[Addon + Guide] Make your WoW look like Diablo.

[Guide] Making your website secure.

OwnedCore Forums

casino

CoreCoins

My OwnedCore

About Us

Casino