Ativa o menu
Alternar menu de preferências
Alternar menu pessoal
Não autenticado(a)
Your IP address will be publicly visible if you make any edits.

Página principal: mudanças entre as edições

De ForFans
Sem resumo de edição
Sem resumo de edição
Linha 1: Linha 1:
<html>
<html>
<!-- BANNER PRINCIPAL HERO (MARGEM SUPERIOR AJUSTADA PARA -50PX PARA COLAR TOTALMENTE NO TOPO) -->
<div style="background:#1a0a2e;background-image:radial-gradient(circle at 20% 50%, #2d1b69 0%, transparent 50%),radial-gradient(circle at 80% 20%, #4a1942 0%, transparent 40%),radial-gradient(circle at 50% 100%, #1a0a2e 0%, transparent 60%);padding:40px 20px;text-align:center;margin:-50px -20px 0 -20px;position:relative;overflow:hidden;width:100vw;margin-left:calc(-50vw + 50%); border-bottom: 8px solid #e63a5a;">
<div style="background:#1a0a2e;background-image:radial-gradient(circle at 20% 50%, #2d1b69 0%, transparent 50%),radial-gradient(circle at 80% 20%, #4a1942 0%, transparent 40%),radial-gradient(circle at 50% 100%, #1a0a2e 0%, transparent 60%);padding:46px 20px;text-align:center;margin:-44px -20px 0 -20px;position:relative;overflow:hidden;width:100vw;margin-left:calc(-50vw + 50%); border-bottom: 8px solid #e63a5a;">
     <div style="position:absolute;top:10%;left:5%;width:15px;height:15px;background:#e63a5a;transform:rotate(45deg);opacity:0.6;"></div>
     <div style="position:absolute;top:10%;left:5%;width:15px;height:15px;background:#e63a5a;transform:rotate(45deg);opacity:0.6;"></div>
     <div style="position:absolute;top:30%;left:15%;width:8px;height:8px;background:#f59e0b;transform:rotate(45deg);opacity:0.5;"></div>
     <div style="position:absolute;top:30%;left:15%;width:8px;height:8px;background:#f59e0b;transform:rotate(45deg);opacity:0.5;"></div>
Linha 11: Linha 10:
     <img src="https://forfans.com.br/images/wikis/central/c/c9/Logo.png" style="height:200px;margin-bottom:20px;position:relative;z-index:1;">
     <img src="https://forfans.com.br/images/wikis/central/c/c9/Logo.png" style="height:200px;margin-bottom:20px;position:relative;z-index:1;">
     <h2 style="color:white;font-size:2em;margin-top:0;margin-bottom:5px;font-weight:300;position:relative;z-index:1;">A plataforma de wikis para fãs do Brasil</h2>
     <h2 style="color:white;font-size:2em;margin-top:0;margin-bottom:5px;font-weight:300;position:relative;z-index:1;">A plataforma de wikis para fãs do Brasil</h2>
     <p style="color:#ccc;margin-bottom:15px;position:relative;z-index:1;">Encontre ou crie uma wiki sobre seu assunto favorito!</p>
     <p style="color:#ccc;margin-bottom:15px;position:relative;z-index:1;">Encontre ou crie uma wiki sobre seu fandom favorito</p>
      
      
     <form action="/Special:Search" method="get" style="max-width:500px;margin:0 auto 15px;display:flex;background:#ffffff22;border-radius:30px;overflow:hidden;border:1px solid #ffffff33;position:relative;z-index:1;">
     <form action="/Special:Search" method="get" style="max-width:500px;margin:0 auto 15px;display:flex;background:#ffffff22;border-radius:30px;overflow:hidden;border:1px solid #ffffff33;position:relative;z-index:1;">
         <input type="text" name="search" placeholder="🔍  Pesquisar wikis..." style="flex:1;background:transparent;border:none;padding:14px 20px;color:white;font-size:15px;outline:none;">
         <input type="text" name="search" placeholder="🔍  Pesquisar wikis..." style="flex:1;background:transparent;border:none;padding:14px 20px;color:white;font-size:15px;outline:none;">
         <button type="submit" style="background:#e63a5a;border:none;color:white;padding:14px 20px;cursor:pointer;font-size:15px;">Buscar</button>
         <button type="submit" style="background:#e63a5a; border:none; color:white; padding:14px 20px; cursor:pointer; font-size:15px; font-weight:700; transition: background 0.2s ease;" onmouseover="this.style.background='#cc2947'" onmouseout="this.style.background='#e63a5a'">Buscar</button>
     </form>
     </form>
     <a href="/Special:CreateWiki" style="background:#e63a5a;color:white;padding:14px 32px;border-radius:30px;text-decoration:none;font-size:16px;font-weight:500;position:relative;z-index:1;margin-top:10px;display:inline-block;">🚀 Criar uma Wiki</a>
   
     <a href="/Special:CreateWiki" style="background:#e63a5a; color:white; padding:14px 32px; border-radius:30px; text-decoration:none; font-size:16px; font-weight:700; position:relative; z-index:1; margin-top:10px; display:inline-block; transition: background 0.2s ease;" onmouseover="this.style.background='#cc2947'" onmouseout="this.style.background='#e63a5a'">🚀 Criar uma Wiki</a>
</div>
</div>


