[ Show ]
Support VoyForums
[ Shrink ]
VoyForums Announcement: Programming and providing support for this service has been a labor of love since 1997. We are one of the few services online who values our users' privacy, and have never sold your information. We have even fought hard to defend your privacy in legal cases; however, we've done it with almost no financial support -- paying out of pocket to continue providing the service. Due to the issues imposed on us by advertisers, we also stopped hosting most ads on the forums many years ago. We hope you appreciate our efforts.

Show your support by donating any amount. (Note: We are still technically a for-profit company, so your contribution is not tax-deductible.) PayPal Acct: Feedback:

Donate to VoyForums (PayPal):

Login ] [ Contact Forum Admin ] [ Post a new message ] [ Search | Check update time ]

XD lite:
this is a more simplistic version of htmlXD:
(the onmouseout/onmouseover features are in effect.)
[also has target="_blank" open tab feature]
Basic Example:

Of course, this html code may be enhanced.
(although, the finished appearance is nearly exact)
Similar example/ same colors

this HTMLXD method can be applied to many different links.
(placed within Tables, Lists, Frames, and; of course....CSS Buttons)
here's my original CSS Test button
Test button

now, let's enhance this Test Button with HTMLXD.
(after doing so; it will probably take a few tries before acquiring a suitable color scheme)
Test button (using the XD/onmouseover feature)

This first-attempt doesn't look good, so we'll change the color of onmouseover.
(Now, the Text becomes black when highlighted)
Test button with Black #000000 onmouseover feature

In this next case below, I'm using the exact same onmouseout/onmouseover color schemes within the Button.
(word for word. all letters/numbers are identical
But, now using a different CSS code.
The highlighted background is an improvement.
a Revised Test Button

Notice: the button is now named class="bigA"
(the previous button was named C2C)
Please refer to bottom-of-page for complete CSS codes.

Finally; In order to fully utilize this htmlXD feature,
let's make the highlighted text become white, against a dark blue background.
(this will also be using a completely different CSS Code,
which uses background-color: #365682; color when hilighted.
and, this button is named dn (aka: class="dn")

Enhanced CSS

If a font face is added, we may then alter the size of each button.

(using size="4")

Font Face 4

using (using size="1")

Font Face 1

and, these 2 buttons would appear as follows:

...needless to say: whenever enormous changes are made (such as size="6")
it also might be necessary to alter the CSS code (font-size:14px; padding:5px 8px; etc.)

Home Page

Subject Author Date Msgs
Nicole M. SabeneJohn Gordon19:57:23 03/12/15 Thu2
Atrizes HollywoodianasJerry Angelo Brooks20:10:40 03/12/15 Thu1
Office of the Assistant Secretary of DefenseU.S. Department of Defense19:41:47 03/11/15 Wed1
Wrestling CoachJohn Gordon19:31:57 03/11/15 Wed1
John GordonWrestling Coach19:23:47 03/11/15 Wed1

Post a message:
This forum requires an account to post.
[ Create Account ]
[ Login ]

CSS Button "DN":

CSS Button "bigA":

CSS Button "C2C":

notice: this page is using the T.E. Shannon/ MRM rebuild.
[ Contact Forum Admin ]

Forum timezone: GMT-8
VF Version: 3.00b, ConfDB:
Before posting please read our privacy policy.
VoyForums(tm) is a Free Service from Voyager Info-Systems.
Copyright © 1998-2019 Voyager Info-Systems. All Rights Reserved.