VoyForums

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


HTML: sizing

before beginning:
I would not recommend using this method for the entire webpage.
This method helps to re-size a Text area.
and, It does offer major advantages.
We're able to re-size the standard Text, Title, or HTML link.
The color may also be altered.

Here's a basic example.
I've chosen a Font-size (large), and the color of Text (brown).
[However; Usually, black text is used.]
Then I continue writing within </span>

I'm now adding Text here.

....if I had chosen x-large Font-size, and color: Black;....
the end result would have been this:
I'm now adding Text here.


If desired, Two (or more) Span-styles can be used.
Each may be designated its own Size and Color.
also note:
xx-small is the smallest denominator,
medium is averaged-sized,
while xx-large is the highest.
all options include xx-small, x-small, small, medium, large, x-large, xx-large.
(two additional features are 'larger' and 'smaller' than the previous variable

In example TR-1, the primary text is Large; black.
(Here, I'm contrasting Large with x-small for demonstrative purposes only.
Chances are; you can barely see the green X-small secondary Text.
-----------
example TR-1
---------
Place the Title here
secondary x-small Titles are being used below.
The size of Text can be altered. ...In this case, I'm choosing X-small.

Continue writing here.


The Sizing Method also works when using Links.
example TR-2
----------
XX Large Title
x-small Titles are being used below.
Title1 | Title2 | Title3 | Title4 | Title5
Title6 | Title7 | Title8 | Title9 | Title10 | Title11 |
Title12 | Title13 | Title14 | Title15 | Title16
Title17 | Title18 | Title19 | Title20 | Title21 | Title22

Notice how the Text links are also small!
This can also become large, if desired.
Everything maintains the standard format within both enclosed span Style and Span tags.
In this case, from opening line until end-of-paragraph.
The opening tag enables me to choose Size of text, along with its colors.

Continue writing here.



The following example will use unusual color-schemes in order to emphasize their functions.
Example VX3

Here; for headline text, I'm choosing Font-Size 12PX
Large Text. The font size I've chosen is 22px.


here's a brief explanation of each function:

I prefer placing text only within the inner text-field
(I'm removing the outer headline text. and, I'm also increasing the padding to 6px;)

Large Text. The font size I've chosen is 22px.


Home page


Subject Author Date Msgs
HTML Sizing: informationadministrator21:43:47 04/17/14 Thu1


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.


example EE-5
I'm using xx-large Text
x-small Titles are being used below.
Title1 | Title2 | Title3 | Title4 | Title5
Title6 | Title7 | Title8 | Title9 | Title10 | Title11 |
Title12 | Title13 | Title14 | Title15 | Title16
Title17 | Title18 | Title19 | Title20 | Title21 | Title22

Continue writing here.

example EE-5


YIKES: This code will change the size of ALL text throughout the page!!!


older stuff below
Current Events And Breaking Stories
Example VV2
A Nice, soft fading Color
[ 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.