|
SIMPLE CUSTOMIZING
|
Here is an easy way to customized with CSS and others.
- First of all, you should have a css file uploaded onto the server. Make sure that it has
background-color: #FFFFFF; in the body part and get rid of the background-image: url(images/bg.jpg);
background-attachment: scroll;
background-repeat: repeat-y; . This is so that the comments doesn't have the same image background as the rest of the layout...if you have an image background.
- Login to cutenews, go to edit template and add this to the top (before any HTML) and add this
<![CDATA[<link href="http://yoursite.com/css.css"
rel="stylesheet" type="text/css">]]>
Make sure you have the correct path to your css file, otherwise, it won't be able to find it. You only have to add it to active news, full news, comment, and add comment form.
- It is best to use class in your CSS, so all you have to do is identify the class; and when you change your layout, you just have to edit your CSS and not everything in your news template.
- For example, here is mine active news HTML. This is just an example. Yours don't have to be the same, but when I do this, I find it easier to change the news template.
<![CDATA[
<link href="http://dream-ling.net/css.css"
rel="stylesheet" type="text/css">
<table class=main>
<td>
<p class="content">{date}</p>
</td><tr><td>
<b>{title}</b>
<br>
{short-story}
<br>
<div align="right">[full-link]Continue...
[/full-link]</div>
<br>
COMMENTS: [com-link]{comments-num}
[/com-link]
</td></table>
<br />
]]>
And here is my class in my css.css file:
<![CDATA[
table.main {
padding: 0px 0px 0px 0px;
spacing: 0px 0px 0px 0px;
border: 1px dotted #8A1616;
text-align: justify;
background-color: #FCDCDC;
font-weight: normal;
color: #C00000;
width: 100%;
valign: top;
font-size : 12px;
}]]>
This tells me what my tables for the news template should look like. It's simple HTML and CSS. If you understand that, the rest is easy.
That is all! If you have any questions, go to the forum.
Tutorial is written by Lingling. Do not take this tutorial and put it on your site without my permission.
WRITTEN ON: JULY 29, 2005
|