How to add A "tool tip" //

Click here to go back to Group for webs web designers Wiki page!
How to add A "tool tip" //
"popup message" on mouse over text, link's or image's.
Grate for "Whats This" image icons
or text.
Grate for images you want to show a title for when the mouse is over it.
You don't need a link, it sounds as if you just need the title attribute to add a tool tip.
title="Your pop-up text message would go here."
A couple of examples:
Tool tip associated with a word: This is a sentence with a word highlighted.
Tool tip with a link: A highlighted link
Tool tip on a heading:
Browsers won't add styles to visibly distinguish the text, though, although this only matters for the
first example. For acronym, Mozilla/Firefox adds a dotted underline, but Internet explorer doesn't.
To fix this, you need to use a bit of CSS in your page head "In the CSS box".
www.members.webs.com/s/designer/#
Something like:
acronym {border-bottom:1px dotted #000; cursor:help;}
See the pages below for how to add HTML in the Sidebar, Footer and in the mane page area.
For non linked text you would use HTML like this.
Tool tip associated with a word:
This is a sentence with a <acronym title="Your title text here">word</acronym> highlighted.
For linked text you would use HTML like this.
Tool tip with a link:
<a href="YourLinkWouldGoHere" title="Your title text here">A highlighted link</a>
For non linked images you would use HTML like this.
<IMG src="TheLinkToTheImageGosHere" title="This is Leo the lion.">
For A tool tip on a heading you would use HTML like this.
<h1 title="Your title text here">This is your title</h1>
For something like this help button you would use this.
<style type="text/css">
.help a{cursor: help !important; font-size: 14px !important; font-family: Comic Sans Ms !important;
font-weight: bold !important; text-shadow: 0px 0px 3px Gold; -moz-border-radius:100%; -webkitborder-radius:100%; border-radius:100%; background: LightGreen
url(OptionalYourImageUrlGoesHere) !important; border: 5px double Gold !important; padding:
7px;}
.help a:hover{cursor: help !important; color: DarkRed !important; font-size: 14px !important; fontfamily: Comic Sans Ms !important; font-weight: bold !important; text-shadow: 0px 0px 3px Gold;}
</style>
<div class="help"><a href="TheLinkToYourHelpPageGosHere" title="Click Here To See Our
F.A.Q. Page.">Help</a></div>
How to add the HTML to your webs.com bult website.
Adding HTML into the Sidebar, Footer and in the mane page eara is easy for the older site
builder known as SB2 and for the newer site builder known as SB3.
1st For the older site builder SB2.
To put HTML in the mane page area.
1st Go to the page you want to edit through the site builder.
2nd Click on the page module you want to edit or create A new module. Than click on the area in
that madule you want to add your own HTML to.
3rd Up near the top right under the View and the Publish button's you will see A "HTML"button,
click on it and A pop-up box will open.
4th Put the HTML in the box, edit it how you want than just click Insert HTML.
Than save and publish.
To put HTML in the side bar.
If the side bar is not enabled go to Site Settings page.
www.members.webs.com/s/account/myAccount
Go down about 1/2 of the page and you'll see A box titled "More Settings".
In that box click on Manage Sidebar and you'll see an option to enable the sidebar.
You can get to the sidebar editer many ways. Through the Site Settings page through the tite builder
by clicking on the sidebar from any page your editting in the site builder. Or the direct link.
www. members.webs.com/s/sidebars/index
OK 1st To add HTML to the sidebar go to the Manage Sidebar page and click on the
Custom Module button.
2nd Click on the < > button next to the :) icon.
3rd Add the HTML and edit it to your needs.
Than click save.
If you want to you can change the order of the sidebar modules than just click on publish.
To put HTML in the Footer.
1st Go to the Modify Templat page.
2nd Click on Header & Footer tab than click on the Site Footer tab.
3rd Put the HTML in the box and edit it. Than just click save.
2nd For the newer site builder SB3.
To put HTML in the mane page area or Sidebar.
Note: You most have A Premium account to edit the site Footer in the newer SB3.
Also unlike with SB2 you will need to add and edit the Sidebar to each page you want it on in
SB3. SB3 does not auto sync the sidebar like SB2 dos.
1st Go to the page you want to edit through the site builder.
2nd Click on the Layout tab then drag the Custom HTML item to where you want it on the page.
3rd You'll see this.
4th You'll see this.
Than click Publish wen dun.
If you need to add the sidebar to the site page than do this.
Than this.