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

De Wiki Gla
Ir para navegação Ir para pesquisar
 
(11 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
<div class="gb-mob-card-glow">
  <widget>
  <div class="gb-mob-card-name">{{{nome}}}</div>
  <div style="background:#21223a; border-radius:10px; padding:15px; width:350px; color:#f1e9d3; font-family:sans-serif;">
  <a href="{{{link}}}">
    <div style="display:flex; align-items:center; margin-bottom:10px;">
    <img src="{{{imagem}}}" alt="{{{nome}}}">
      <div style="width:60px; height:60px; border-radius:8px; overflow:hidden; background:#252736; margin-right:10px;">
  </a>
        <img src="{{{imagem|https://via.placeholder.com/60}}}" alt="Imagem da criatura" style="width:60px; height:60px;">
  <a class="gb-mob-card-button" href="{{{link}}}">Ver Página</a>
      </div>
</div>
      <div>
 
        <div style="font-size:1.3em; font-weight:bold; color:#f7de72;">{{{nome|Criatura}}}</div>
<style>
        <div style="font-size:1em; color:#b0b0b0;">{{{tipo|Tipo desconhecido}}}</div>
.gb-mob-card-glow {
        <div style="font-size:0.94em; color:#67b06a; margin-top:2px;">{{{habitat|Habitat desconhecido}}}</div>
  width: 160px;
        <div style="font-size:0.97em; color:#e55a5a;">Perigo: {{{perigo|?}}}</div>
  border-radius: 16px;
      </div>
  overflow: hidden;
    </div>
  text-align: center;
    <div style="margin-top:10px;">
  font-family: Arial, sans-serif;
      <div style="background:#171821; border-radius:8px; padding:8px 10px; margin-bottom:6px;">
  background: linear-gradient(145deg, #222, #111);
        <span style="font-weight:bold; color:#f7de72;">Drops</span><br />
  color: #fff;
        <span style="font-size:0.98em;">{{{drops|Sem drops.}}}</span>
  margin: 12px;
      </div>
  box-shadow: 0 0 15px rgba(255, 87, 34, 0.5);
    </div>
  transition: transform 0.3s, box-shadow 0.3s, filter 0.3s;
   </div>
  border: 2px solid #ff5722;
   </widget>
}
    
 
   ----
.gb-mob-card-glow:hover {
    
  transform: translateY(-8px) scale(1.03);
   ==Predefinição:Bestiario==
  box-shadow: 0 0 25px rgba(255, 87, 34, 0.8), 0 0 40px rgba(255, 152, 0, 0.5);
   <pre>
  filter: brightness(1.1);
   {{#invoke:Widget|render|Gb
}
   |nome={{{nome|}}}
 
  |imagem={{{imagem|}}}
.gb-mob-card-glow img {
  |tipo={{{tipo|}}}
  width: 100%;
  |habitat={{{habitat|}}}
  height: 130px;
   |perigo={{{perigo|}}}
  object-fit: cover;
   |drops={{{drops|}}}
  display: block;
  }}
  border-bottom: 2px solid #ff5722;
  </pre>
}
 
.gb-mob-card-name {
  font-weight: bold;
  padding: 10px 0;
  background: linear-gradient(90deg, #ff5722, #ff9800);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 16px;
}
 
.gb-mob-card-button {
   display: block;
   background: #ff5722;
   color: white;
   text-decoration: none;
   padding: 6px 0;
   margin: 10px;
   border-radius: 8px;
   font-weight: bold;
   transition: background 0.3s, transform 0.3s;
}
 
.gb-mob-card-button:hover {
   background: #ff9800;
   transform: scale(1.05);
}
</style>

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|}}}
  }}