Przykładowa galeria zdjęć dla znacznika {gallery}

Kod dodajemy w sekcji <style> w naszym szablonie

{literal}

.x13allegro_galeria a, .x13allegro_galeria a:hover { text-decoration: none; }
.x13allegro_galeria img { border: 0; margin: 0; padding: 0; }
.x13allegro_galeria { width: 740px; margin: auto;}
.x13allegro_galeria .x13allegro_container { width: 740px; position: relative; text-align: center; z-index: 1; }
.x13allegro_galeria .x13allegro_image_li{ margin: 0 6px 12px 0; display: inline-block; vertical-align: top; }

.x13allegro_galeria .a_thumb { border: 1px solid #eee; display: block; cursor: default; }
.x13allegro_galeria .a_thumb div{display:block; width: 130px; height: 130px; margin:2px; display: block; background-position: center center; background-size: contain; background-repeat: no-repeat; cursor: pointer;}
.x13allegro_galeria .a_thumb:hover { border:#666 1px solid; }

.x13allegro_galeria .x13allegro_zdj { height: 420px; width: 100%; }
.x13allegro_galeria .a_hidden { position: absolute; left: 0; top: 0; height: 420px; text-align: center; width: 740px; overflow: hidden; z-index: 1; background: #fff; display: block; cursor: default;}
.x13allegro_galeria .a_hidden img { border: none; max-width: 740px; max-height: 400px; }
.x13allegro_galeria .x13allegro_image_li:hover .a_hidden { z-index: 999;}

{/literal}