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
Mickey
post Feb 19 2009, 09:27 AM
Post #2


Treasure Pleasure
********

Group: Head Staff
Posts: 11,193
Joined: Oct 2005
Member No: 281,127



First, you'll need to crop each link on the contact tables you made. Then, you'll need this code to turn them into rollovers. Since that code doesn't seem to have positioning properties, just add some on them so they end up looking like this (unless you want to add any more):

CODE
<style type="text/css">
a.NAME
{float:left; background:url("URL") repeat; width:#px; height:#px; display:block; top:#px; left:50%; margin-left:#px;}

a.NAME:hover
{float:left; background:url("URL") repeat;}
</style>

Just play around with the top and margin-left values to position them. The rest should be explained in the link I posted in the beginning.
 
Mickey
post Feb 20 2009, 04:38 AM
Post #3


Treasure Pleasure
********

Group: Head Staff
Posts: 11,193
Joined: Oct 2005
Member No: 281,127



Topic closed & moved.
 

Posts in this topic


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