1 Topic by FUNimations (edited by 2010-03-22 17:58:18)

  • Registered: 2005-08-28
  • Posts: 16,512

Topic: Common css layout question

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 mobile casino no deposit required 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.

2 Reply by FUNimations (edited by 2010-03-22 17:57:57)

  • Registered: 2005-08-28
  • Posts: 16,512

Re: Common css layout question

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:

<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.

3 Reply by FUNimations (edited by 2008-10-12 11:13:26)

  • Registered: 2005-08-28
  • Posts: 16,512

Re: Common css layout question

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 

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


and then use some css as in 

.full_link a
{
color:#0000ff;
}

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

4 Reply by FUNimations (edited by 2010-03-22 17:57:33)

  • Registered: 2005-08-28
  • Posts: 16,512

Re: Common css layout question

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 

class="myclass"

without putting css style definitions in your template.

Posts: 4

Pages 1

You must login or register to post a reply

CutePHP Forums → HTML, CSS and Overall Look → Common css layout question