Common css layout question Options

[FUNimations]

1) this is mainly a CuteNews forum. You may pose questions about html, css here. But be aware you're very likely to get an answer like 'validate your site and fix the errors'. And make sure all your opened html tags have a closing tag. For this it might be useful to actually look at the source code as given by the browser.
Seeing this forum is also called 'css' we'll most likely give a solution that uses css. if you don't know what css is or how to use it:
link1 & link2

2) INDEX

• avatar: align left/right with text flowing next to the whole picture and not just 1 line.
• Change the color of the CuteNews links.
• Change the look and feel of the CuteNews articles on your site.
• How to use css with CuteNews.

[FUNimations]

avatar: align left/right with text flowing next to the whole picture and not just 1 line.

Isn't all that hard. Just add the following line in your templates:

CODE

<div style="float: left;">{avatar}</div>

Obviously, you may want to replace "left" with "right".

This will give you

/////////////1ste line of text
//image //2nd line of text
/////////////3th line of text
/////////////4th line of text
continuation of text right under the image

You can't have it centered if you're trying to do that.

[FUNimations]

Change the color of the CuteNews links
like the read more links of your CuteNews articles
now take your average [link]read more[/link]
and put it inside <span>
like

CODE

<span class="full_link">[link]read more[/link]</span>

and then use some css as in

CODE

.full_link a
{
color:#0000ff;
}

meaning all <a> within the full_link span will be affected.

[FUNimations]

How to use css with CuteNews

Never put css style definitions inside your template. Always add css to the page where you have the CN include code.

more information:
Well this isn't that difficult. All you need to know is that Cutenews sends back html only to a browser. So on the server the CN include code is replaced by the html of the articles (templates). If you understand this then it's just a matter of using css like you do for other components on your webpage.
Add the css classes to your stylesheet /<style> tags and inside the templates you make reference to the css classes like

CODE

class="myclass"

without putting css style definitions in your template.

[FUNimations]

If you're wondering how to change the look and feel of an article made with CuteNews, well then you're off to a bad start.
This matter has been dealt with in the FAQ forum. The logical first place where one would look.

I'm joking there's no specific topic about this.
Although one would think you'd already know the answer as it's done through a page inside the CuteNews panel of your CuteNews installation.
Must be your not the curious type. So go to the templates page and edit the html, or make a new template first and edit the html later.