[Guide] Making your website look good menu

Shout-Out

User Tag List

Results 1 to 7 of 7
  1. #1
    Sabens's Avatar Contributor
    Reputation
    152
    Join Date
    Oct 2006
    Posts
    266
    Thanks G/R
    0/1
    Trade Feedback
    0 (0%)
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    [Guide] Making your website look good

    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!








    "They must find it difficult. . . Those who have taken authority as the truth, rather then truth as the authority." -Gerald Massey

    [Guide] Making your website look good
  2. #2
    Althoo's Avatar Member
    Reputation
    11
    Join Date
    Jul 2006
    Posts
    99
    Thanks G/R
    0/0
    Trade Feedback
    0 (0%)
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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.

  3. #3
    Sabens's Avatar Contributor
    Reputation
    152
    Join Date
    Oct 2006
    Posts
    266
    Thanks G/R
    0/1
    Trade Feedback
    0 (0%)
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    If you are hosting a private server website. I guess it could have gone in the Emulation Guides section.


    "They must find it difficult. . . Those who have taken authority as the truth, rather then truth as the authority." -Gerald Massey

  4. #4
    Xel's Avatar ★ Elder ★
    Authenticator enabled
    Reputation
    1179
    Join Date
    Jul 2008
    Posts
    2,906
    Thanks G/R
    94/51
    Trade Feedback
    0 (0%)
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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

  5. #5
    Sabens's Avatar Contributor
    Reputation
    152
    Join Date
    Oct 2006
    Posts
    266
    Thanks G/R
    0/1
    Trade Feedback
    0 (0%)
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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.
    Last edited by Sabens; 08-07-2008 at 04:51 AM.


    "They must find it difficult. . . Those who have taken authority as the truth, rather then truth as the authority." -Gerald Massey

  6. #6
    razor321's Avatar Active Member
    Reputation
    37
    Join Date
    Jul 2008
    Posts
    83
    Thanks G/R
    0/0
    Trade Feedback
    1 (100%)
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    hehe so many colours! thanks for your guide

  7. #7
    Sabens's Avatar Contributor
    Reputation
    152
    Join Date
    Oct 2006
    Posts
    266
    Thanks G/R
    0/1
    Trade Feedback
    0 (0%)
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    No problem.


    "They must find it difficult. . . Those who have taken authority as the truth, rather then truth as the authority." -Gerald Massey

Similar Threads

  1. [Addon + Guide] Make your WoW look like Diablo.
    By ViND_ in forum WoW UI, Macros and Talent Specs
    Replies: 27
    Last Post: 03-22-2009, 07:23 PM
  2. [Guide] Making your website secure.
    By chanceless in forum WoW EMU Guides & Tutorials
    Replies: 5
    Last Post: 08-05-2008, 09:34 PM
All times are GMT -5. The time now is 09:43 AM. Powered by vBulletin® Version 4.2.3
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved. User Alert System provided by Advanced User Tagging (Pro) - vBulletin Mods & Addons Copyright © 2025 DragonByte Technologies Ltd.
Google Authenticator verification provided by Two-Factor Authentication (Free) - vBulletin Mods & Addons Copyright © 2025 DragonByte Technologies Ltd.
Digital Point modules: Sphinx-based search