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

De Wiki Gla
Ir para navegação Ir para pesquisar
 
(15 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
<div style="background: linear-gradient(90deg, #1f3d2c, #56947a);
  <widget>
border-radius: 8px;
  <div style="background:#21223a; border-radius:10px; padding:15px; width:350px; color:#f1e9d3; font-family:sans-serif;">
padding: 15px;
    <div style="display:flex; align-items:center; margin-bottom:10px;">
color: #ffffff;
      <div style="width:60px; height:60px; border-radius:8px; overflow:hidden; background:#252736; margin-right:10px;">
font-family: sans-serif;
        <img src="{{{imagem|https://via.placeholder.com/60}}}" alt="Imagem da criatura" style="width:60px; height:60px;">
font-size: 14px;
      </div>
margin: 8px 100;">
      <div>
<div style="font-weight: bold; color: #9ef59b; display: flex; align-items: center; gap: 6px;">
        <div style="font-size:1.3em; font-weight:bold; color:#f7de72;">{{{nome|Criatura}}}</div>
🔔 Aviso
        <div style="font-size:1em; color:#b0b0b0;">{{{tipo|Tipo desconhecido}}}</div>
</div>
         <div style="font-size:0.94em; color:#67b06a; margin-top:2px;">{{{habitat|Habitat desconhecido}}}</div>
<hr style="border: none; border-top: 1px solid rgba(255,255,255,0.2); margin: 8px 0;">
        <div style="font-size:0.97em; color:#e55a5a;">Perigo: {{{perigo|?}}}</div>
<div style="text-align: center; line-height: 1.5;">
       </div>
Mensagem de aviso teste  teste teste teste teste teste teste teste
</div>
</div>
 
 
  <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>
 
     <div style="margin-top:10px;">
     <div class="card">
       <div style="background:#171821; border-radius:8px; padding:8px 10px; margin-bottom:6px;">
       <div class="card-title">Esqueleto</div>
        <span style="font-weight:bold; color:#f7de72;">Drops</span><br />
      <div>Quantidade: 8</div>
        <span style="font-size:0.98em;">{{{drops|Sem drops.}}}</span>
    </div>
       </div>
 
    <div class="card">
      <div class="card-title">Dragão</div>
       <div>Quantidade: 1</div>
     </div>
     </div>
   </div>
   </div>
</body>
  </widget>
</html>
 
  ----
 
  ==Predefinição:Bestiario==
  <pre>
  {{#invoke:Widget|render|Gb
  |nome={{{nome|}}}
  |imagem={{{imagem|}}}
  |tipo={{{tipo|}}}
  |habitat={{{habitat|}}}
  |perigo={{{perigo|}}}
  |drops={{{drops|}}}
  }}
  </pre>

Edição atual tal como às 06h23min de 16 de novembro de 2025

 <widget>

       <img src="https://via.placeholder.com/60" alt="Imagem da criatura" style="width:60px; height:60px;">
Criatura
Tipo desconhecido
Habitat desconhecido
Perigo: ?
       Drops

       Sem drops.

 </widget>
 
 ----
 
 ==Predefinição:Bestiario==

  {{#invoke:Widget|render|Gb
  |nome={{{nome|}}}
  |imagem={{{imagem|}}}
  |tipo={{{tipo|}}}
  |habitat={{{habitat|}}}
  |perigo={{{perigo|}}}
  |drops={{{drops|}}}
  }}
Disponível em “https://wiki.gla.com.br/index.php?title=Widget:Gb&oldid=40643”