VoyForums: New HTML

[ 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

This page is essentially a follow-up to the Partials with full wrap-over forum. This page is *not* an HTML tutorial. But instead, an introduction to the next several lessons. We're going to demonstrate how anything can be placed within the 'wrap-overs'. And, it's also possible to size-up the entire content within. This would include HTML Links, paragraphs, icons, spacing.... EVERYTHING!

When viewing the following examples, you'll notice variations in size and color.

Example VV3

Business and Finance

Title1 | Title2 | Title3 | Title4 | Title5

Title12 | Title13 | Title14 | Title15 | Title16

Example VV3<br> <div style="background-color:#B2B7F2; padding:10px; color:#7777777; font-size:12px; text-align:justify; "> <center> Business and Finance </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> <p>

in the following example below; VV6, I've exaggerated the sizes.
The introductory text is very large (18px), while the entire content within is too small (11px).
I've also added a 60% width.

Example VV6

keep this blank. don't add text

Example VV6<br> <div style="background-color:#B2B7F2; width:60%; padding:2px; color:#7777777; font-size:18px; text-align:justify; "> <center> keep this blank. don't add text</center> <div style="background-color:#efefef; padding:3px; color:#777777; font-size:11px; text-align:justify; "> <center> <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> <br> <a href="www.url-here/">Title6</a> | <a href="www.url-here/">Title7</a> | <a href="www.url-here/">Title8</a> | <a href="www.url-here/">Title9</a> | <a href="www.url-here/">Title10</a> | <a href="www.url-here/">Title11</a> | <br> <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> <br> <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> </center> </div> </div>

here are a few pages where I attempted using this new HTML method:

voy/234561/
voy/233901/
voylinks/ business
voylinks/ encyclopedias

return to HTML Home-page

Subject	Author	Date	Msgs
testing 1	admin	18:15:42 04/03/14 Thu	2
Re: testing 2 -- admin, 18:26:16 04/03/14 Thu

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

here's another example, where content is larger.
Example VV7

<div style="background-color:#efefef; padding:2px; font-size:22px; text-align:justify; ">
          <center>   		
        			
                    	<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>
                    <br>
<a href="www.url-here/">Title6</a> | <a href="www.url-here/">Title7</a> | <a href="www.url-here/">Title8</a> | <a href="www.url-here/">Title9</a> | <a href="www.url-here/">Title10</a> | <a href="www.url-here/">Title11</a> |
          <br>
                    	<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>
       <br>
                    	<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>
                   
</center>

</div>
 </div>

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