<!-- SEÇÃO DE CATEGORIAS (MANTIDA EM 8PX COM ALINHAMENTO PERFEITO) -->
<div style="margin-bottom: 32px; display: flex; align-items: flex-start; justify-content: flex-start; position: relative; z-index: 10;">
<div style="margin-bottom: 32px; display: flex; align-items: flex-start; justify-content: flex-start; position: relative; z-index: 10;">
     <div style="background: #e63a5a; color: white; padding: 6px 20px; font-weight: 700; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; border-radius: 0 0 6px 6px; display: inline-flex; align-items: center; box-shadow: 0 2px 4px rgba(0,0,0,0.15); margin-top: -8px; border-top: 8px solid #2d1b69; box-sizing: border-box;">
     <div style="background: #e63a5a; color: white; padding: 6px 20px; font-weight: 700; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; border-radius: 0 0 6px 6px; display: inline-flex; align-items: center; box-shadow: 0 2px 4px rgba(0,0,0,0.15); margin-top: -8px; border-top: 8px solid #2d1b69; box-sizing: border-box;">
Linha 30: Linha 29:
</div>
</div>


<!-- GRID DE CATEGORIAS INTERATIVO (MANTIDO) -->
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom: 40px;">
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom: 40px;">
      
      
    <!-- CARD: JOGOS -->
     <div style="background:#ffffff07; border: 1px solid #ffffff10; border-radius:8px; padding:24px 16px; text-align:center; transition: all 0.25s ease; cursor: pointer;"  
     <div style="background:#ffffff07; border: 1px solid #ffffff10; border-radius:8px; padding:24px 16px; text-align:center; transition: all 0.25s ease; cursor: pointer;"  
         onmouseover="this.style.background='#e63a5a15'; this.style.borderColor='#e63a5a'; this.style.transform='translateY(-4px)';"  
         onmouseover="this.style.background='#e63a5a15'; this.style.borderColor='#e63a5a'; this.style.transform='translateY(-4px)';"  
Linha 41: Linha 38:
     </div>
     </div>


    <!-- CARD: ANIME -->
     <div style="background:#ffffff07; border: 1px solid #ffffff10; border-radius:8px; padding:24px 16px; text-align:center; transition: all 0.25s ease; cursor: pointer;"  
     <div style="background:#ffffff07; border: 1px solid #ffffff10; border-radius:8px; padding:24px 16px; text-align:center; transition: all 0.25s ease; cursor: pointer;"  
         onmouseover="this.style.background='#e63a5a15'; this.style.borderColor='#e63a5a'; this.style.transform='translateY(-4px)';"  
         onmouseover="this.style.background='#e63a5a15'; this.style.borderColor='#e63a5a'; this.style.transform='translateY(-4px)';"  
Linha 49: Linha 45:
     </div>
     </div>


    <!-- CARD: SÉRIES -->
     <div style="background:#ffffff07; border: 1px solid #ffffff10; border-radius:8px; padding:24px 16px; text-align:center; transition: all 0.25s ease; cursor: pointer;"  
     <div style="background:#ffffff07; border: 1px solid #ffffff10; border-radius:8px; padding:24px 16px; text-align:center; transition: all 0.25s ease; cursor: pointer;"  
         onmouseover="this.style.background='#e63a5a15'; this.style.borderColor='#e63a5a'; this.style.transform='translateY(-4px)';"  
         onmouseover="this.style.background='#e63a5a15'; this.style.borderColor='#e63a5a'; this.style.transform='translateY(-4px)';"  
Linha 57: Linha 52:
     </div>
     </div>


    <!-- CARD: MÚSICA -->
     <div style="background:#ffffff07; border: 1px solid #ffffff10; border-radius:8px; padding:24px 16px; text-align:center; transition: all 0.25s ease; cursor: pointer;"  
     <div style="background:#ffffff07; border: 1px solid #ffffff10; border-radius:8px; padding:24px 16px; text-align:center; transition: all 0.25s ease; cursor: pointer;"  
         onmouseover="this.style.background='#e63a5a15'; this.style.borderColor='#e63a5a'; this.style.transform='translateY(-4px)';"  
         onmouseover="this.style.background='#e63a5a15'; this.style.borderColor='#e63a5a'; this.style.transform='translateY(-4px)';"  
Linha 65: Linha 59:
     </div>
     </div>


    <!-- CARD: ESPORTES -->
     <div style="background:#ffffff07; border: 1px solid #ffffff10; border-radius:8px; padding:24px 16px; text-align:center; transition: all 0.25s ease; cursor: pointer;"  
     <div style="background:#ffffff07; border: 1px solid #ffffff10; border-radius:8px; padding:24px 16px; text-align:center; transition: all 0.25s ease; cursor: pointer;"  
         onmouseover="this.style.background='#e63a5a15'; this.style.borderColor='#e63a5a'; this.style.transform='translateY(-4px)';"  
         onmouseover="this.style.background='#e63a5a15'; this.style.borderColor='#e63a5a'; this.style.transform='translateY(-4px)';"  
Linha 73: Linha 66:
     </div>
     </div>


    <!-- CARD: MAIS -->
     <div style="background:#ffffff07; border: 1px solid #ffffff10; border-radius:8px; padding:24px 16px; text-align:center; transition: all 0.25s ease; cursor: pointer;"  
     <div style="background:#ffffff07; border: 1px solid #ffffff10; border-radius:8px; padding:24px 16px; text-align:center; transition: all 0.25s ease; cursor: pointer;"  
         onmouseover="this.style.background='#e63a5a15'; this.style.borderColor='#e63a5a'; this.style.transform='translateY(-4px)';"  
         onmouseover="this.style.background='#e63a5a15'; this.style.borderColor='#e63a5a'; this.style.transform='translateY(-4px)';"  

Edição das 22h33min de 17 de junho de 2026

A plataforma de wikis para fãs do Brasil

Encontre ou crie uma wiki sobre seu fandom favorito

🚀 Criar uma Wiki
Categorias
Ver todas ❯
🎮 Jogos
⚔️ Anime
🎬 Séries
🎵 Música
Esportes
🔥 Mais...