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


This idea picks up, where the previous page left off.
There's only one key difference here...
We're now surrounding the entire Text Field with a thin line.
In this case; I'm using a light-blue color.

non-active title
here's a basic example using a white primary Text-Field. (#FFFFFF)
the 1st background-color, B2B7F2, represents the line surrounding the entire area.
In this case, I'm using light-blue.
the padding can be lowered in order to create a thinner line.
The color:#333333 is often not used.
This represents the Text color within the non-active title. (appearing only on the top).

Next; the 2nd background-color #ffffff is the entire text field.
In this case, I've chosen White.
The padding is a feature for advanced users.
It will widen or narrow items within the Text-field.
For example: CSS buttons will be further apart, when the padding number is higher.
Next, Color:#732600 alters the color of all text. (we're using a brownish-black)
The Font-Size can be changed, in order to make bigger or smaller text.


Main Text area is here.
Add paragraph.


The 1st background-color:(#888EA6) creates a darkish blue-gray wrapped all-the-way around.
the main background color #E1E8FF produces a light blue Text-Field.
Add paragraph.

In the next case, I will give the most detailed version of this method:

I'm adding all my text and links here

Of course...
...if I changed padding to 8px, and border-radius to 15px, the features would be more clear.
and, if the outer colors were darkened, the appearance would be noticeably distinguished.

I'm adding all my text and links here

Home page

There are no messages in the main index.

Post a message:
This forum requires an account to post.
[ Create Account ]
[ Login ]
non-active title
notice: this page is a TE Shannon exclusive.
and, it's NOT using an exact science for creating the described features.
these methods should not be treated as factual or foolproof.

You may have also noticed
I initially began using 3 end Div tags,
yet only 2 are needed.

non-active title
all your material will be placed here.

103a99 423D4C,, 1919da

[ 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.