How to: “Enhance your e-numX member website - adding a background colour or picture”

Posted by dinas on May 7, 2009 in How to, Programming, html, web design |

I believe most of you out there already started to edit and update your own e-numX member website. After editing, uploading the pictures and rearranging your layout, you still feels that your member page is still lacking some element. Some might say “it’s still looks dull”.

Here I would like to teach you a very simple ‘secret‘ to enhance the look of your e-numX member website. The secret is just some HTML tag that you need to add into your HTML editor.

When you upload a picture into your page, the picture will be embeded into your page. But it’s just a simple picture on your page. What if I want the picture to be my background? Here’s how to do it.

  1. When you upload a picture, you will be presented with a Image URL. Copy this URL. If you get the URL, skip step 2 and go to step 3.
  2. If you already uploaded the picture and want to convert the picture to be the background, click on “edit HTML code” button, fing the tag starting with “<img …. >” within that tag, there’s a src=”/e-numX/cgi/replicate/images/web_pic/xxxxxx.jpg” (where xxxxxx is a random number). Copy the whole words after “src=” e.g. “/e-numX/cgi/replicate/images/web_pic/123456789.jpg”
  3. In the “edit HTML” mode, you will see a lot of tags (words within “<” and “>” is called tag). On the first line, insert this code before your existing code:

    <table background=“/e-numX/cgi/replicate/images/web_pic/xxxxxx.jpg” width=”100%”><tr><td>


    Replace the “/e-numX……..jpg” with the one that you copy in step 1 or step 2.
    At the end of the codes and tags, add this code:

    </td></tr></table>

  4. Click on the “edit HTML code” button again to preview the result and make sure to Save Changes after you’re done.

Now you can preview your new enhanced e-numX member website. You can also change the background to the colour of your like instead of pictures. just change the

<table background=”…”

to

<table bgcolor=”red”

There you have a red background. You can use other primary colour like black, yellow, blue, green etc. or if you know RGB code, you can enter it as #ff0000 (red), #00ff00 (green), #0000FF (blue).

That’s all for now. Remember to follow my feed and get more tutorial like this.

Tags: , ,

1 Comment

KeHoeff
May 29, 2009 at 6:39 am

hey this is a very interesting article!


 

Reply

Copyright © 2010 My World All rights reserved. Theme by Laptop Geek.