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

De Wiki Gla
Ir para navegação Ir para pesquisar
Linha 1: Linha 1:
<style>
<style>
.table-index {
.index-grid {
  width: 100%;
  border-spacing: 16px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border-collapse: separate;
   display: flex;
   display: flex;
   flex-wrap: wrap;
   flex-wrap: wrap;
   gap: 16px;
   gap: 16px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
   justify-content: space-between;
   justify-content: space-between;
}
}
Linha 13: Linha 10:
.index-cell {
.index-cell {
   flex: 1 1 48%;
   flex: 1 1 48%;
  box-sizing: border-box;
  padding: 12px;
   background-color: #fdfdfd;
   background-color: #fdfdfd;
   border: 1px dashed #AAAAAA;
   border: 1px dashed #AAAAAA;
   border-radius: 8px;
   border-radius: 8px;
  padding: 12px;
  box-sizing: border-box;
}
}


Linha 25: Linha 22:
   font-weight: bold;
   font-weight: bold;
   font-size: 15px;
   font-size: 15px;
   margin-bottom: 4px;
   margin-bottom: 6px;
}
}


Linha 49: Linha 46:
}
}


/* Responsivo: em telas muito pequenas, as células ocupam 100% */
@media screen and (max-width: 768px) {
@media screen and (max-width: 600px) {
   .index-cell {
   .index-cell {
     flex: 1 1 100%;
     flex: 1 1 100%;
Linha 57: Linha 53:
</style>
</style>


<div class="table-index">
<div class="index-grid">
  <!-- Aqui vem cada bloco index-cell exatamente como tu já tem, não muda nada -->
  <!-- copia e cola teus <td class="index-cell"> ... </td> aqui como div -->
  <!-- Exemplo: -->
   <div class="index-cell">
   <div class="index-cell">
     <div class="index-title">
     <div class="index-title"><img src="https://wiki.gla.com.br/images/4/45/Gold_medal.gif"> Grand Line Adventures</div>
      <img src="https://wiki.gla.com.br/images/4/45/Gold_medal.gif" />
      Grand Line Adventures
    </div>
     <div class="index-links">
     <div class="index-links">
       <a href="/wiki/Download">Download</a> ·
       <a href="/wiki/Download">Download</a> ·
Linha 75: Linha 65:
     </div>
     </div>
   </div>
   </div>
   <!-- repete para os outros blocos -->
 
   <div class="index-cell">
    <div class="index-title"><img src="https://wiki.gla.com.br/images/4/45/Gold_medal.gif"> Informações Gerais</div>
    <div class="index-links">
      <a href="/wiki/Baús_de_Personagens">Baús de Personagens</a> ·
      <a href="/wiki/Tier_e_Estrelas">Tier e Estrelas</a> ·
      <a href="/wiki/Perfil_e_Ranking">Perfil e Ranking</a> ·
      <a href="/wiki/Experiência">Experiência</a> ·
      <a href="/wiki/Login_Diário">Login Diário</a> ·
      <a href="/wiki/Loja_de_Gemas">Loja de Gemas</a> ·
      <a href="/wiki/Skins">Skins</a>
    </div>
  </div>
 
  <div class="index-cell">
    <div class="index-title"><img src="https://wiki.gla.com.br/images/4/45/Gold_medal.gif"> Sistemas</div>
    <div class="index-links">
      <a href="/wiki/Sistema_de_Indicação">Sistema de Indicação</a> ·
      <a href="/wiki/Melhoria_de_Equipamentos">Melhoria de Equipamentos</a> ·
      <a href="/wiki/Black_Market">Black Market</a> ·
      <a href="/wiki/Den_Den_TV">Den Den TV</a> ·
      <a href="/wiki/Navegação">Navegação</a> ·
      <a href="/wiki/PvP">PvP</a>
    </div>
  </div>
 
  <div class="index-cell">
    <div class="index-title"><img src="https://wiki.gla.com.br/images/4/45/Gold_medal.gif"> Configurações e Segurança</div>
    <div class="index-links">
      <a href="/wiki/Configuração_de_Atalhos">Configuração de Atalhos</a> ·
      <a href="/wiki/Autorização_de_Máquina">Autorização de Máquina</a> ·
      <a href="/wiki/Problemas_de_Conexão">Problemas de Conexão</a> ·
      <a href="/wiki/FAQ#Quick_Cast">Quick Cast</a>
    </div>
  </div>
 
  <div class="index-cell">
    <div class="index-title"><img src="https://wiki.gla.com.br/images/4/45/Gold_medal.gif"> Eventos Globais</div>
    <div class="index-links">
      <a href="/wiki/Resposta_Foxy_Quizz">Foxy Quiz</a> ·
      <a href="/wiki/Eventos_Globais#Foxy_Race">Foxy Race</a> ·
      <a href="/wiki/Eventos_Globais#Deathmatch">Deathmatch</a> ·
      <a href="/wiki/Foxy_Memory">Foxy Memory</a> ·
      <a href="/wiki/Eventos_Globais#Foxy_Count">Foxy Count</a>
    </div>
  </div>
 
  <div class="index-cell">
    <div class="index-title"><img src="https://wiki.gla.com.br/images/4/45/Gold_medal.gif"> Eventos Temporários</div>
    <div class="index-links">
      <a href="/wiki/3D2Y">3D2Y</a> ·
      <a href="/wiki/Summer">Summer</a> ·
      <a href="/wiki/Halloween">Halloween</a> ·
      <a href="/wiki/Easter">Easter</a> ·
      <a href="/wiki/Germa_66">Germa 66</a> ·
      <a href="/wiki/Freedom">Freedom</a> ·
      <a href="/wiki/Fist_of_Love">Fist of Love</a>
    </div>
  </div>
</div>
</div>

Edição das 23h19min de 1 de junho de 2025

<style> .index-grid { 

 display: flex;
 flex-wrap: wrap;
 gap: 16px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 justify-content: space-between;

}

.index-cell { 

 flex: 1 1 48%;
 background-color: #fdfdfd;
 border: 1px dashed #AAAAAA;
 border-radius: 8px;
 padding: 12px;
 box-sizing: border-box;

}

.index-title { 

 display: flex;
 align-items: center;
 font-weight: bold;
 font-size: 15px;
 margin-bottom: 6px;

}

.index-title img { 

 width: 20px;
 height: 20px;
 margin-right: 6px;

}

.index-links { 

 font-size: 14px;
 line-height: 1.6;

}

.index-links a { 

 color: #0366d6;
 text-decoration: none;
 margin-right: 6px;

}

.index-links a:hover { 

 text-decoration: underline;

}

@media screen and (max-width: 768px) { 

 .index-cell {
   flex: 1 1 100%;
 }

} </style>

<img src="https://wiki.gla.com.br/images/4/45/Gold_medal.gif"> Grand Line Adventures
     <a href="/wiki/Download">Download</a> ·
     <a href="/wiki/Suporte">Suporte</a> ·
     <a href="/wiki/Doações">Doações</a> ·
     <a href="/wiki/Benefícios_VIP">Benefícios VIP</a> ·
     <a href="/wiki/Revendedores_Oficiais">Revendedores Oficiais</a> ·
     <a href="/wiki/Criadores_de_Conteúdo">Criadores de Conteúdo</a>
<img src="https://wiki.gla.com.br/images/4/45/Gold_medal.gif"> Informações Gerais
     <a href="/wiki/Baús_de_Personagens">Baús de Personagens</a> ·
     <a href="/wiki/Tier_e_Estrelas">Tier e Estrelas</a> ·
     <a href="/wiki/Perfil_e_Ranking">Perfil e Ranking</a> ·
     <a href="/wiki/Experiência">Experiência</a> ·
     <a href="/wiki/Login_Diário">Login Diário</a> ·
     <a href="/wiki/Loja_de_Gemas">Loja de Gemas</a> ·
     <a href="/wiki/Skins">Skins</a>
<img src="https://wiki.gla.com.br/images/4/45/Gold_medal.gif"> Sistemas
     <a href="/wiki/Sistema_de_Indicação">Sistema de Indicação</a> ·
     <a href="/wiki/Melhoria_de_Equipamentos">Melhoria de Equipamentos</a> ·
     <a href="/wiki/Black_Market">Black Market</a> ·
     <a href="/wiki/Den_Den_TV">Den Den TV</a> ·
     <a href="/wiki/Navegação">Navegação</a> ·
     <a href="/wiki/PvP">PvP</a>
<img src="https://wiki.gla.com.br/images/4/45/Gold_medal.gif"> Configurações e Segurança
     <a href="/wiki/Configuração_de_Atalhos">Configuração de Atalhos</a> ·
     <a href="/wiki/Autorização_de_Máquina">Autorização de Máquina</a> ·
     <a href="/wiki/Problemas_de_Conexão">Problemas de Conexão</a> ·
     <a href="/wiki/FAQ#Quick_Cast">Quick Cast</a>
<img src="https://wiki.gla.com.br/images/4/45/Gold_medal.gif"> Eventos Globais
     <a href="/wiki/Resposta_Foxy_Quizz">Foxy Quiz</a> ·
     <a href="/wiki/Eventos_Globais#Foxy_Race">Foxy Race</a> ·
     <a href="/wiki/Eventos_Globais#Deathmatch">Deathmatch</a> ·
     <a href="/wiki/Foxy_Memory">Foxy Memory</a> ·
     <a href="/wiki/Eventos_Globais#Foxy_Count">Foxy Count</a>
<img src="https://wiki.gla.com.br/images/4/45/Gold_medal.gif"> Eventos Temporários
     <a href="/wiki/3D2Y">3D2Y</a> ·
     <a href="/wiki/Summer">Summer</a> ·
     <a href="/wiki/Halloween">Halloween</a> ·
     <a href="/wiki/Easter">Easter</a> ·
     <a href="/wiki/Germa_66">Germa 66</a> ·
     <a href="/wiki/Freedom">Freedom</a> ·
     <a href="/wiki/Fist_of_Love">Fist of Love</a>
Disponível em “https://wiki.gla.com.br/index.php?title=Widget:MainPageIndex&oldid=33990”