Page 1 of 1

Impact Europe

Posted: Thu Dec 01, 2011 12:48 am
by alexbuckland
http://www.impact-europe.com/

Gallery: 1.4.4
AdvancedContent: 0.8
CGExtensions: 1.25.4
JQueryTools: 1.0.10
Statistics: 1.1.3
CGSimpleSmarty: 1.4.8
GBFilePicker: 1.3.1
FormBuilder: 0.7
FormBrowser: 0.4
SEOTools: 1.5
FrontEndUsers: 1.12.16
TreeManager: 0.6.0
Forum: 0.9.4
SelfRegistration: 1.6.10

Again we made heavy use of the news module and its templates for alot of the content around the site, especially the Customer Segments pages.

CGSimpleSmarty grabs content from child pages of summary templates like the about page so the client can easily generate those themselves.
We use a similar idea on this page too

Let us know what you think!

Re: Impact Europe

Posted: Thu Dec 01, 2011 5:45 am
by elkman
Great site. Innovative and easy to get around while displaying a lot of information.

How did you create the top menu with the image submenu?

Elkman

Re: Impact Europe

Posted: Thu Dec 01, 2011 6:06 am
by Assange
Wonderful site!

But you will get some speed increases using Google Pagespeed.

For instance you could use

http://dev.cmsmadesimple.org/projects/imagecompressor

Re: Impact Europe

Posted: Thu Dec 01, 2011 8:28 am
by alexbuckland
Thanks for this!
I have installed and will try to get it working :)

Pagespeed score is 81, so not bad to say the client handles all their own images. Also I dont know why but pagespeed says that compression isnt enabled when it is. I always do it via .htaccess...

Re: Impact Europe

Posted: Tue Dec 06, 2011 1:15 pm
by stefanus
very nice website, alexbuckland, i like the nav-menu with those pictures in the submenu.
Interesting, never knew about that google pagespeed.

Re: Impact Europe

Posted: Wed Dec 07, 2011 12:23 pm
by alexbuckland
Thanks for the compliments guys.

Elkman and Stefanus, the nav is actually pretty simple

If you take a look at the markup you'll see it works like this:

Code: Select all

{*if there are there any sub menu items to display*}
{if $node->children_exist == true}
    <div class="submenu" >
        <div class="submenu-box-img">
            {*Generate a link to the page URL and grab that pages thumbnail, which the client chooses from the options tab of page edit*}
            <a href="{$node->url}"><img src="{$node->thumbnail}"></a>
        </div>
        <span class="img-text"><a href="{$node->url}">{$node->menutext}</a><span>
{/if}
The rest of the animation and slides are just jquery trickery, not my department :D