Template

Difference between revisions of "Main"

From Shadow Era Wiki

(Created page with "<div style="display: flex; flex-wrap: wrap;"> <!-- Tableau 1 : Welcome to ATOM RPG Wiki --> <div style="flex: 0 0 100%; min-width: 300px;"> <table class="wiki...")
 
 
(20 intermediate revisions by one user not shown)
Line 1: Line 1:
 
<div style="display: flex; flex-wrap: wrap;">
 
<div style="display: flex; flex-wrap: wrap;">
  
     <!-- Tableau 1 : Welcome to ATOM RPG Wiki -->
+
     <!-- Tableau 1 : Welcome to SE Wiki -->
 
     <div style="flex: 0 0 100%; min-width: 300px;">
 
     <div style="flex: 0 0 100%; min-width: 300px;">
 
         <table class="wikitable" style="background-color: #4f545c; color: white; width: 100%;">
 
         <table class="wikitable" style="background-color: #4f545c; color: white; width: 100%;">
 
             <tr>
 
             <tr>
                 <th style="text-align:left;">{{{title1}}}</th>
+
                 <th style="text-align:center; text-transform: uppercase;">{{{title1}}}</th>
 
             </tr>
 
             </tr>
 
             <tr>
 
             <tr>
Line 12: Line 12:
 
         </table>
 
         </table>
 
     </div>
 
     </div>
</div>
 
  
<div style="display: flex; flex-wrap: wrap; margin-top: 20px;">
+
     <!-- Tableau 2 : Join our community! -->
 
+
     <div class="table-2" style="min-width: 200px;">
     <!-- Tableau 2 : Image of the day! -->
+
     <div style="flex: 0 0 45%; min-width: 200px; margin-right: 5%;">
+
 
         <table class="wikitable" style="background-color: #4f545c; color: white; width: 100%;">
 
         <table class="wikitable" style="background-color: #4f545c; color: white; width: 100%;">
 
             <tr>
 
             <tr>
                 <th style="text-align:left;">{{{title2}}}</th>
+
                 <th style="text-align:center; text-transform: uppercase;">{{{title2}}}</th>
 
             </tr>
 
             </tr>
 
             <tr>
 
             <tr>
Line 28: Line 25:
 
     </div>
 
     </div>
  
<!-- Tableau 4 : Carte Aléatoire -->
+
    <!-- Tableau 3 : Random Card -->
<div style="flex: 0 0 45%; min-width: 200px; margin-left: auto;">
+
    <div class="table-3" style="min-width: 200px;">
<table class="wikitable" style="background-color: #4f545c; color: white; width: 100%;">
+
        <table class="wikitable" style="background-color: #4f545c; color: white; width: 100%;">
<tr>
+
            <tr>
<th style="text-align:left;">Carte Aléatoire</th>
+
                <th style="text-align:center; text-transform: uppercase;">{{{title3}}}</th>
</tr>
+
            </tr>
<tr>
+
            <tr>
<td>
+
                <td style="text-align: center;">
    <img src="" id="randomCard" alt="Carte Aléatoire" style="max-width: 100%; height: auto;" />
+
                    <img src="" id="randomCard" alt="Random Card" style="max-width: 60%; height: auto;" />
    <script>
+
                </td>
        var cardCount = 100; // Remplacez par le nombre total de cartes disponibles.
+
            </tr>
        var randomIndex = Math.floor(Math.random() * cardCount) + 1; // Générez un nombre aléatoire.
+
        </table>
        document.getElementById('randomCard').src = 'https://www.shadowera.com/cards/card' + randomIndex + '.jpg'; // Modifiez ce chemin selon la structure des URLs des cartes.
+
    </div>
    </script>
+
</td>
+
</tr>
+
</table>
+
</div>
+
  
 
+
     <!-- Tableau 4 : Overview -->
<div style="display: flex; flex-wrap: wrap; margin-top: 20px;">
+
     <div style="flex: 0 0 100%; min-width: 300px; margin-top: 20px;">
 
+
     <!-- Tableau 3 : Overview -->
+
     <div style="flex: 0 0 100%; min-width: 300px;">
+
 
         <table class="wikitable" style="background-color: #4f545c; color: white; width: 100%;">
 
         <table class="wikitable" style="background-color: #4f545c; color: white; width: 100%;">
 
             <tr>
 
             <tr>
                 <th style="text-align:left;">{{{title3}}}</th>
+
                 <th style="text-align:center; text-transform: uppercase;">{{{title4}}}</th>
 
             </tr>
 
             </tr>
 
             <tr>
 
             <tr>
                 <td>{{{content3}}}</td>
+
                 <td>{{{content4}}}</td>
 
             </tr>
 
             </tr>
 
         </table>
 
         </table>
 
     </div>
 
     </div>
 
</div>
 
</div>

Latest revision as of 00:01, 7 October 2024

{{{title1}}}
{{{content1}}}
{{{title2}}}
{{{content2}}}
{{{title3}}}
                   Random Card
{{{title4}}}
{{{content4}}}