b2evolution b2evolution

  • Sign in
  • Sign up
  • About
  • Downloads
  • Hosting
  • Docs
  • Support
  • Sign in
  • Sign up
  • Manuals Home
  • Latest Updates
 
  1. b2evolution CMS User Manual
  2. Front-office Reference
  3. Collection Types
  4. Photo Gallery Anatomy

Photo Gallery Anatomy

Photo Gallery Anatomy

The Photo Albums skin is designed to present photos and videos (and possibly other types of media files) in the form of albums.

You first see a page showing all albums (disp=posts) in the form of thumbnails. If you hover on a thumbnail it tilts. If you click, you open it.

The thumbnail is generated with the first image in the album set as Teaser position, After more position or Inline position. You also may use an image set as Cover position so it is shown as the thumbnail, but it’s not displayed explicitly in the album.

When opening an album (disp=single), you see thumbnails for all images in the album. If you click one, it will be zoomed in a colorbox.

Configuration parameters

  1. Menu background color: the main menu background color (see Image 01).
  2. Menu text color: the main menu text color (see Image 01).
  3. Page background color: the background color of the main page, the biggest shown area (see Image 01).
  4. Page text color: the color for the text shown in the main page (see Image 01).
  5. Post info background color: background of the sqare that contains the text of an item on disp=single view (see Image 02).
  6. Post info text color: the color for the item’s text on disp=single view (see Image 02).
  7. Colorbox Image Zoom: show the images in a modal window using the colorbox script. If is not checked, the image will be shown directly at the browser window. This parameter is checked by default.
  8. Display gender: If checked, shows colored usernames to differentiate male and female. This field is unchecked by default.
  9. Username bubble tips Enable the username bubble tips by checking this field. This feature is unchecked by default.
  10. Thumbnail size for media index: the size of each thumbnail at disp=mediaidx view. fit-128x128 is selected by default.
  11. Thumbnail size in post list: the size of each thumbnail at disp=post view. You can choose one of the resize options given by the skin (see Image 01). crop-192x192 is selected by default.
  12. Thumbnail size in single page: the size of each thumbnail at disp=single view. You can choose one of the resize options given by the skin (see Image 02). fit-256x256 is selected by default.
Photo Gallery Anatomy
Image 01
Photo Gallery Anatomy
Image 02
Created by fplanque • Last edit by fplanque on 2020-06-09 00:20 • •

No feedback yet

On this page

  • Configuration parameters

Search the Manual

Content Hierarchy

  • b2evolution CMS User Manual
  • User's Guide
  • Installation / Upgrade
  • Front-office Reference
    • Collection Types
      • Anatomy of a Collection
      • Photo Gallery Anatomy
      • Photoblog Anatomy
      • Forum Anatomy
      • Linkblog
    • Disp Reference
    • Widgets Reference
    • The In-skin Edit Screen
    • Comments / Feedback Area
    • Social Media Meta Tags
    • Workflow Panel
    • Flagging Items
  • Back-office Reference
  • Developer Reference
  • Operations Reference
  • Advanced Topics
  • Glossary
  • Archives
Bootstrap back-end

This online manual is powered by b2evolution CMS – A complete engine for your website.

About b2evolution

  • What is it?
  • Features
  • Getting Started
  • Screenshots
  • Online demo
  • Testimonials
  • Design philosophy
  • Free & open source
  • Terms of service

Downloads

  • Latest releases
  • Skins
  • Plugins
  • Language packs

About us

  • About us
  • Contact

Webhosting Guide

  • Web hosting blog
  • Best web hosting
  • Cheap web hosting
  • Green web hosting
  • Hosting with SSH
  • VPS hosting
  • Dedicated servers
  • Reseller hosting
  • Int'l: UK / France

Docs & Support

  • Online manual
  • Forums
  • Hire a pro !

Other

  • Adsense
  • Press room
  • Privacy policy

Stay in touch

  • GitHub
  • Twitter
  • Facebook
  • LinkedIn
  • News blog
  • RSS feed
  • Atom feed

Founded & Maintained by François Planque