Log In · Register

 
custom contact table?
hippiehead025
post Feb 19 2009, 09:18 AM
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
 
 
Start new topic
Replies
hippiehead025
post Feb 19 2009, 06:41 PM
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
 

Posts in this topic


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: