Log In · Register

 
roll over words instead of image
prongs0101
post Jul 5 2006, 03:55 PM
Post #1


valerie
***

Group: Member
Posts: 80
Joined: Jul 2005
Member No: 183,864



http://profile.myspace.com/index.cfm?fusea...iendid=14126934

soo...this is what i was talking about in my earlier topics.
when you rollover a link or and image a set of words shows.
this guys profile has his profile like that.
i wanted to know how to do that.

oh look at the section with view my pics, comment and message
 
 
Start new topic
Replies
moorepocket
post Jan 11 2007, 11:32 PM
Post #2


Death is a promise given to us at birth
*******

Group: Official Designer
Posts: 4,757
Joined: Mar 2004
Member No: 7,459



this is what he used, i guess.

CODE
.piclinks{height:15px;width:600px;position:absolute;top:375px;left:91px;}
.piclinks a {float:left;visibility:visible;height:15px;width:50px;background-image:url();
background-color: 636363;
margin-right:1px;}
.piclinks a img{z-index:9;border:1px; border-color: afd812; border-style: solid;
visibility:hidden;height:162px;width:320px;position:absolute;top:15px;left:-6px;}
.piclinks a:hover img{visibility:visible;}
.piclinks a:hover{margin-top:0px; border: 1px !important;
border-color: afd812 !important;
border-style: solid !important;}
.piclinks strong{float:left;height:12px;margin-right:5px;margin-top:4px;font-size:11px;font-weight:bold;font-variant:small-caps;}


QUOTE
<div class="piclinks">
<a href="http://i6.photobucket.com/albums/y203/funkl3/general2.jpg" title="General Info"><center>Basics<img src="http://i6.photobucket.com/albums/y203/funkl3/general2.jpg"></a>
<a href="http://i6.photobucket.com/albums/y203/funkl3/love2.jpg" title="<3"><3<img src="http://i6.photobucket.com/albums/y203/funkl3/love2.jpg"></a>
<a href="http://i6.photobucket.com/albums/y203/funkl3/music2.jpg" title="Music Info">Music<img src="http://i6.photobucket.com/albums/y203/funkl3/music2.jpg"></a>
<a href="http://i6.photobucket.com/albums/y203/funkl3/sports2.jpg" title="Sprots Info">Sports<img src="http://i6.photobucket.com/albums/y203/funkl3/sports2.jpg"></a>
<a href="http://i6.photobucket.com/albums/y203/funkl3/gamestab2.jpg" title="Games Info">Games<img src="http://i6.photobucket.com/albums/y203/funkl3/gamestab2.jpg"></a>
<a href="http://i6.photobucket.com/albums/y203/funkl3/random3.jpg" title="Random Info">Random<img src="http://i6.photobucket.com/albums/y203/funkl3/random3.jpg"></a>

</div>
 

Posts in this topic
prongs0101   roll over words instead of image   Jul 5 2006, 03:55 PM
flaymzofice   Not sure if this got answered elsewhere, but if no...   Jan 11 2007, 10:10 PM
WHIMSICAL 0NE   I don't think it's necessary to bring back...   Jan 11 2007, 10:59 PM
flaymzofice   Oh okay, well...I haven't figured it out, so c...   Jan 11 2007, 11:03 PM
moorepocket*   this is what he used, i guess. CODE.piclinks{heig...   Jan 11 2007, 11:32 PM
flaymzofice   Okay, so to be really stupid, how do I adjust that...   Jan 12 2007, 12:26 PM
flaymzofice   So...any ideas anyone?   Jan 14 2007, 12:40 PM
anime.essence   http://www.createblog.com/scripts/download.php?id=...   Jan 14 2007, 12:54 PM
protos   what about when you hover over the image text actu...   Jan 14 2007, 02:31 PM
moorepocket*   this is a toughie.   Jan 15 2007, 04:47 PM
anime.essence   QUOTE(protos @ Jan 14 2007, 1:31 PM) what...   Jan 16 2007, 06:45 PM
flaymzofice   Oh I didn't think to look in tutorials but yea...   Jan 16 2007, 07:34 PM
protos   ok I "think" I understand how to do what...   Jan 16 2007, 10:04 PM
anime.essence   ^Holly's script should give you a basic outlin...   Jan 17 2007, 12:02 AM
flaymzofice   So this hovering business really isn't working...   Jan 17 2007, 11:04 AM
flaymzofice   Any ideas anyone?   Jan 18 2007, 07:55 PM
flaymzofice   Sorry for triple posting but still no clue why thi...   Jan 24 2007, 07:32 PM
WHIMSICAL 0NE   Maybe your image map is making it show up behind t...   Jan 26 2007, 07:09 PM


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