Making a full cutenews layout

To edit your template go to options then edit templates. First of all, make yourself your basic layout, you need to know html to do this. On your template editor it tells you how to make everything show up. I use tables to keep it all neat. Here is a template for you to use as long as you link back, just change the colours:

<style type="text/css"> body, td {font-family: tahoma; font-size: 11px; color: #000000;} a:active, a:visited, a:link {color: #000000; text-decoration: none; cursor: none;} a:hover {color: #000000; text-decoration: line-through; cursor: hand;} </style> <center> <table width="400" border="1" bordercolor=#000000> <tr><td><img src="header.png"></td></tr></table><table width="400" border=1 bordercolor=#000000> <tr><td WIDTH="100" height="100" rowspan=4 bgcolor=#ffffff> {avatar} </td> <td bgcolor=#ffffff height="25"> <b>{title}</b></td></tr> <tr><td bgcolor=#ffffff height="25"> <b>Date:</b> {date}</td></tr> <tr><td bgcolor=#ffffff height="25"> <b>Posted by:</b> {author}</td></tr> <tr><td bgcolor=#ffffff height="25"> <b>[com-link] {comments-num} Comments</b>[/com-link]</td></tr></table> <table width="400" border="1" bordercolor=#ffffff> <tr><td bgcolor=#ffffff width="400"> <center> {short-story} </td></tr> <tr><td><img src="footer.png"></td></tr> </table><p>

You will need to add a header and footer. Put that code into the active news section after deleting everything that is in there. Also do this for the full story so when you go on comments it has this template there as well instead of going to black and white.

Now for where it shows comments people have left. Edit the comments section. Here is my template, again just edit the colours and anything else you recognise until you like it

<style type="text/css"> body, td {font-family: tahoma; font-size: 11px; color: #000000;} a:active, a:visited, a:link {color: #000000; text-decoration: none; cursor: none;} a:hover {color: #000000; text-decoration: line-through; cursor: hand;} </style> <table width=400 border=1 bordercolor=#000000> <tr><td bgcolor=#ffffff height="25"><b>Written by:</b> {author} </td></tr> <tr><td bgcolor=#ffffff height="25"><b>Posted on:</b>{date} </td></tr> <tr><td bgcolor=#ffffff>{comment}</td></tr></table><p>

Yay! We are almost done. Now to edit where you enter your comments and the add comment button. Please note: this css is from lissaexplains.com. just edit the colours on the stylesheet and anything else you recognise. Add this before what is already there, but don't delete what is already there this time.

<style type="text/css">input, textarea { background: #ffffff; font-family: tahoma; color: #000000; border-style: ridge; border-color: #000000; border-width: 1px; }</style>

I hope this helps people to do the full cutenews layout and make their own. Tutorial by Jess