Difference between revisions of "Template:Harem-Heroes-Gallery"

From Hgames Wiki
Jump to: navigation, search
m
m
Line 1: Line 1:
<div style="display: flex; flex-wrap: wrap; gap: 10px; padding: 10px; border-radius: 8px; background-color: #f9f9f9; justify-content: flex-start; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);">
+
<div style="display: flex; flex-wrap: wrap; gap: 10px; padding: 10px; border: 1px solid #ccc; border-radius: 8px; background-color: #f9f9f9; justify-content: flex-start; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);">
   {{#if:{{{image1|}}}|<div style="flex: 1 0 200px; max-width: 400px; max-height:600px; box-sizing: border-box; text-align: center;">
+
   {{#if:{{{image1|}}}|<div style="flex: 1 0 200px; max-width: 300px; box-sizing: border-box; text-align: center; margin-bottom: 15px; overflow: hidden;">
 
     [[File:{{{image1}}}|frameless|border|300px]]
 
     [[File:{{{image1}}}|frameless|border|300px]]
 
     <div style="margin-top: 5px; font-size: 0.9em;">{{{caption1|}}}</div>
 
     <div style="margin-top: 5px; font-size: 0.9em;">{{{caption1|}}}</div>
 
   </div>}}
 
   </div>}}
   {{#if:{{{image2|}}}|<div style="flex: 1 0 200px; max-width: 400px; max-height:600px; box-sizing: border-box; text-align: center;">
+
   {{#if:{{{image2|}}}|<div style="flex: 1 0 200px; max-width: 300px; box-sizing: border-box; text-align: center; margin-bottom: 15px; overflow: hidden;">
 
     [[File:{{{image2}}}|frameless|border|300px]]
 
     [[File:{{{image2}}}|frameless|border|300px]]
 
     <div style="margin-top: 5px; font-size: 0.9em;">{{{caption2|}}}</div>
 
     <div style="margin-top: 5px; font-size: 0.9em;">{{{caption2|}}}</div>
 
   </div>}}
 
   </div>}}
   {{#if:{{{image3|}}}|<div style="flex: 1 0 200px; max-width: 400px; max-height:600px; box-sizing: border-box; text-align: center;">
+
  <!-- Repeat for additional images -->
    [[File:{{{image3}}}|frameless|border|300px]]
+
   {{#if:{{{image3|}}}|<div style="flex: 1 0 200px; max-width: 300px; box-sizing: border-box; text-align: center; margin-bottom: 15px; overflow: hidden;">[[File:{{{image3}}}|frameless|border|300px]]<div style="margin-top: 5px; font-size: 0.9em;">{{{caption3|}}}</div></div>}}
    <div style="margin-top: 5px; font-size: 0.9em;">{{{caption3|}}}</div></div>}}
+
  <!-- ... up to image6 or more ... -->
 
</div>
 
</div>
<style>
 
.gallery-thing {
 
}
 
</style>
 

Revision as of 08:40, 15 December 2023