Now, the default cutnews template probably isn't exactly what you want. Lucky for you, there are plenty of options! If you want to change it up a bit, here is how to do it.
template
001. Login to your cutenews account.
002. Go to 'Options' and then 'Edit Templates.'
There are billions upon billions of different things you can do with your template. If you are a beginner, I would recommend making just one change at a time and viewing your site after every change to make sure that you do not mess it up. Otherwise you will have trouble fixing it.
One thing that is useful to know, is that you can modify the code to fit your CSS page. So, say you want the title to match your 'h1' attributes, then just use the 'h1' code around your title in the template to do so. Just make sure that on your index.php page, you have your stylesheet attached.
I will begin with a brief outline of the different areas that you can modify, and how I changed mine for each section.
Active News
Active News is the code for the first page you will see when viewing your index.
<div style="width:519px; margin-bottom:30px;">
<div><h2>{date}</h2></div>
<div style="float: right;">[full-link]Read more •[/full-link] [com-link]{comments-num} Comments[/com-link]</div>
<div style="text-align:justify; padding:3px; margin-top:3px; margin-bottom:5px;">{short-story}</div>
</div>
003. The first modification I made was my width. I just changed it to the width of my blog area, which is 519px.
004. I decided that I wanted the title to match my h2 tags, so I put that around it. And I wanted to the date to be the first thing everyone saw, so I exchanged that with the title. You can do whatever you want, even put both, and then bold one of them if you want to. Remember that you can use any of the attributes in the list they give you. Just put the code where you want it to go! If you don't know what I'm talking about it's this thing:
{title}
{avatar}
{short-story}
{full-story}
{author}
{author-name}
[mail] and [/mail]
{date}
[link] and [/link]
[full-link] and [/full-link]
[com-link] and [/com-link]
{comments-num}
{category}
{category-icon}
005. Honest to God I remember
exactly what else I modified. I am too lazy to re-install cutenews to find out. xD Just feel free to follow my example. I know there was a gray line somewhere in there that I deleted. The code was "border-bottom: 1px" or something along those lines. If you like the line, go ahead and keep it. I just thought it was awful.
Full Story
Full Story is the first part of what you'll see when you click "comments" or "full story" (if you use the full story). Only the
first part, excluding the comments and comments form.
<div style="width:519px; margin-bottom:30px;">
<div><h2>{date}</h2><div style="float: right;">[full-link]Read more •[/full-link] [com-link]{comments-num} Comments[/com-link]</div>
<div style="text-align:justify; padding:3px; margin-top:3px; margin-bottom:5px;">{short-story}</div>
</div>
006. Here I did the same thing, changed the width, the title and erased the gray line.
Comment
Comment This is how each individual comment will look when posted. You can do a testing post to see if it looks all right to you.
<div style="width: 400px; margin-bottom:20px;">
<div style="border-bottom:1px solid black;"> by <strong>{author}</strong> @ {date}</div>
<div style="padding:2px; background-color:#2d2d2d">{comment}</div>
</div>
007. Again I change the width, but I made it smaller because I did not wish for the comments to stretch across the same width! In other words, I wanted them a bit smaller.
008. I changed the background color of the comment to #2d2d2d, a dark gray. You can change it as well, or just delete it all together if you want!
009. Again, not entirely sure what else I edited. o.O
Add Comment Form
Add Comment Form Exactly what it sounds like!
I did not edit this at all, for fear of messing it up. Besides, it looks good as it is, eh? I would not mess with the javascript and such, but you can change text stuff, like "Smile" to "Frown."
For the final two: there is not much to say. Unless you want to change the little arrow things (>>) to something different, there is little severe editting I can think of. You could add a little disclaimer at the end or something, I don't know. xD
