Mudanças entre as edições de "Widget:Gb"

De Wiki Gla
Ir para navegação Ir para pesquisar
(Criou página com '<div style="background: linear-gradient(90deg, #1f3d2c, #56947a); border-radius: 8px; padding: 15px; color: #ffffff; font-family: sans-serif; font-size: 14px; margin: 8px 100;...')
 
Linha 14: Linha 14:
</div>
</div>
</div>
</div>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Cards de Monstros</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      font-family: sans-serif;
      background-color: #1e1e1e;
      display: flex;
      justify-content: center;
      align-items: flex-start;
      min-height: 100vh;
    }
    .cards-container {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      padding: 20px;
    }
    .card {
      width: 200px;
      padding: 10px;
      border-radius: 12px;
      border: 1px solid #4c86dd;
      color: #ffffff;
      display: flex;
      flex-direction: column;
      justify-content: center;
      text-align: center;
      background:
        linear-gradient(to right, rgb(8, 1, 48), rgba(11, 177, 243, 0.144)),
        url('https://wiki.gla.com.br/images/b/b3/Testefundo.png') center/cover no-repeat;
      transition: transform 0.2s, box-shadow 0.2s;
      cursor: pointer;
    }
    .card:hover {
      transform: translateY(-5px);
      box-shadow: 0 10px 20px rgba(0,0,0,0.3);
    }
    .card-title {
      font-weight: bold;
      color: #00ccff;
      margin-bottom: 10px;
    }
  </style>
</head>
<body>
  <div class="cards-container">
    <div class="card">
      <div class="card-title">Zumbi</div>
      <div>Quantidade: 15</div>
    </div>
    <div class="card">
      <div class="card-title">Esqueleto</div>
      <div>Quantidade: 8</div>
    </div>
    <div class="card">
      <div class="card-title">Dragão</div>
      <div>Quantidade: 1</div>
    </div>
  </div>
</body>
</html>

Edição das 14h16min de 25 de agosto de 2025

🔔 Aviso


Mensagem de aviso teste teste teste teste teste teste teste teste

 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Cards de Monstros</title>
 <style>
   body {
     margin: 0;
     padding: 0;
     font-family: sans-serif;
     background-color: #1e1e1e;
     display: flex;
     justify-content: center;
     align-items: flex-start;
     min-height: 100vh;
   }
   .cards-container {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
     padding: 20px;
   }
   .card {
     width: 200px;
     padding: 10px;
     border-radius: 12px;
     border: 1px solid #4c86dd;
     color: #ffffff;
     display: flex;
     flex-direction: column;
     justify-content: center;
     text-align: center;
     background: 
       linear-gradient(to right, rgb(8, 1, 48), rgba(11, 177, 243, 0.144)),
       url('https://wiki.gla.com.br/images/b/b3/Testefundo.png') center/cover no-repeat;
     transition: transform 0.2s, box-shadow 0.2s;
     cursor: pointer;
   }
   .card:hover {
     transform: translateY(-5px);
     box-shadow: 0 10px 20px rgba(0,0,0,0.3);
   }
   .card-title {
     font-weight: bold;
     color: #00ccff;
     margin-bottom: 10px;
   }
 </style>

</head> <body>

Zumbi
Quantidade: 15
Esqueleto
Quantidade: 8
Dragão
Quantidade: 1

</body> </html>