VoyForums: New HTML Triple

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

New HTML: Triple

Please view bottom-of-page for HTML code: ↓↓↓↓↓

-----------------------
additionally, here's an example of New HTML Quad.
and here's another example.

After a few rearrangements, the material begins to look different.
The numbers are now placed beforehand; and it's no longer inside the link.
Small fonts are now being used for the numbers, in order to easily distinguish them: voy/236990/.
Although, it's incomplete. More changes might be necessary.
Perhaps, the entire four rows should be stretched to 100%?
-----------------------

Home base

There are no messages in the main index.

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

HTML Code:
<table border="0" name="" width="100%" cellpadding="5" cellspacing="0"> <tr align="" valign=""> <td colspan="1" rowspan="1" width="33%" align="" valign="top"><div style="background-color:#B2B7F2; padding:10px; color:#7777777; font-size:12px; text-align:justify; "> <center> News and Headlines </center> <div style="background-color:#D1DBFF; padding:10px; color:#423D4C; font-size:14px; text-align:justify; "> <center> <div> <a href="http://www.url-here/">Title1</a> | <a href="http://www.url-here/">Title2</a> | <a href="http://www.url-here/">Title3</a> | <a href="http://www.url-here/">Title4</a> | <a href="http://www.url-here/">Title5</a> </div> <div> <a href="http://www.url-here/">Title6</a> | <a href="http://www.url-here/">Title7</a> | <a href="http://www.url-here/">Title8</a> | <a href="http://www.url-here/">Title9</a> | <a href="http://www.url-here/">Title10</a> | <a href="http://www.url-here/">Title11</a> </div> <div> <a href="http://www.url-here/">Title12</a> | <a href="http://www.url-here/">Title13</a> | <a href="http://www.url-here/">Title14</a> | <a href="http://www.url-here/">Title15</a> | <a href="http://www.url-here/">Title16</a> </div> <div> <a href="http://www.url-here/">Title17</a> | <a href="http://www.url-here/">Title18</a> | <a href="http://www.url-here/">Title19</a> | <a href="http://www.url-here/">Title20</a> | <a href="http://www.url-here/">Title21</a> | <a href="http://www.url-here/">Title22</a> </div> </center> </div> </div><br> </td><td colspan="1" rowspan="1" width="34%" align="" valign="top"><div style="background-color:#B2B7F2; padding:10px; color:#7777777; font-size:12px; text-align:justify; "> <center> Entertainment </center> <div style="background-color:#D1DBFF; padding:10px; color:#423D4C; font-size:14px; text-align:justify; "> <center> <div> <a href="http://www.url-here/">Title1</a> | <a href="http://www.url-here/">Title2</a> | <a href="http://www.url-here/">Title3</a> | <a href="http://www.url-here/">Title4</a> | <a href="http://www.url-here/">Title5</a> </div> <div> <a href="http://www.url-here/">Title6</a> | <a href="http://www.url-here/">Title7</a> | <a href="http://www.url-here/">Title8</a> | <a href="http://www.url-here/">Title9</a> | <a href="http://www.url-here/">Title10</a> | <a href="http://www.url-here/">Title11</a> </div> <div> <a href="http://www.url-here/">Title12</a> | <a href="http://www.url-here/">Title13</a> | <a href="http://www.url-here/">Title14</a> | <a href="http://www.url-here/">Title15</a> | <a href="http://www.url-here/">Title16</a> </div> <div> <a href="http://www.url-here/">Title17</a> | <a href="http://www.url-here/">Title18</a> | <a href="http://www.url-here/">Title19</a> | <a href="http://www.url-here/">Title20</a> | <a href="http://www.url-here/">Title21</a> | <a href="http://www.url-here/">Title22</a> </div> </center> </div> </div><br> </td><td colspan="1" rowspan="1" width="33%" align="" valign="top"><div style="background-color:#B2B7F2; padding:10px; color:#7777777; font-size:12px; text-align:justify; "> <center> Art and Leisure </center> <div style="background-color:#D1DBFF; padding:10px; color:#423D4C; font-size:14px; text-align:justify; "> <center> <div> <a href="http://www.url-here/">Title1</a> | <a href="http://www.url-here/">Title2</a> | <a href="http://www.url-here/">Title3</a> | <a href="http://www.url-here/">Title4</a> | <a href="http://www.url-here/">Title5</a> </div> <div> <a href="http://www.url-here/">Title6</a> | <a href="http://www.url-here/">Title7</a> | <a href="http://www.url-here/">Title8</a> | <a href="http://www.url-here/">Title9</a> | <a href="http://www.url-here/">Title10</a> | <a href="http://www.url-here/">Title11</a> </div> <div> <a href="http://www.url-here/">Title12</a> | <a href="http://www.url-here/">Title13</a> | <a href="http://www.url-here/">Title14</a> | <a href="http://www.url-here/">Title15</a> | <a href="http://www.url-here/">Title16</a> </div> <div> <a href="http://www.url-here/">Title17</a> | <a href="http://www.url-here/">Title18</a> | <a href="http://www.url-here/">Title19</a> | <a href="http://www.url-here/">Title20</a> | <a href="http://www.url-here/">Title21</a> | <a href="http://www.url-here/">Title22</a> </div> </center> </div> </div><br> </td> </tr> </table> </div> </div>

If these were stacked upon each other,
it would look something like this: Voy/234556/.
(note: I could have chosen different colors for all 6 Boxes.)
But, these are identical pairs without fancy enhancements....

here's a shortened version of New HTML Triple:

Stuff here (1)

Stuff here (2)

Stuff here (3)

<table border="0" name="" width="100%" cellpadding="5" cellspacing="0"> <tr align="" valign=""> <td colspan="1" rowspan="1" width="33%" align="" valign="top"><div style="background-color:#B2B7F2; padding:10px; color:#7777777; font-size:12px; text-align:justify; "> <center></center> <div style="background-color:#D1DBFF; padding:10px; color:#423D4C; font-size:14px; text-align:justify; "> <center> Stuff here (1) </center> </div> </div><br> </td><td colspan="1" rowspan="1" width="34%" align="" valign="top"><div style="background-color:#B2B7F2; padding:10px; color:#7777777; font-size:12px; text-align:justify; "> <center> </center> <div style="background-color:#D1DBFF; padding:10px; color:#423D4C; font-size:14px; text-align:justify; "> <center> Stuff here (2) </center> </div> </div><br> </td><td colspan="1" rowspan="1" width="33%" align="" valign="top"><div style="background-color:#B2B7F2; padding:10px; color:#7777777; font-size:12px; text-align:justify; "> <center></center> <div style="background-color:#D1DBFF; padding:10px; color:#423D4C; font-size:14px; text-align:justify; "> <center> Stuff here (3) </center> </div> </div><br> </td> </tr> </table> </div> </div>

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.