Governments are expendable / ··cultures are irreplaceable.
My Ultimate goal was to create a lengthy & Compact list (using CSS Buttons). But, I also wanted the list to be easily navigable. This required using variable backgrounds, as well as 2 different types of buttons.
Your list doesn't need these fancy additions. .......but, I thought the enhancements were helpful.
So, here is my Home Page 3.0 project (written in CSS):
Note: I added a few extra <p/> and <br/> in areas which are likely to be changed. I'm assuming that you'll want a different color combination.
And, here's a reminder: The Header and Footer CSS is separated primarily in order to save space. Voy forums (and others) give a specific amount of allowed code. It's a relatively low number. Roughly 8,000 characters. SO, the space is likely to end quickly.
You might even be required to remove a few empty buttons, while making your list.
......Otherwise, you could theoretically use all code together.
when each section uses the <div style="background-color:#e4ecf4; padding:10px; color:#597ABD; font-size:12px; text-align:justify; "> code: the first color#e4ecf4 represents the background which accompanies each set of Buttons. Obviously, I chose 3 different colors. 1 thru 20, 21 thru 40, 41 thru 60. ALL sequences must be enclosed with a </div> symbol. This is how they are separated. THE 2nd Number 597ABD represents the color of Text. In this case, it's "Top 50 Websites".
I often choose to keep these "transparent", since it's easier ....and background colors aren't usually required.
And, of course, you can also change the font-size: 12px; BUT, this usually alters the entire page.
And finally, the other Buttons sequence is much simpler. There's no opening code which requests background colors. So, both buttons can be used here on the same page!!!
HTML CODE sometimes varies on different blogs. You might notice that Voy forums accepts code without issue. While blogger requires more exact HTML code. Blogger also alters your code for advertising purposes. So, after your blog is published, the code might change slightly. They even add spaces and blogger ID numbers.
Forums, such as Voy; allow a relaxed HTML method.
----While Blogger applies a more strict rule. For example:
on voy, you can space paragraphs and breaks simply using <br> or <p>. however, Blogger requires <br/>. Voy is also more relaxed when using <center>. Usually, they'll accept 2 <center> <center> as prefix & suffix. Or, voy will also accept NO ending <center> mark. They also allow incorrect lines, such as <center/>. BUT, BLOGGER requires exact code.
SO, the only Center code they'll accept is <center> </center>
More confusingly; HTML code is sometimes updated. They've begun to prefer more definitive methods. SO, in the future, we might phase-out of <center> and, replace it with
<DIV ALIGN=CENTER> text </DIV>
In other words:
Don't worry if your blog reads "ERROR". They will still allow your post despite minor setbacks.
This entire CSS page is optimized for Voy forums. (...under the assumption that limited space is given). j However, if your blog allows full-length pages, .....then, a simple formula can be used. So, here's a CSS header which links to over 100 websites. Obviously, this number could grow exponentially. Howe