|
|
Minipage is a small HTML page, - with minimum content and tags, - designed to be viewed from Mini-Webs.
Like RSS feed, this is SHORT text ad with LINK to full version!
But the step forward, - it's a nicely formatted content.
In the simplest case, minipage's code looks like this:
<HTML><BODY>
<A HREF="http://3d-infospace.com/mini" TARGET=_blank>Hi, World!</A>
</BODY></HTML>
|
Actually, a link "teaser"!
This is how it's displayed in iFrame window:
Size of this file is under 100 bytes. So, it loads fast!
Now imagine how simply one can compile such compact minipage windows into large collections, -
mini-Webs.
|
To add a scrolling tab, all you need is just several bits of code. Namely, the "overflow" stylesheet parameter.
However, conceptually it's not good to cram into small window as much content space as possible.
There are better ways to extend viewing area of minipages.
First, simply add some info into TITLE attributes.
But better, use JavaScript mouse rollover.
|
More useful example:
<HTML><BODY>
Hey, <A HREF="http://MySite.com" TARGET=_blank>look</A> at this idea!</A>
</BODY></HTML>
|
However, as minipages are to be shown from small windows,
they must fit their size. So, some additional HTML tags should be used,
e.g., to set appropriate font for text:
<HTML><BODY>
<FONT STYLE="FONT-SIZE:14px;FONT-FAMILY:Arial">
Hey, <A HREF="http://MySite.com" TARGET=_blank>look</A> at<BR> this idea!</A>
</FONT>
</BODY></HTML>
|
Or in more advanced version:
<HTML><HEAD>
<STYLE TYPE="text/css">
.t { COLOR:#FF0000;FONT-WEIGHT:bold;FONT-SIZE:16px;FONT-FAMILY:Verdana,Arial,Helvetica }
.r { COLOR:#0000FF;FONT-WEIGHT:lighter;FONT-SIZE:18px;FONT-FAMILY:Verdana,Arial,Helvetica }
A.r:hover { COLOR:#000000;BACKGROUND:#FFFF00;TEXT-DECORATION:none }
</STYLE>
</HEAD><BODY BgColor=#CCFFFF leftMargin=0 topMargin=3 marginwidth=0 marginheight=0>
<center><font class=t>
Hey, <A HREF="http://MySite.com" TITLE="Some additional info text can be placed here" class=r TARGET=_blank>look</A> at<BR> this idea!</A>
</font></center>
</BODY></HTML>
|
See how the latter file is displayed in a 130x50 window:
Tip: To allow users adjust text size from within their browsers,
it's advisable to use relative units, e.g., "FONT-SIZE:small".
Tip: To be viewed in the "squeezed" (one-line) iframe mode,
there should be no line breaks.
Of course, you can use
other HTML tags,
JavaScript,
and even insert graphics.
For example, one might use the minipage format simply for replacing your image banner.
(At least, at a later time that file can be easily updated with a text-based
content, -- the one that loads faster and has better readability!)
<HTML><BODY>
<A HREF='http://MySite.com' TARGET=_blank>
<IMG SRC='http://MySite.com/MyBanner.jpg' border=0></A>
</BODY></HTML>
|
Text always loads faster!
Minipage developers should make size of their minipages as small as possible.
Otherwise, being at a mini-Web among other minipages, their code will load slowly than the one from
competitors around it.
And here is another version of "Hi, World!" file:
Advantages:
- Easy to create - Fast to load - Quick to read!
For websites, tiny size of minipages means almost zero traffic to pay for.
This is a great way to get attention of millions visitors to your content!
Market your information: Just write a short overview in RSS-like style, - if you have what to say, say it shortly!
Now you can let "mini-web-masters" know URL of
your own minipage, - to be inserted into their mini-Web sites.
And please remember: Developing minipages, - like developing conventional HTML pages, - is always a kind of art!
See more minipage examples
|
