VoyForums
1 CLICK GIVES FREE FOOD!
www.TheHungerSite.com
Protect Habitat with a Click!
www.TheRainforestSite.com
Non-profit ad served by VoyForums...

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


Login ] Create Account Not required to post.
Post a new public message:
* HTML allowed in marked fields.
Message subject (required):

Name (required):

  Expression (Optional mood/title along with your name) Examples: (happy, sad, The Joyful, etc.) help)

  E-mail address (optional):

* Type your message here:


Notice: Copies of your message may remain on this and other systems on internet. Please be respectful.


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-2017 Voyager Info-Systems. All Rights Reserved.