AuntMinnie Headline Service Example (Testing)

Sep 18, 2011

AuntMinnie Headline Service Example:

Putting our Headline Service on your website is easy! With the Headline Service, you can display up-to-the-minute headlines with links to articles on our site. Display of the headlines is highly customizable allowing you to alter the number of headlines, table size, background color and font size/color to fit the existing look and layout of your web page. Find your desired style with the tool below, click below to get the code, then copy and paste the code onto your page.

If you leave any of the fields blank, the relevant styles will become the default for the page. This may be desirable in cases where you already have some specific settings, such as a default color for links.

Headlines to Display:	Max. 12
Border:
Border Color:
Width:
Height:
Cellspacing:
Cellpadding:
Background Color:
Header Font Size:
Header Font Color:
News Font Size:
News Font Color:

Optional: If you would like to style the headlines using CSS, click here to see the CSS guide.

Below are the classes used in the headlines:

imvTable - The entire div that contains the headlines
imvHeaderCell - The div containing the title
imvHeaderText - The title text
imvHeadlineRow - A row that contains a headline and link
imvHeadlineRowOdd - An odd row that contains a headline and link
imvHeadline - The text of the link

Get code for the headlines

Such a style sheet might look like what you see below:

.imvTable {
    width: 200px;
    height: 500px;
    background-color: #FFFFFF;
    border: solid 1px #330066;
}

.imvHeaderCell {
    background-color: #330066;
}

.imvHeaderText {
    color: #FFFFFF;
    font-size: 24px;
    font-weight: bold;
    font-family: arial, sans-serif;
}

.imvHeadlineRow {
    background-color: #FFFFFF;
}

.imvHeadlineRowOdd {
    background-color: #EFEBF7;
}

.imvHeadline {
    font-size: 14px;
    font-family: arial, sans-serif;
}