FRIHOST FORUMS SEARCH FAQ TOS BLOGS COMPETITIONS
You are invited to Log in or Register a free Frihost Account!


I am a real rookie - I need help





ciureanuc
Hello all,

I made a website based on a free template. I am a rookie, I don't know to much about webdesign.
My website is www.rofreelance.net
I think that the first page should be modified. I have an idea about what I want but I don't know how to do it.
OK, If you are looking on the first page you see that are a lot of cubes... pictured in different way.
I want to make a column with the menus: art; 3d - cad; dtp; photo; translation and when my mouse is pointing one, the cube to change... I want that cube just in one place... but to change appearance...
I am not sure if I was clear (that's happen when you are talking with a rookie Smile )... I think the operation is called "rollover"? or not?

Please don't laugh and try to help me.
THANKS!
ftv_flung
Yeah I get what you want it to look like.

You want a vertical menu, with those cube pictures on each menu item, and a hover image too - I may be able to help out, but others may be better.

Can I also mention that your banner at the top has been sized down and looks kinda pixelated!

You should either get rid of the WIDTH and HEIGHT attributes in IMG for that banner or change them to what the actual size of the image is.
ciureanuc
still, you didn't offer a solution. Very Happy
ashok
To get the hover effect, follow the instructions:

1. Paste this in your <head>
Code:
<script language="Javascript">
function HoverImage(sField,sImage)
{
  document.getElementById(sField).src = sImage;
}
</script>


2. Replace your link images with following:

Code:
<a href="#" onmouseover="HoverImage('login','login2.gif')" onmouseout="HoverImage('login','login1.gif')"><img src="login1.gif" id="login"/></a>


HoverImage takes two parameters, the ID of the <img> for which effect has to be applied, and the Image that should be shown. Using onmouseover and onmouseout events, we achieve the desired hover effect by calling the HoverImage() using the two different images.
Related topics
Bumper Stickers
Your favourite book (official)
Bumper stickers 01
Are .name domains fake?
One Liners:: Funny and Somewhat Inspiring
Ignorance of Satanism
Sex and Relationships?
few programming sites
Friendship is ...
What Are Friends For?
Define Friendship...
Virus Help _ Unwanted system lock
get paid to be right wing troll!
Church cancelled due to lack of God.
Reply to topic    Frihost Forum Index -> Webmaster and Internet -> Design Tips

FRIHOST HOME | FAQ | TOS | ABOUT US | CONTACT US | SITE MAP
© 2005-2011 Frihost, forums powered by phpBB.