.:SunshineNeo:.

News Layouts

These news layouts are great for using on your websites

Table Layouts

Cutenews

<style>

A:link {
color: #fac800;
}

A:active {
text-decoration: underline;
}

A:visited {
color: #fac800;
font-style: italic;
text-decoration: line-through;
}

A:hover {
text-decoration: none;
color: #fac800;
font-weight: bold;
}

h1 {
font-family: arial black;
text-transform: uppercase;
font-weight:bold;
text-align: right;
margin:0;
border-bottom:4px #ffa60b dashed;
color:#ffa60b;
font-size:20px;
background:#ffffff;
}
h2 {
font-family:candara;
text-transform: lowercase;
text-decoration:none;
font-weight:none;
text-align: right;
margin:0;
border-bottom:2px #fac800 dashed;
color:#fac800;
font-size:14px;
background:#ffffff;
}
h3 {
font-family:Franklin Gothic Medium Cond;
text-transform: none;
text-decoration:none;
font-weight:none;
text-align: center;
margin:0;
color:#fb6a57;
font-size:16px;
background:#ffffff;
}

b {
color:#ff0b1c;}

i {
color:#ff0b1c;
}

u{
color:#ff0b1c;
border-bottom:1px solid #fb6a57;
}
</style>

<table cellpadding="0" cellspacing="0" width="400" bordercolorlight="#000000" bordercolordark="#000000" border="1" bgcolor="#ffffff">

<tr>
<td width="100" valign="middle" bgcolor="#ff0b1c">
<p align="center">{avatar}
<br>
{author}</td>
<td height="200" width="300" valign="top">
<table cellpadding="0" cellspacing="0" border="0" width="300" height="100%">

<tr>
<td valign="top" height="200" width="300" bgcolor="#ffffff">

<h1>{title}</h1>
<h2>Posted by {author} on {date} [com-link]{comments-num}[/com-link] comments</h2>
<h3><p>{short-story}</h3></td>
</tr>
</table></table>
<br>

Non Cutenews

<style>

A:link {
color: #fac800;
}

A:active {
text-decoration: underline;
}

A:visited {
color: #fac800;
font-style: italic;
text-decoration: line-through;
}

A:hover {
text-decoration: none;
color: #fac800;
font-weight: bold;
}

b {
color:#ff0b1c;}

i {
color:#ff0b1c;
}

u{
color:#ff0b1c;
border-bottom:1px solid #fb6a57;
}
</style>

<table cellpadding="0" cellspacing="0" width="400" bordercolorlight="#000000" bordercolordark="#000000" border="1" bgcolor="#ffffff">

<tr>
<td width="100" valign="middle" bgcolor="#ff0b1c">
<p align="center">Avatar goes here</td>
<td height="200" width="300" valign="top">
<table cellpadding="0" cellspacing="0" border="0" width="300" height="100%">

<tr>
<td valign="top" height="200" width="300" bgcolor="#ffffff">

<h1>News Title</h1>
<h2>Written by: NAME // DATE // </h2>
<h3>Story Goes Here<h3></h3></td>
</tr>
</table></table>
<br>