01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24
This is a hand-crafted photo template that uses the Image functionality found under Web Properties /Image. The photo numbers only serve for the purpose of resequencing the photos into a 2-column mobile format. Thereafter they can be removed. The photo template can be any image in any ratio 4;3, 16:9 or one of the designer’s choosing. Use the Web Properties / Image tab to add Title, Caption (Alt Text) and Filename. Use any additional CSS to personalise the way in which the photos appear. In this example a simple frame border has been added, using the name htmlclass=”frame” with code placed in the page Head. <style> .frame {border-style: solid; border-color: white; border-radius: 8px;box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.4)} </style>

Xara Custom-Build Photo Grid

01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24
This is a hand-crafted photo template that uses the Image functionality found under Web Properties /Image. The photo numbers only serve for the purpose of resequencing the photos into a 2-column mobile format. Thereafter they can be removed. The photo template can be any image in any ratio 4;3, 16:9 or one of the designer’s choosing. Use the Web Properties / Image tab to add Title, Caption (Alt Text) and Filename. Use any additional CSS to personalise the way in which the photos appear. In this example a simple frame border has been added, using the name htmlclass=”frame” with code placed in the page Head. <style> .frame {border-style: solid; border-color: white; border-radius: 8px;box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.4)} </style>

Xara Custom-Build Photo Grid