custom contact table? |
custom contact table? |
![]()
Post
#1
|
|
Senior Member ![]() ![]() ![]() Group: Member Posts: 65 Joined: Oct 2008 Member No: 690,035 ![]() |
ok, so i made a contact table on Photoshop, its standard size. I also made another thats exactly the same, except the letters have a glowing outline. I want to make the contact table so that when you hover and/or click over the links on the cantact table, the word changes to the outlined version. IS there a code to do this? I know i'd have to slice each "button" on each table. And I know there are codes for changing images when you scroll over them. Would I just implement the image code for the switching images and then designate a link to each image? Thanks - Roger
|
|
|
![]() |
![]()
Post
#2
|
|
Senior Member ![]() ![]() ![]() Group: Member Posts: 65 Joined: Oct 2008 Member No: 690,035 ![]() |
so ill do
CODE <div class="contactbox"> <a href="" class="message"> </a> <a href="" class="add"> </a> <a href="" class="IM"> </a> <a href="" class="rank"> </a> <a href="" class="block"> </a> <a href="" class="forward"> </a> <a href="" class="favorite"> </a> <a href="" class="group"> </a> <img src=""> <---- times how many splices i have that wont be links </div> the a href is where i put the address of the link itself, correct? then under it do CODE <style type="text/css"> a.Message{float:left; background:url("URL") repeat; width:#px; height:#px; display:block; top:#px; left:50%; margin-left:#px;} a.Message:hover{float:left; background:url("URL") repeat;} a.add{float:left; background:url("URL") repeat; width:#px; height:#px; display:block; top:#px; left:50%; margin-left:#px;} a.add:hover{float:left; background:url("URL") repeat;}</style> </style> ect... and it'll show up? |
|
|
![]() ![]() |