New Template - TypoFolio

[uniqu3]

Hi all,

just finished my new Template named TypoFolio.

Features:
jQuery powered News Summary Template.
For the image overlay in the Summary Template you will have to add an extra field in News named "summarybg"
Automatic Sidebar if Main page contains Subpages or is Subpage (for this function you will need to install CGSimpleSmarty Module)

You can see the demo at http://www.i-arts.eu/typofolio/

Have fun!

[antosha]

Nice template, good job Goran!

[uniqu3]

Thank you Anotsha and thx for LinkedIn add 

I wanted to play more with the template but my time ran out and i had to concetrate on other things.

[mayman]

Hi Goran,

I really like this Template although I think I have missed something on the install as when i attempt to edit a page i get the notice "An error occurred parsing content blocks (perhaps duplicated block names)" I have installed the smarty module- any ideas?

Many thanks Tom

[uniqu3]

Hi,

replace in the template {content} with {$capturedcontent}.
{content} is located twice in the template due to the sidebar options so replacing it will fix the issue.

[mayman]

Nice one... worked a charm thanks

[barra77]

Where in the template TypoFolio to activate sidebar (news, navigation)??

[elkman]

Hi Goran,

Very nice template! I learn a lot going through your templates to learn how to modify CMS modules. I am using the jquery news module on another site and have everything working great.

I hope to create a single column 300px wide and to display 4-8 news items that will appear 2 images per row. I found in the css where to modify the image height. The image widths adjusted perfectly to 139px in a div that was 600px wide.

When I reduced the div to 300px, the images appeared 220px wide (this is the exact width of the images used in each news article) and the news article colored background summary area is wider then the image. It is 230px wide. This scale inequity didn't occur in the 600px div. Any idea what might make this work to show 2 articles to a row?

I tried modifying the width using CSS in the col_4 newsBlock in the newsSummary template, but that didn't seem to be the right place.

Here are two links.
http://www.tellerhomes.com/tellercounty/ Here you will see the news column on the left side that I would like to show 2 articles per row.

http://www.tellerhomes.com/tellercounty ... msms-works this link shows the images scaling perfectly to fit 4 to a row.

Thanks for the template and I hope there may be a way to use the news module this way. My next project is to update our local animal shelter website and this would be a great way to show the animals, tell a brief story, and then let people click through for more info for each animal.

Elkman

[uniqu3]

Scaling isn't that good solution, you should look at supersizer plugin to resize images on the flow as needed.
In you sample page i see one column news, is it that how you want to have it displayed?

Width issue can be fixed by adding with to .newsList li a
So basically as i see it now you would need 200px width to fit with current image width.
Means image width is 220px - 10px left padding and - 10px right padding for .newsList li a = 200px

Now do the math if you want to have 2 in one row

[elkman]

I'll take care of the CSS, thanks. What I meant by scaling is that the 4 images in a row automatically adjusted their width to fit the 600px div.

The CSS change did the trick!

Thank you!

[elkman]

Is there a way to get the News category name to appear below the image & summary info for each news article?

I tried this but it didn't work:

Code: Select all

{if isset($entry->fieldsbyname.summarybg)} <img src="{$entry->file_location}/{$entry->fieldsbyname.summarybg->value}" alt="{$entry->title|cms_escape}" height="100%" /><br />{$entry->category} {/if}

I'll keep trying though.

[trainer]

I'm getting this error...

string(81) "Smarty error: unable to read resource: "module_db_tpl:MenuManager;pageNavigation""

This file is present in the menu manager...
TypoFolio : pageNavigation

[uniqu3]

rename MenuManager template to pageNavigation, probably export/import issue.

[trainer]

Ahh I get it - thanks

Just a heads up then, that when I imported the xml file, the images and javascript files went into the TypoFolio directory and not into their respective 'images' and 'js' directories.

This is one sexy theme - thanks