Micro Blog

prettyPhoto and prettyBox

If you didnt see the prettyBox module we put together for the January 2009 release Canvas then you need to take a look at it. Its a beautiful way to implement a gallery uin a module on your Joomla site. There are plenty of options available fro cropping and resizing images and then displaying the original image in a lightbox. You can view full setup information on the Canvas demo site.

 

PrettyPhoto is athe lightbox we used in the prettyBox module. It can also be used in stand alone mode. You can see some setup and markup instructions on the Canvas demo site .

FaceBox

The microBlog module that comes with the Organica template uses a nifty little technique where you can popup the introtext and fulltext of a content item in a lightbox called faceBox. You can read more about the microBlog module here. However you can also use the faceBox script as a stand alone option. Check out the instructions below for how to go about doing this.

 

Template Parameters

Organica has a diverse range of parameters accessible in the template administrator in Joomla 1.5 and the index.php file in Joomla 1.0.

 

Home Setup Front page accordion
Controlling the folds

The coloured bars that you see in the first screen of the demo site are a part of Organica's built in horizontal sliding accordion. There are four bars in total and they each have the ability to display any modules from the user1 to user3 positions and also the main content body.

 

folds.jpgThe modules are positioned in reverse so that the fold at the very left of the screen appears if any module is positioned at the user3 position, the second fold from the left will display modules from user2, the third fold from the left will display modules published to user1 and the fourth fold (the fold that is open each time the site loads) displays the main content are or component area on your site.

The colours for each fold are controlled in the template parameters in the template admin in Joomla 1.5 and the template index.php file in Joomla 1.0.

 

There are two settings for each fold.

The first is the overall colour of the folding bar and the second is the title that is displayed on the bar. The background colour is a single image located in the images/folds directory in the Organica template folder. The source file for these images are located in the source folder in the source zip. There are 41 coloured folds to choose from.

 

Here are the images that are available to be used for the coloured folds:

black1.jpg
black2.jpg
blue1.jpg
blue2.jpg
blue3.jpg
blue4.jpg
brown1.jpg
brown2.jpg
charcoal1.jpg
charcoal2.jpg
gold1.jpg
gold2.jpg
gold3.jpg
green1.jpg
green2.jpg
green3.jpg
green4.jpg
green5.jpg
grey1.jpg
grey2.jpg
orange1.jpg
orange2.jpg
red1.jpg
red2.jpg
red3.jpg
red4.jpg

 

 

The second setting is a transparent image that sits above the coloured fold and is basically the label for each fold. This is an optional setting and you have the choice to display these images or not in the template administrator in Joomla 1.5 and the index.php file of the template in Joomla 1.0.

We have put together 20 popular words for labels for you to use but its very easy to create your own in your favourite image editor. The font we have used is called courier new, but if you dont have that font on your system then courier will most certainly be available.

The text that is positioned on top of the folds eg locations, home, about us etc - is referenced by the index.php file and controlled via a variable in the template administrator in Joomla 1.5 and in the index.php file in Joomla 1.0. These images are stored in the template folder in the images/labels/ directory.

The titles that come with the template include:

  • About Us
  • Blog
  • Contact Us
  • Directions
  • Downloads
  • Events
  • Features
  • Files
  • Finding Us
  • Flickr
  • Folio
  • Gallery
  • Home
  • Locations
  • Music
  • My Life
  • Newsletter
  • portfolio
  • Resources
  • Services
  • Specials
  • Twitter
  • Work

 

If you would prefer not to use the folds on your site then all you need to do is avoid publishing any modules to the user1, user2 or user3 positions.

 

About

Sed eu sem vitae massa sagittis posuere. Quisque ut nisl non tellus iaculis cursus. Donec porta pellentesque magna. Duis dictum pellentesque magna. Ut vestibulum dolor et est. Nulla feugiat laoreet nulla. Morbi est lacus, auctor ut, blandit quis, posuere et, ante. Phasellus eros. Etiam orci diam, placerat et, pulvinar eget, egestas ut, lectus. Sed aliquet lectus in pede.

 

Listening

  • Building steam with a grain of sand
  • You cant go that way home
  • What does your soul look like?

Travelogue

Sed eu sem vitae massa sagittis posuere. Quisque ut nisl non tellus iaculis cursus. Donec porta pellentesque magna. Duis dictum pellentesque magna. Ut vestibulum dolor et est. Nulla feugiat laoreet nulla. Morbi est lacus, auctor ut, blandit quis, posuere et, ante. Phasellus eros. Etiam orci diam, placerat et, pulvinar eget, egestas ut, lectus. Sed aliquet lectus in pede.