Hi everybody,

I just finished a new site based on RASA for a French lawyers office:

Ligner Rochelet

Short list of has been done:
- Pseudo Splash screen (altough i don't like Splash screens) loading once per session (jquery)
- hover effects on main menu (took me a day for that!)
- Jquery script for image fade effect (check "l'équipe" or "compétences")
- Design for a clean and corporate layout
- Use of RSform Pro for emplyoment submissions

Hope you enjoy... and of course feedback welcome

Marc

Very slick Marc, it looks great.

I really like the menu!

Thank's Seth

Dealing with classes and ID's (parent, active, current etc) for each possible combination nearly got me crazy...

Maybe a feature to imagine for the admin in Zengrid Framework.

As for this site, still some SEO needs to be done.

Cool site - looks really good.

Congrats,

Sascha

Yep congrats - very nice customisation.

Cheers Anthony

Sascha, Anthony,

Thank's for the feedback... this is always very encouraging

Marc

Hi!
Love the look of your site, the simplicity and style is cool!

Tommy

super! bravo

Merci, ça fait vraiment plaisir...

Hi,

English translation added today.

Marc,
I just spent some time cruising your site and I like it a lot. What a terrific rendition of RASA!

The site contains a lot of material nested inside specific categories, but you did a great job making it easy to get around. I especially like the clean menus that appear on the left inside inside category.

Specific question: for the top page in "Our Skills," did you use an editor and tables with padded cells to create the 3X3 grid of rollover images? I'm referring to this page: www.ligner-rochelet.com/index.php?option=com_content&view=article&id=170&Itemid=78&lang=en

I'm going to keep looking at your site -- and learning from it!

This is why I love Jomlabamboo. The designers and the customers are great.

Thanks for sharing,
Matthew

Hi Matthew,

I am glad you enjoy this site !

As for your question about the 3 x 3 grid in "Our skills", i didn't use any editor or tables to do it.

If you check the code, i use spans with inline styling (this is BAD - don't use inline styling!). The best is to create classes in your CSS files. In this case i used inline CSS because the "boxes" don't have exactly the same attributes (for example the third one on the row shouldn't have right-margin).

Be aware that you might have to change the "tricks" you use after debugging IE6. This specially happened in "the team" page where the design was broken in IE6 and i had to find another way to display what seems so simple: 5 images in the same line!

If you have other questions, i will be glad to help

Marc

Seeing the customization of your site really inspires me to incorporate more CSS into my work, and to use the templates in unexpected ways.

Marc,
Thanks for the information. I really like that style you developed for the boxes. There are a lot of times when I am trying to add a "texty" element but I want it to look like more than just text, and something like what you did seems to exist between text and graphics, while keeping the whole presentation clean.

By coincidence, I'm dealing with exactly this question in a site I'm creating (see this discussion: www.joomlabamboo.com/forum/site-showcase/39182-designer-site#39247).

By the way, could you name the extensions (besides JB) that you are using in this site?

Great work,
Matthew

Hi Matt,

The boxes, as you can see, are images. The hover effect is done with jquery by giving each element the "fade" class.

But the best would have been to do the same, not with images but with pure CSS applied to the 2 different states of the elements (wasn't done this way because of time and budget...).

The extensions used in the site:

- Modified version of Scquery for loading and inserting jquery scripts (i hade to deactivate JB library because i was getting errors trying to load my scripts). Also what you don't see in the site is that i created a whole jquery UI theme for the client so they can use Tabs or Accordeons with no pain if needed (with a module called simplequerytab).

- Joomfish for language management

- RSform Pro for the forms

- 2j News slider for the rotating news on left column (Gavick news pro 1 or 4 would do the job too)

- Xmap for the site map

Keep in mind that you will probably have to modify each module/plugin's styling with CSS to have a coherent design.

Hope this helps...

Marc

Marc,
Thank you very much for the additional information.

It's wonderful when people share their ideas, and seeing which extensions are behind each element of a site really helps get the full picture.

This discussion reminds me of a bigger set of questions I am wondering about -- how to get JQuery snippets (don't know if that's a technically correct term) inserted into individual articles. I've posted about it in the JB forums (see this: www.joomlabamboo.com/forum/general-joomla-support/25780-some-ideas-like-joomlabamboo#25780).

Thanks again, and tell us about other sites you're working on.

Matthew

Yes, thanks Marc.

It is always great when users are sharing their experience with others here, I think it really enriches the community we have here. Thank you.