If you don´t know, how to install a module or install a template, please take a look at this Beginner guide:
 
http://docs.joomla.org/Beginners

Module Positions

Logo / logo.gif Top
Banner
Suckerfish
Slideshow
Please don´t publish the slideshow or the article slider at the same time
Breadcrumbs Search
User 1 User 2 User 3
Left Before Right
Mainbody
After
User 4 User 5 User 6
Footer

Debug

Logo & Template Configuration

  • Login to your site as admin > Extensions > Templates > select > jp_travel
  • Now you can setup the template parameters
  • If you want to add your own logo, upload  your logo.png via FTP to
    ../templates/jp_travel/images/logo.gif

Suckerfish Menu Configuration

  • Login to your site as admin > Extensions > Module Manager > mainmenu
  • Please use the following module paramters settings
  • Menu class suffix = sf-menu

Top Menu Configuration

  • Login to your site as admin > Extensions > Module Manager > topmenu
  • Please use the following module paramters settings

Pre configurated Slideshow & Article Slideshow

  • Please read the instructions > jp_travel_unzip_first/ extensions / pdf files
  • Use for slideshow and article slider only the module position // SLIDESHOW //

QJuery Slimbox Configuration

ATTENTION! The Slimbox is only active, when you have activated the Superfishmenu too.
  • Select your Article
  • Add your preferred image
  • Open the Article in HTML view
  • Add the rel="lightbox"
  • See the picture below


Single Image:

Add the rel="lightbox" attribute to the links pointing to your full-sized images. Use the optional title attribute if you want to show a caption:

<a href="images/image-1.jpg" rel="lightbox" title="my caption">

 

Image Gallery:

For sets of related images that you want to group and make navigable, add a group name to the rel attribute just after the “lightbox” word, for example:

<a href="images/image-1.jpg" rel="lightbox-cats">image #1</a>
<a href="images/image-2.jpg" rel="lightbox-cats">image #2</a>
<a href="images/image-3.jpg" rel="lightbox-cats">image #3</a>

 

 

ToolTip Configuration

  • You can add a tooltip to any images or text elemets
  • Open an article, add a image and open now the HTML Source Editor
  • Now add a class to your images // tooltip // and now the title is your ToolTip

Template Customizing

TIP: If you want to customize a template ( color, font or background) and don´t know the css class, please use Firefox with the Firebug extension. Now you can analyze every CSS style for customizing the template CSS. Firebug Tutorial