CSS Rollover Help for MySpace |
 Jul 24 2008, 12:50 PM
Post
#1
|
|
|
Newbie  Group: Member Posts: 6 Joined: Jul 2008 Member No: 663,499  |
Okay, I'm a little familiar with CSS image rollovers and what not. But I was curious, is it possible to use the rollover element with a comment box? I wanted to have a small image appear, however, when the mouse pointer is over it, I want a comment box to appear and function as normal. But I didn't know if the coding for such an idea were possible without javascript or something too complex for a beginner like me.
|
|
|
|
 |
Replies
(1 - 7)
|
Jul 24 2008, 12:57 PM
Post
#2
|
|
|
Newbie Group: Member Posts: 6 Joined: Jul 2008 Member No: 663,499 |
Sigh. I was afraid of that. Oh well. Guess I gotta change my plans up a little. I didn't want the other way around. :P But thank you though. :)
|
|
|
|
|
Jul 24 2008, 01:07 PM
Post
#3
|
|
|
Newbie Group: Member Posts: 6 Joined: Jul 2008 Member No: 663,499 |
Hm, I'm a little confused, sorry. XD Could you explain a bit more?
|
|
|
|
|
Jul 24 2008, 01:17 PM
Post
#4
|
|
 Treasure Pleasure Group: Head Staff Posts: 11,193 Joined: Oct 2005 Member No: 281,127 |
Just try this out and see if it's close to what you want. Put this in your Who I'd Like To Meet section:
CODE <style> .cmntbox {background-image:url("URL")} .cmntbox:hover {background:none; border:1px solid; border-color:black;} </style> Then pretend this is your comment box code: CODE <form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="XXXXXX" type="hidden" /><textarea name="f_comments" id="t_area" style="width:300px; height:75px; font:normal 8pt Arial; color: 000000; overflow:auto;"></textarea><br /> <input value="Submit" style="width:149px; border:1px solid; border-color:000000; font:normal 8pt Arial; color: 000000; background-color:ffffff;" type="submit" /> <input value="Clear" style="width:148px; border:1px solid; border-color:000000; font:normal 8pt Arial; color: 000000; background-color:ffffff;" type="reset" /></form> Just add the bold text to it: CODE <form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="XXXXXX" type="hidden" /><textarea name="f_comments" id="t_area" style="width:300px; height:75px; font:normal 8pt Arial; color: 000000; overflow:auto;" class="cmntbox"></textarea><br />
<input value="Submit" style="width:149px; border:1px solid; border-color:000000; font:normal 8pt Arial; color: 000000; background-color:ffffff;" type="submit" /> <input value="Clear" style="width:148px; border:1px solid; border-color:000000; font:normal 8pt Arial; color: 000000; background-color:ffffff;" type="reset" /></form> |
|
|
|
|
Jul 24 2008, 01:26 PM
Post
#5
|
|
|
Newbie Group: Member Posts: 6 Joined: Jul 2008 Member No: 663,499 |
Hey, this isn't bad. :D I think I can make this work. How come two comment boxes appear though?
|
|
|
|
|
Jul 24 2008, 01:34 PM
Post
#6
|
|
|
Newbie Group: Member Posts: 6 Joined: Jul 2008 Member No: 663,499 |
Heh, I can't argue with that. :P Thanks a lot. If I have any other questions, can I PM you? Or do I have to post everything and wait for a reply?
|
|
|
|
|
Jul 24 2008, 01:38 PM
Post
#7
|
|
|
Treasure Pleasure Group: Head Staff Posts: 11,193 Joined: Oct 2005 Member No: 281,127 |
No problem. Just PM me if anything comes up.
|
|
|
|
|
Jul 24 2008, 05:17 PM
Post
#8
|
|
 Senior Member Group: Administrator Posts: 8,629 Joined: Jan 2007 Member No: 498,468 |
Topic Closed & Moved
|
|
|
|
 |
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: