Theme skin: (Here you can choose theme skin)Homepage slider type: (Here you can choose one of 5 sliders)Select google font: (Here you can choose google font)Select cufon font: (Here you can choose cufon font)Select font type:
Cufon font
Google font

Theme main color: (Here you can change main color. In CMS you can easy change also colors for main menu.)
Main color
FacebookRSSVimeoLinkedInFlickrTwitterYouTube

NGG Simple Galleries (Advanced Shortcodes)

This is one of the Advanced Shortcodes available in Innovation+Science 2 theme. Take a look at some examples how you can setup this shortcode. Like all shortcodes in this theme you can setup them with special Lightbulb editor tool – this allows you to define all parameters and content for selected shortcode. To read more about other shortcodes and Lightbulb feature check links below:

Standard Shortcodes
Advanced Shortcodes
Lightbulb (Editor Tool)
Column Shortcodes

NGG Simple Gallery (dcs_simple_gallery_ngg, dcs_simple_gallery_thumbs_ngg)

Two shortcodes for NGG Simple Gallery are available: dcs_simple_gallery_ngg and dcs_simple_gallery_thumbs_ngg – first one create a slider with thumbs inside the slide, and second created a slider with thumbnails below the slider.

This shortcode allows to create a gallery that will display a group of images from selected gallery created in NextGEN Gallery plugin. You can choose to display images using the gallery order, or choose use random option (selected by default). It is very easy to setup with Lightbulb tool and it can be customized by a list of parameters – see in the examples down below.

• Example 1: NGG Simple Gallery with default settings
a gallery was created in NGG plugin and then selected from drop down list in Lightbulb, thumbs inside slider, size changed to 960x300px, description for gallery

[dcs_simple_gallery_ngg  id="18"  w="960"  h="300"  ts="50"  number="6"  desc="Photography: Tim Wang"  /]

• Example 2: NGG Simple Gallery Thumbs with default settings
a gallery was created in NGG plugin and then selected from drop down list in Lightbulb, thumbs inside slider, size changed to 960x300px, description for gallery

[dcs_simple_gallery_thumbs_ngg  id="18"  w="960"  h="300"  ts="40"  number="6"  desc="Photography: Tim Wang"  /]

• Example 3: NGG Simple Gallery with images inside, float left and slide transition mode
for thumbs top position was used, border color changed to yellow, random images turned off

Rutrum augue at dolor neque, quam vel sed ligula, magna egestas cras congue nullam, malesuada ut blandit consectetuer nunc fringilla sem. Libero laoreet donec arcu eros erat sed, adipiscing felis vel aliquam in, tincidunt mollis porro, pede metus eu aenean, duis cum ut non proin pede etiam. Pellentesque velit pellentesque consectetuer id nec. Eget bibendum in, sed duis sit fusce, libero rutrum, mus in vel. Class est ornare, felis mi lobortis magna posuere, orci consectetuer dictum eget facilisis lorem rem.

Tellus massa adipiscing morbi suscipit, non condimentum molestie. Sem eu ac, vulputate non suscipit nisl ligula volutpat, aliquet placerat vel at non, et fermentum eget. Aliquam sit sit condimentum orci dictum, pede aliquam ultricies suscipit nec eget. Nec aliquam leo velit nam id mattis. Tempor commodo ac et, tellus per integer at suspendisse.

Diam feugiat vivamus montes iaculis, quam duis sodales iaculis morbi. Augue tempus nec quis metus quis, rhoncus eros vivamus lacus et leo et, quam aliquet, fermentum ante vehicula suspendisse lorem, non integer donec eu ut. Vulputate massa risus.

Ultrices aenean, nullam consequat vel ligula per. Quis sit tincidunt ac, ligula ornare at fusce tellus sapien et. Proin et aenean hymenaeos praesent, litora eget turpis pellentesque a ut, eros arcu velit tempor eget, donec lacinia consectetuer fames, urna eget gravida et eros. At orci blandit vehicula feugiat, nisl sed vivamus purus etiam non, amet dolor. Porttitor dignissim pellentesque cursus, dapibus lacus pede nulla. Accumsan amet cras velit sed modi nullam, sed scelerisque vel mattis lectus.

[dcs_simple_gallery_ngg  id="15"  w="480"  h="280"  ts="25"  tt="10" random="false"  trans="slide"  margin="0px 10px 15px auto"
float="left"  number="10"  bcolor="#FFE600"  desc="Photography: Tim Wang"  /]

• Example 4: NGG Simple Gallery Thumbs with images outside, float left and image title + description
for each image in NGG you can add a title name and description – in shortcode Lightbulb settings you can decide to display this text in the gallery

Rutrum augue at dolor neque, quam vel sed ligula, magna egestas cras congue nullam, malesuada ut blandit consectetuer nunc fringilla sem. Libero laoreet donec arcu eros erat sed, adipiscing felis vel aliquam in, tincidunt mollis porro, pede metus eu aenean, duis cum ut non proin pede etiam. Pellentesque velit pellentesque consectetuer id nec. Eget bibendum in, sed duis sit fusce, libero rutrum, mus in vel. Class est ornare, felis mi lobortis magna posuere, orci consectetuer dictum eget facilisis lorem rem.

Tellus massa adipiscing morbi suscipit, non condimentum molestie. Sem eu ac, vulputate non suscipit nisl ligula volutpat, aliquet placerat vel at non, et fermentum eget. Aliquam sit sit condimentum orci dictum, pede aliquam ultricies suscipit nec eget. Nec aliquam leo velit nam id mattis. Tempor commodo ac et, tellus per integer at suspendisse.

Diam feugiat vivamus montes iaculis, quam duis sodales iaculis morbi. Augue tempus nec quis metus quis, rhoncus eros vivamus lacus et leo et, quam aliquet, fermentum ante vehicula suspendisse lorem, non integer donec eu ut. Vulputate massa risus. Curabitur lectus ligula tortor nam in, cursus hac sed rhoncus eget blandit scelerisque, rerum amet, pellentesque nullam, et placerat ac diam. Pellentesque gravida arcu tortor, lectus accumsan, at elit maecenas.

Ultrices aenean, nullam consequat vel ligula per. Quis sit tincidunt ac, ligula ornare at fusce tellus sapien et. Proin et aenean hymenaeos praesent, litora eget turpis pellentesque a ut, eros arcu velit tempor eget, donec lacinia consectetuer fames, urna eget gravida et eros. At orci blandit vehicula feugiat, nisl sed vivamus purus etiam non, amet dolor.

Porttitor dignissim pellentesque cursus, dapibus lacus pede nulla. Accumsan amet cras velit sed modi nullam, sed scelerisque vel mattis lectus. Sem eu ac, vulputate non suscipit nisl ligula volutpat, aliquet placerat vel at non, et fermentum eget. Aliquam sit sit condimentum orci dictum, pede aliquam ultricies suscipit nec eget. Nec aliquam leo velit nam id mattis. Tempor commodo ac et, tellus per integer at suspendisse. Diam feugiat vivamus montes iaculis, quam duis sodales iaculis morbi.

Augue tempus nec quis metus quis, rhoncus eros vivamus lacus et leo et, quam aliquet, fermentum ante vehicula suspendisse lorem, non integer donec eu ut. Vulputate massa risus. Curabitur lectus ligula tortor nam in, cursus hac sed rhoncus eget blandit scelerisque, rerum amet, pellentesque nullam, et placerat ac diam. Pellentesque gravida arcu tortor, lectus accumsan, at elit maecenas. Ultrices aenean, nullam consequat vel ligula per. Quis sit tincidunt ac, ligula ornare at fusce tellus sapien et. Proin et aenean hymenaeos praesent, litora eget turpis pellentesque a ut, eros arcu velit tempor eget, donec lacinia consectetuer fames, urna eget gravida et eros.

[dcs_simple_gallery_thumbs_ngg  id="3"  w="240"  h="300"  ts="41"  margin="0px 10px 15px auto"  sdesc="true"  stitle="true"
float="left"  number="20"  desc="Photography: Helga Weber"  /]

• Example 5: NGG Simple Gallery with images inside in column, image description without titles enabled
for both shortcodes you can set a number of images displayed in the gallery and choose if you want to display random images – if random option is turned off then first N number of images are displayed

