A scripture verse quoted to support a statement usually interrupts the smooth flow of the text and language. The text popup allows the scripture verse to be hidden from view. It pops up when you highlight the scripture reference to read the verse. This arrangement makes for a smoother text and language flow.
Example: Move the mouse over the scripture reference. The verse will pop-up:
1 Corinthian 10:13
The verse will disappear when you move the mouse away!
The verse appears in black color against a grey background.
***
If you want to implement a different color for the pop-up, do the following:
Place the following CSS in yr Blog HTML - note: set "CURSOR: Xhelp;" if you don't want the ? popup question mark
A.tip {
BORDER-BOTTOM: 1px dashed; TEXT-DECORATION: none
}
A.tip:hover {
CURSOR: help; POSITION: relative
}
A.tip SPAN { DISPLAY: none
}
A.tip:hover SPAN {
BORDER-RIGHT: #c0c0c0 1px dotted; PADDING-RIGHT: 20px; BORDER-TOP: #c0c0c0 1px dotted; DISPLAY: block; PADDING-LEFT: 5px; Z-INDEX: 100; BACKGROUND: url(../images/status-info.png) #f0f0f0 no-repeat 100% 5%; LEFT: 0px; PADDING-BOTTOM: 5px; MARGIN: 10px; BORDER-LEFT: #c0c0c0 1px dotted; WIDTH: 250px; PADDING-TOP: 5px; BORDER-BOTTOM: #c0c0c0 1px dotted; POSITION: absolute; TOP: 10px; TEXT-DECORATION: none
}
Then to implement the CSS, use the following structure:
LinkThis is the CSS tooltip showing up when you mouse over the link
Example:
1 Corinthian 10:13There hath no temptation taken you but such as is common to man: but God is faithful, who will not suffer you to be tempted above that ye are able; but will with the temptation also make a way to escape, that ye may be able to bear it.
