User:Cameron446:/sandbox test: Difference between revisions

From Habbox Wiki
Jump to navigation Jump to search
Cameron446: (talk | contribs)
No edit summary
Tag: Manual revert
Cameron446: (talk | contribs)
No edit summary
Line 2: Line 2:
   <tr>
   <tr>
     <td style="width: 33%; padding: 5px; text-align: center;">
     <td style="width: 33%; padding: 5px; text-align: center;">
       <div style="position: relative; width: 100%; height: 200px; border: 1px solid #ddd; border-radius: 5px; overflow: hidden;">
       <a href="{{{URL1}}}" style="display: block; text-decoration: none; color: inherit;">
    <div> [[File:{{{Image1}}}|style=width:200%; height:600%; object-fit: cover;]]
        <div style="position: relative; width: 100%; height: 200px; border: 1px solid #ddd; border-radius: 5px; overflow: hidden;">
        <div style="position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.5); color: white; display: flex; flex-direction: column; align-items: center; padding: 10px; box-sizing: border-box;">
          <div style="width: 100%; height: 100%;">
          <div style="font-size: 18px; font-weight: bold;">{{{Title1}}}</div>
          <div> [[File:{{{Image1}}}|style=width:100%; height:100%; object-fit: cover;]]
          <div style="font-size: 14px;">{{{Description1}}}</div>
          </div>
          <div style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); color: white; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 10px; box-sizing: border-box;">
            <div style="font-size: 18px; font-weight: bold;">{{{Title1}}}</div>
            <div style="font-size: 14px;">{{{Description1}}}</div>
          </div>
         </div>
         </div>
       </div>
       </a>
     </td>
     </td>
     <td style="width: 33%; padding: 5px; text-align: center;">
     <td style="width: 33%; padding: 5px; text-align: center;">
       <div style="position: relative; width: 100%; height: 200px; border: 1px solid #ddd; border-radius: 5px; overflow: hidden;">
       <a href="{{{URL2}}}" style="display: block; text-decoration: none; color: inherit;">
      <div> [[File:{{{Image2}}}|style=width:200%; height:600%; object-fit: cover;]]
        <div style="position: relative; width: 100%; height: 200px; border: 1px solid #ddd; border-radius: 5px; overflow: hidden;">
        <div style="position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.5); color: white; display: flex; flex-direction: column; align-items: center; padding: 10px; box-sizing: border-box;">
          <div style="width: 100%; height: 100%;">
          <div style="font-size: 18px; font-weight: bold;">{{{Title2}}}</div>
            <div> [[File:{{{Image2}}}|style=width:100%; height:100%; object-fit: cover;]]
          <div style="font-size: 14px;">{{{Description2}}}</div>
          </div>
          <div style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); color: white; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 10px; box-sizing: border-box;">
            <div style="font-size: 18px; font-weight: bold;">{{{Title2}}}</div>
            <div style="font-size: 14px;">{{{Description2}}}</div>
          </div>
         </div>
         </div>
       </div>
       </a>
     </td>
     </td>
     <td style="width: 33%; padding: 5px; text-align: center;">
     <td style="width: 33%; padding: 5px; text-align: center;">
       <div style="position: relative; width: 100%; height: 200px; border: 1px solid #ddd; border-radius: 5px; overflow: hidden;">
       <a href="{{{URL3}}}" style="display: block; text-decoration: none; color: inherit;">
    <div>  [[File:{{{Image3}}}|style=width:200%; height:600%; object-fit: cover;]]
        <div style="position: relative; width: 100%; height: 200px; border: 1px solid #ddd; border-radius: 5px; overflow: hidden;">
        <div style="position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.5); color: white; display: flex; flex-direction: column; align-items: center; padding: 10px; box-sizing: border-box;">
          <div style="width: 100%; height: 100%;">
          <div style="font-size: 18px; font-weight: bold;">{{{Title3}}}</div>
          <div>  [[File:{{{Image3}}}|style=width:100%; height:100%; object-fit: cover;]]
          <div style="font-size: 14px;">{{{Description3}}}</div>
          </div>
          <div style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); color: white; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 10px; box-sizing: border-box;">
            <div style="font-size: 18px; font-weight: bold;">{{{Title3}}}</div>
            <div style="font-size: 14px;">{{{Description3}}}</div>
          </div>
         </div>
         </div>
       </div>
       </a>
     </td>
     </td>
   </tr>
   </tr>
</table>
</table>


[[Category:Sandbox Templates]]





Revision as of 18:11, 23 August 2024

     <a href="{{{URL1}}}" style="display: block; text-decoration: none; color: inherit;">
[[File:{{{Image1}}}|style=width:100%; height:100%; object-fit: cover;]]
{{{Title1}}}
{{{Description1}}}
     </a>
     <a href="{{{URL2}}}" style="display: block; text-decoration: none; color: inherit;">
[[File:{{{Image2}}}|style=width:100%; height:100%; object-fit: cover;]]
{{{Title2}}}
{{{Description2}}}
     </a>
     <a href="{{{URL3}}}" style="display: block; text-decoration: none; color: inherit;">
[[File:{{{Image3}}}|style=width:100%; height:100%; object-fit: cover;]]
{{{Title3}}}
{{{Description3}}}
     </a>