Banner Trombinoscope Contacts

Individual background An optional background picture different for each contact.
  • Default background Each contact gets the default background, if it has been set
  • Contact picture Each contact gets its picture as background or the default background if missing
  • Media custom field Pro Joomla 3.7+ Each contact gets the custom field of type media selected or the default background if missing
Default background Default image to show when the individual background is missing
Picture Decide to show the contact picture or not
Default picture The picture to show when the individual contact picture is missing
Picture alignment The picture alignment, related to the text
  • Left will show the picture on the left of the text (landscape mode)
  • Right will show the picture on the right of the text (landscape mode)
  • Alternate, starting with left will alternate left and right alignment
  • Alternate, starting with right will alternate left and right alignment
  • Top will show the card in portrait mode (with picture at the top, information details at the bottom)
Picture width The width all contact pictures will have (in pixels)
Picture height The height all contact pictures will have (in pixels)
Background color The color of the picture’s background and the borders
Border width The border around the picture (in pixels)
Border radius The radius for the corners of the picture
Shadow [CSS3] Add a shadow to the picture
Hover effect [CSS3] A CSS3 animation to apply to the picture on touch or click.
Use the effect picker that provides a wide range of animations
Effect extra margin Additional space to put around the picture to allow the effect to expand properly (in pixels).
Only applies to effects that do grow the picture size
Keep space Leave an empty space if the contact picture is missing and there is no default.
Perfect to keep a unified look to all the contact cards
Process pictures Will resize/crop/filter the original picture in order to fit the specified width and height. 
Otherwise will show the original picture without any processing. Prefered if the contact pictures are of the desired size already before use
High resolution Create a high resolution thumbnail that will be twice the width and height of the processed picture to be visible on high pixel ratio screens (like Retina displays).
Only applies to pictures that are processed
Filter A filter to apply to the processed pictures.
  • Sepia
  • Grayscale
  • Sketch
  • Negate
  • Emboss
  • Edge detect
Picture quality The image compression (0 to 100) for jpg and png files.
0 has worse quality but smallest file size, 100 has best quality but bigger file size. Usually, a quality of 60 gets the best trade-off between picture quality and file size. 

Warning the PHP GD extension php_gd2 is required for the creation of image thumbnails. Make sure this extension is available on your service provider's server. The module will detect this automatically.

Trombinoscope Contacts v2.7.0
Trombinoscope Contacts Pro v2.7.0