Search this site

776days since
Project Presentation April 14

Visits so far ...

Free Hit Counters

 
 
Home‎ > ‎Announcements‎ > ‎

Home page formatting

posted Mar 28, 2010 1:02 PM by Tania Smith   [ updated Mar 28, 2010 1:09 PM ]
Learning from what I see on your own pages, I decided to add more visual texture to the home page. What do you think?  Here is how I did the black on pink, followed by the black on grey. 

How?

For a heading like Announcements,
  • I created the headings using the editing tools "Format - level 2 heading." 
  • Then I highlighted it with a light pink. 
For my tagline underneath it, I just highlighted it with grey. 

HTML tweak

Sometimes the highlight does not continue across the width (as I wanted it to) so I had to tweak the HTML. 

Here is what the HTML looks like for my heading and tagline

<h3 style="background-color: rgb(244, 204, 204); color: rgb(0, 0, 0);">Announcements</h3>
<font style="background-color: rgb(255, 255, 255);" color="#444444"><span style="background-color: rgb(243, 243, 243);">What's new on this website?</span>

You can click "HTML" in your editing toolbar at any time to view/change the HTML coding

Tip

Search the code by keyword by pressing Ctrl+F when you are viewing HTML, instead of scanning through the ocean of HTML to find the right place.