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:07 PM
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">&nbsp;</a>
<a href="" class="add">&nbsp;</a>
<a href="" class="IM">&nbsp;</a>
<a href="" class="rank">&nbsp;</a>
<a href="" class="block">&nbsp;</a>
<a href="" class="forward">&nbsp;</a>
<a href="" class="favorite">&nbsp;</a>
<a href="" class="group">&nbsp;</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?
 

Posts in this topic


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