Changing the world, one site at a time…

Create a Navigation Description

This is very easy to do, just add:
<span class="desc">Your Description</span> - after your main navigation title.

When done it should like something like this.

Screen shot 2009-12-29 at 10.09.43 PM

Create Custom Banners

Visit and download the RW Multitool here.
Open the RW Multitool, select the L Amour theme.

Screen shot 2009-12-28 at 10.10.23 PM

Screen shot 2009-12-28 at 10.10.51 PM

Customize your banner, save, and you're done.

Create a Slideshow Banner

Make sure you have both "NCD - L AMOUR - Slideshow (html)", and "NCD - L AMOUR - Slideshow (css)" snippets. These snippet were included with your L Amour theme download. You can download both snippets here.

STEP 1: Enable Slideshow

In your page inspector, open the "Slide Setup" panel in the style options. Select a desired slideshow playback setting. When you enable the slideshow, your static banner image should disappear.



step 1


STEP 2: Add HTML Snippet

Open your snippets panel, and open your custom header box in the page inspector. Next, drag and drop the "NCD - L AMOUR - Slideshow (html)" snippet into your custom html box.



Screen shot 2009-12-28 at 10.23.44 PM1


STEP 3: Add CSS Snippet

Now select your custom css box, then drag and drop the "NCD - L AMOUR - Slideshow (css)" snippet into your custom css box. Once done, switch to preview mode to view your slideshow!



Screen shot 2009-12-28 at 10.24.46 PM1


Create Custom Slide Images

Visit and download the RW Multitool here.
Open the RW Multitool, select the L Amour theme. Modify images named "slide#.jpg". Customize your slide, save, and you're done. By default the L Amour CSS snippet displays slides 1, 2, and 3.


Screen shot 2009-12-28 at 10.35.47 PM


Adding More Slides to your Slideshow


Adding more slides to your slideshow is easy, just keep repeating the numerical pattern in both html and css slideshow snippets.

Here's the HTML portion to create 4 four slides:
<div id="myExtraContent1">
<div id="slideshow">
<div id="slide1" class="slide"></div>
<div id="slide2" class="slide"></div>
<div id="slide3" class="slide"></div>
<div id="slide4" class="slide"></div>
</div>
</div>
Here's the CSS portion to create 4 four slides:
#slide1{background-image: url(rw_common/themes/l_amour/images/editable_images/slide1.jpg);}
#slide2{background-image: url(rw_common/themes/l_amour/images/editable_images/slide2.jpg);}
#slide3{background-image: url(rw_common/themes/l_amour/images/editable_images/slide3.jpg);}
#slide4{background-image: url(rw_common/themes/l_amour/images/editable_images/slide4.jpg);}



Adding your own slide images

a) Open your theme tray, find the "L Amour" theme icon.
b) Right click (or control + click) on the icon, select "Reveal theme contents in Finder."
c) Follow the path "images > editable_images", then drag and drop your images in with the other header and slide images.
d) Once your images are added, just change the default image file names in your custom css box.

prettyPhoto Stack (Mediabox Advanced alternative)

If you enjoy the "lightbox" effect for your images and video, the prettyPhoto stack is a great alternative to Mediabox Advanced that came with previously released NCD Themes. The prettyPhoto stack is easier to use and more compatible than Mediabox Advanced - and is therefore endorsed by NCD Themes.

Enough small talk - check out this amazine stack!

Adjust Slogan Font (CSS)

Copy and paste the code below into your custom css box, then adjust the font properies as desired. To learn more about acceptable font propery values, Google "css font weight", or "css font family", etc..
h2.slogan{
font-style: italic;
font-weight: normal;
font-size: 14px;
font-family: Georgia;
}


Adjust Main Navigation Font (CSS)

Copy and paste the code below into your custom css box, then adjust the font properies as desired. To learn more about acceptable font propery values, Google "css font variant", or "css font family", etc..
#nav li a{
font-size: 18px;
font-variant: small-caps;
font-style: italic;
font-family: 'Times New Roman',Times,serif;
}