zenPage - printNewsContent()

micheall

I've been looking and looking and haven't been able to find it. Does the printNewsContent() function assign any css id/class to any of the the content? From what I can tell it doesn't which means if attempting to apply CSS styling to it's output would require modifying the core component some.

Am I missing something simple? It could be that my lack of proper sleep is causing me to miss it, heh.

acrylian

No, it does not, it just prints the content you added and how you configured TinyMCE for. You have to put a wrapper div or the like around it.

tinyZenpage however does add classes to the images you include in a page/article (but those are documentated in the plugin itself).

micheall

But what if the news that's being displayed isn't something you created in tinyMCE.

I knew it did it for news pages, but for when the news item it's displaying is an album, there's not really a way to style that properly I've found. For instance centering the image or what not.

fretzl

You could also set a custom stylesheet in the tinyMCE configuration file(zp-core/zp-extensions/tiny_mce/config/<file you need>).
Classes you define in that stylesheet will appear under the styles dropdown box in the tinyMCE editor.
Note that you can only use classes!(i.e. .classname{<properties>}).
You can then assign those classes to whatever you want.
More info here: http://wiki.moxiecode.com/index.php/TinyMCE:Configuration/content_css

micheall

Yes, but what I mean is when using the CombiNews of zenpage to include album automatically, the printNewsContent() is printing something that is automatically generated, not something I prepared via tinyMCE.

I suppose a workaround would just be to turn off combinews and make my album entries manually.

Edit:
If you take a look at the new theme I'm working on here.

Aesthetically to me it would make more sense to be able to center the album thumbnail that's being used. I could just set the thumbnail to a large size to fill the empty space, but the problem with that is of course orientation of images.

fretzl

You could try to add this to your CSS:

`
.newsarticle img {
display: block;
margin: 0 auto;
}
`

acrylian

@Micheall: You should have mentioned that you are talking about CombiNews mode...

Fretzl's way is the right one to do it for single CombiNews items, no need for wrappers or such. If you use the "latestimagesbyalbum" option there are `

` for the titles and a wrapper class `latestimagesbyalbum` around each entry. However I just noticed that there seems to be missing a wrapper for the item description. It was once a ``but since TinyMCE could include that as well it would be invalid. Seems a repacement div was forgotten. Will be added for tonight's nightly.

Edit: No, I just recall we have no wrapper for the text description so you can let it float around the image.

dendraya

i have a problem concerning the combi-news feature: a `
` is put in between the album picture and the album description - and i don't really find a way to remove that. now the text begins under the image, but i want it to float right next to it. any hints? (i already looked through all php files of the theme, but found not a single linebreak - i think, the output of `printNewsContent();` has to be changed, but i don't really know how to do that)

acrylian

The only way would be to make a custom function based on it. But anyway, thanks, that one will be removed in tonight's nightly as it should not be there.

dendraya

thx a lot - i'll try the nightly build... btw, it should be quite safe to use the nightly builds, shouldn't it?

kyrd

(hi, my first post here - so thanks4all! :-)

I'm using zenpage+combinews and have read quite a lot but can't find a satisfying solution for this issue, according to my low level knowledge of php.
I'm having the same problem of @dendraya and @micheall: I'd like to control the description behaviour via css but I'm unable to find (the file) where to insert a span or div to wrap it.
@fretzl solution doesn't work for me as that can target the img but not the following text. Even tried to wrap the whole thing in an (ugly) table in order to control the vertical alignement of text, but it didn't work so I don't like the thumb and text are both base aligned.
you can see it (as long as I'm working on it) here, bottom of the page:
http://www.indirizzofantasma.net/zenphoto
so where can I put my hands in?

acrylian

CombiNews does print the following setup (single image modes):
`

">

`
If you need to insert html you need to do that on the description itself. Which is on the image edit page. If you use TinyMCE as the editor as it is setup by default you have to switch to HTML mode to do that.

Also TinyMCE creates paragraphs around text by default so the html should look like:
`

">

`
You should be able to address these elements via CSS. You will surely understand that we cannot teach you the details here.

kyrd

I don't use tinymce, but this makes sense, problem solved. thanks for your fast reply!