PDA

View Full Version : Textual tooltip Script help



tdu
09-02-2008, 03:07 AM
1) Textual tooltip Script

2) http://www.dynamicdrive.com/dynamicindex5/linkinfo.htm

3) I just had 2 questions about the script. I just wanted to say thanks first of all because it's a nice script. Sorry if these are 'newb' questions.

First, if I wanted to go about applying CSS text/colour effects to the links, how would I do that?

Second, before I found this script I had been working on a CSS menu for the following site: http://www.blissco.ca/test/ . I needed to find a way to have 'tooltips' popup right of the menu, and the script fits the bill. Is there any way to apply the script to my existing menu??

Thanks a ton for any help. I really appreciate it.

rangana
09-02-2008, 04:56 AM
For your first question. To apply color on the text, add this code on the head section of your page:


<style type="text/css">
#scriptmenu a{
color:#930; /* to make the text color maroon */
}
</style>


For your second question, if I understand you correctly, that could be possible, just ensure to place this part on the right part of the menu:


<div id="descriptions" align="left">
... content here ...
</div>


If you mean something else, maybe you mean either of these instead:
http://dynamicdrive.com/dynamicindex5/dhtmltooltip.htm
http://dynamicdrive.com/dynamicindex5/dhtmltooltip2.htm
http://dynamicdrive.com/dynamicindex5/balloontooltip.htm
http://dynamicdrive.com/dynamicindex5/fixedtooltip.htm

Hope it helps.

tdu
09-02-2008, 02:21 PM
Thanks for the tips so far.

In regards to my first question, can you apply attributes like hover colour as well?

Regarding the other examples, I need something that creates a layout just like the Textual Tooltip Script does. With a menu on the left, the text descriptions showing up in the right of it. It will run along the bottom of the site I linked, with the main content going in the square above it.

My only 'problem' with the script is I'd like to dress up the links a little. I mainly work in CSS, and this is my first time using scripts from this site. I don't know how to edit link/text attributes within the script.

Thanks

rangana
09-02-2008, 02:32 PM
My response should have led you on the nearest hint. You can make use of hover pseudo-class:


#scriptmenu a:hover{
color:#930; /* to make the text color maroon */
}

tdu
09-02-2008, 03:11 PM
Thanks for your help. I was actually able to combine both tips, and have almost managed to add the script to my old menu.

I was just wondering if you could look at one more thing for me. Again, thanks 1000 times for the help.

On this page I have my old menu on the bottom on the right just for reference.

I have the script running with the new menu up at the top. I have them matched up pretty close, but I can't seem to remove the gap between the menu options. I am pretty new at this stuff and happy that I have even got this far. I assume I am likely missing something pretty obvious to get those menus matching.

http://www.blissco.ca/test/blank.html

I don't know if this is a questions I should take over to the html CSS forums at this point or not. If you have any suggestions, thanks.