Rutrum augue at dolor neque, quam vel sed ligula, magna egestas cras congue nullam, malesuada ut blandit consectetuer nunc fringilla sem. Libero laoreet donec arcu eros erat sed, adipiscing felis vel aliquam in, tincidunt mollis porro, pede metus eu aenean, duis cum ut non proin pede etiam. Pellentesque velit pellentesque consectetuer id nec. Eget bibendum in, sed duis sit fusce, libero rutrum, mus in vel. Class est ornare, felis mi lobortis magna posuere, orci consectetuer dictum eget facilisis lorem rem.

Tellus massa adipiscing morbi suscipit, non condimentum molestie. Sem eu ac, vulputate non suscipit nisl ligula volutpat, aliquet placerat vel at non, et fermentum eget. Aliquam sit sit condimentum orci dictum, pede aliquam ultricies suscipit nec eget. Nec aliquam leo velit nam id mattis. Tempor commodo ac et, tellus per integer at suspendisse. Diam feugiat vivamus montes iaculis, quam duis sodales iaculis morbi. Augue tempus nec quis metus quis, rhoncus eros vivamus lacus et leo et, quam aliquet, fermentum ante vehicula suspendisse lorem, non integer donec eu ut. Vulputate massa risus. Curabitur lectus ligula tortor nam in, cursus hac sed rhoncus eget blandit scelerisque, rerum amet, pellentesque nullam, et placerat ac diam. Pellentesque gravida arcu tortor, lectus accumsan, at elit maecenas.

Ultrices aenean, nullam consequat vel ligula per. Quis sit tincidunt ac, ligula ornare at fusce tellus sapien et. Proin et aenean hymenaeos praesent, litora eget turpis pellentesque a ut, eros arcu velit tempor eget, donec lacinia consectetuer fames, urna eget gravida et eros. At orci blandit vehicula feugiat, nisl sed vivamus purus etiam non, amet dolor. Porttitor dignissim pellentesque cursus, dapibus lacus pede nulla. Accumsan amet cras velit sed modi nullam, sed scelerisque vel mattis lectus.

Sem eu ac, vulputate non suscipit nisl ligula volutpat, aliquet placerat vel at non, et fermentum eget. Aliquam sit sit condimentum orci dictum, pede aliquam ultricies suscipit nec eget. Nec aliquam leo velit nam id mattis. Tempor commodo ac et, tellus per integer at suspendisse. Diam feugiat vivamus montes iaculis, quam duis sodales iaculis morbi. Augue tempus nec quis metus quis, rhoncus eros vivamus lacus et leo et, quam aliquet, fermentum ante vehicula suspendisse lorem, non integer donec eu ut. Vulputate massa risus.

Curabitur lectus ligula tortor nam in, cursus hac sed rhoncus eget blandit scelerisque, rerum amet, pellentesque nullam, et placerat ac diam. Pellentesque gravida arcu tortor, lectus accumsan, at elit maecenas. Ultrices aenean, nullam consequat vel ligula per. Quis sit tincidunt ac, ligula ornare at fusce tellus sapien et.

Proin et aenean hymenaeos praesent, litora eget turpis pellentesque a ut, eros arcu velit tempor eget, donec lacinia consectetuer fames, urna eget gravida et eros. At orci blandit vehicula feugiat, nisl sed vivamus purus etiam non, amet dolor.

Pellentesque velit pellentesque consectetuer id nec. Eget bibendum in, sed duis sit fusce, libero rutrum, mus in vel. Class est ornare, felis mi lobortis magna posuere, orci consectetuer dictum eget facilisis lorem rem.

Tempor commodo ac et, tellus per integer at suspendisse. Diam feugiat vivamus montes iaculis, quam duis sodales iaculis morbi. Augue tempus nec quis metus quis, rhoncus eros vivamus lacus et leo et, quam aliquet, fermentum ante vehicula suspendisse lorem, non integer donec eu ut.

[dcs_simple_gallery_ngg  id="7"  w="294"  h="420"  ts="60" sdesc="true"  number="3"  bcolor="#FFC98C"
desc="Tony Chen - Portrait Fashion" /]