Here’s a round up of all the features in L’elle!
Choosing a Theme
Featured
The L’elle template includes three themes that you can activate to get the right look and feel that matches your own brand. The themes you can choose from are the Dark, Light and Unique themes.
- Dark theme gives you that sexy nightlife feeling with modern Paris highlights on the background
- Light theme, a playful, luscious yet professional environment to communicate your business
- Unique theme: want your content to look clean yet have an highly sophisticated feel that none of your competitors have? Go Unique!
Changing the Google Maps location
To change the location of the Google Maps widget, find the file ‘assets/js/lelle_main.js‘ and find the javascript function updateMap() (arround line 403). There you can change the location of the maps widget. By default there are two address entries, one included in the array for clickable markers (including custom HTML to show in its tooltip) and the address that Google Maps will zoom in on when loading the widget.
To change it to Paris, with a tooltip at the Notre Dame, the code would look be as follows:
function updateMap($ele) {
$ele.gMap({
maptype : G_PHYSICAL_MAP,
markers : [{
address : "6 Parvis Notre-Dame - place Jean-Paul-II 75004 Paris, France",
html : "This is Notre Dame de Paris!"
}],
address : "Paris, France",
zoom : 13
});
}
For more information on how to customize a Google Maps widget, please visit the gMap plugin for jQuery documentation.
L’elle: Yellow Is The New Pink!
You can choose out of three themes, but still it’s not enough? Ofcourse not! You want your site to match your branch.
In this post we will change the L’elle’s lovely hallmark color, pink, into a yellow color instead.
L’elle: Changing Default Landing Page
By default, L’elle will go to the empty Home section with the newsticker on it (and anything else you add yourself).
Here’s how to changing wich section L’elle will go to by default.
Footer: Changing ‘Facebook Like’
Facebook Like is a widget which allows you to let your visitors ‘Like’ whatever URL you want. Promote your content on the social highway!
Whatever kind of URL you choose to use, here’s how to make the changes.
Footer: Changing ‘Twitter Follow’
Twitter Follow is a widget which allows you to let your visitors follow whatever account you want. Keep your visitors close wherever they go and on whatever device!
Ofcourse, it depends on the presentation of your content what your visitors will think what account is behind it: is it to follow site’s updates? A publisher’s journals? Or a Game developers blog tracker?
Whatever kind of Twitter account you choose to use, here’s how to make the changes.
Homepage: Managing Showcase Content
You want a showcase overview that looks smooth and is interactive as well? Enter the embedded Quicksand Showcase!
Homepage: Overlayed Popup Content
One of the ways L’elle expands its content is by displaying overlayed content or, a div popup in technical terms. There are four overlayed popups in the L’elle: the About overlay, the Showcase overlay, the Google Maps printable popup and the lightbox image zoom overlay.
Widgets: The Coda Slider
The standard sliders that can be found around the web are all nice and shiny, but they are also all the same. That’s why we modified one of the leading sliders, Coda Slider, to provide a more unique presentation.
Homepage: Adding Content Sections
Adding content to L’elle means adding sections. Adding sections means adding backgrounds and optionally menu items to navigate to the section. In the next steps we’ll see how.