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 ![]() |
only probelm is you cant imagemap in music profiles.... so how do i do that?
nvm, i did this.... CODE <style type="text/css"> .tg_contact {position:absolute; top:XXXpx; margin-left:XXXpx; left:50%; width:XXXpx; height:XXXpx; background-color:transparent; z-index:2;} </style> <div class="tg_contact"> </div> <style> a.email {position:absolute; top:xxxpx; left:50%; margin-left:-390px; z-index:3; width:xxxpx; height:xxpx; display:block; background-image:url(URL FOR THE HOVER IMAGE HERE);} a.email img {border:0px;} a.email:hover {cursor:default;} a.email:hover img {visibility:hidden;} </style> <a class="email" href="URL OF WHERE YOU WANT THE LINK TO GO TO HERE"><img src="URL FOR THE NON-HOVER IMAGE HERE" /></a> then just repeated the a.XXX for each link.
Reason for edit: Please use the Edit button instead of double-posting. - Mike
|
|
|
![]() ![]() |