Log In · Register

 
 
Closed TopicStart new topic
this would be so cool, html I think
bryceismad1
post Dec 20 2007, 12:06 PM
Post #1


Member
**

Group: Member
Posts: 12
Joined: Dec 2007
Member No: 602,359



okay I have my custom top friends with pics now what I want to do is when you point at each picture it will change to another picture now how would I do that
 
MissFits
post Dec 20 2007, 12:12 PM
Post #2


Senior Member
******

Group: Member
Posts: 1,702
Joined: Jun 2007
Member No: 531,256



I think this might help you.
 
digitalfragrance
post Dec 20 2007, 02:31 PM
Post #3


Adobe Addict
*******

Group: Staff Alumni
Posts: 5,731
Joined: Mar 2005
Member No: 113,043



Moved to Myspace Support
 
bryceismad1
post Dec 21 2007, 02:57 AM
Post #4


Member
**

Group: Member
Posts: 12
Joined: Dec 2007
Member No: 602,359



well realy I dont kjnow much bout div and stuff like that so I guess if there isnt a easier way them im boned
 
newkidontheblock
post Dec 21 2007, 06:37 AM
Post #5


Offline.
******

Group: Official Designer
Posts: 1,396
Joined: Mar 2007
Member No: 507,591



There is a possible way to do that on myspace. Here is the code
CODE
<style type='text/css' >

.f-1 a { background-image:url(VISIBLE_IMAGE_HERE); display:block; height:100px; width:100px; }
.f-1 a:hover { background-image:url(HOVER_IMAGE_HERE); }

</style>

<div class='f-1' ><a href='ONCLICK_URL_HERE' class='f-1' ></a></div>


Preview
 
bryceismad1
post Dec 22 2007, 03:47 AM
Post #6


Member
**

Group: Member
Posts: 12
Joined: Dec 2007
Member No: 602,359



alright but whenever I do more then one of that code it always takes the first pic for all of them how do I change that???
 
newkidontheblock
post Dec 22 2007, 08:19 AM
Post #7


Offline.
******

Group: Official Designer
Posts: 1,396
Joined: Mar 2007
Member No: 507,591



^ Post The Images And Hover Images In This Forum And I'll Do It For You Make Sure You Include The Link
 
bryceismad1
post Dec 22 2007, 04:37 PM
Post #8


Member
**

Group: Member
Posts: 12
Joined: Dec 2007
Member No: 602,359



alright here we go

1st photo
http://i45.photobucket.com/albums/f80/bryc...ad1/Heaven2.jpg
2nd photo
http://i45.photobucket.com/albums/f80/bryc...d1/Heaven-1.jpg
link
http://www.myspace.com/boys13


2nd person


1st photo
http://i45.photobucket.com/albums/f80/bryceismad1/Nathan.jpg
2nd photo
http://i45.photobucket.com/albums/f80/bryceismad1/Ntahan.jpg

LINK
http://profile.myspace.com/index.cfm?fusea...12-bba6f6eef2bd


3rd person

1st photo
http://i45.photobucket.com/albums/f80/bryceismad1/sean.jpg
2nd photo
http://i45.photobucket.com/albums/f80/bryceismad1/Sean-1.jpg


LINK
http://www.myspace.com/liovethecockandcheries


4th person

1st photo
http://i45.photobucket.com/albums/f80/bryceismad1/Jacob.jpg

2nd photo
http://i45.photobucket.com/albums/f80/bryc...ad1/Jacob-1.jpg

link

http://www.myspace.com/hernandezjd09

5ht person

1sst photo

http://i45.photobucket.com/albums/f80/bryceismad1/Haryy.jpg

2nd photo
http://i45.photobucket.com/albums/f80/bryceismad1/harry2.jpg

link
http://www.myspace.com/xxxdarkassassin

6th person

photo 1

http://i45.photobucket.com/albums/f80/bryceismad1/Anny.jpg

photo 2
http://i45.photobucket.com/albums/f80/bryceismad1/annie2.jpg

link

http://www.myspace.com/wif3y_mat3rial21



thanks alot

 
newkidontheblock
post Dec 22 2007, 08:19 PM
Post #9


Offline.
******

Group: Official Designer
Posts: 1,396
Joined: Mar 2007
Member No: 507,591



Here is the code.
CODE
<style type='text/css' >

.f-1 a { background-image:url(http://i45.photobucket.com/albums/f80/bryceismad1/Heaven2.jpg); display:block; height:75px; width:100px; }
.f-1 a:hover { background-image:url(http://i45.photobucket.com/albums/f80/bryceismad1/Heaven-1.jpg); }

.f-2 a { background-image:url(http://i45.photobucket.com/albums/f80/bryceismad1/Nathan.jpg); display:block; height:75px; width:100px; }
.f-2 a:hover { background-image:url(http://i45.photobucket.com/albums/f80/bryceismad1/Ntahan.jpg); }

.f-3 a { background-image:url(http://i45.photobucket.com/albums/f80/bryceismad1/sean.jpg); display:block; height:75px; width:100px; }
.f-3 a:hover { background-image:url(http://i45.photobucket.com/albums/f80/bryceismad1/Sean-1.jpg); }

.f-4 a { background-image:url(http://i45.photobucket.com/albums/f80/bryceismad1/Jacob.jpg); display:block; height:75px; width:100px; }
.f-4 a:hover { background-image:url(http://i45.photobucket.com/albums/f80/bryceismad1/Jacob-1.jpg); }

.f-5 a { background-image:url(http://i45.photobucket.com/albums/f80/bryceismad1/Haryy.jpg); display:block; height:75px; width:100px; }
.f-5 a:hover { background-image:url(http://i45.photobucket.com/albums/f80/bryceismad1/harry2.jpg); }

.f-6 a { background-image:url(http://i45.photobucket.com/albums/f80/bryceismad1/Anny.jpg); display:block; height:75px; width:100px; }
.f-6 a:hover { background-image:url(http://i45.photobucket.com/albums/f80/bryceismad1/annie2.jpg); }

</style>

<span class='f-1' ><a href='http://www.myspace.com/boys13' class='f-1' ></a></span>
<span class='f-2' ><a href='http://myspace.com/92542232' class='f-2' ></a></span>
<span class='f-3' ><a href='http://www.myspace.com/liovethecockandcheries' class='f-3' ></a></span>
<span class='f-4' ><a href='http://www.myspace.com/hernandezjd09' class='f-4' ></a></span>
<span class='f-5' ><a href='http://www.myspace.com/xxxdarkassassin' class='f-5' ></a></span>
<span class='f-6' ><a href='http://www.myspace.com/wif3y_mat3rial21' class='f-6' ></a></span>


that should help...
 
bryceismad1
post Dec 22 2007, 09:28 PM
Post #10


Member
**

Group: Member
Posts: 12
Joined: Dec 2007
Member No: 602,359



thanx alot
 
newkidontheblock
post Dec 22 2007, 11:03 PM
Post #11


Offline.
******

Group: Official Designer
Posts: 1,396
Joined: Mar 2007
Member No: 507,591



no prob...
 
S-Majere
post Dec 23 2007, 11:46 AM
Post #12


Addict
*******

Group: Staff Alumni
Posts: 6,380
Joined: Jun 2007
Member No: 538,522



Great stuff.

Topic Closed.
 

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