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

← Edição anterior Edição posterior →

Edição das 21h13min 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...

@@ Linha 1: / Linha 1: @@
 <html>
-<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:-20px -20px 30px -20px;position:relative;overflow:hidden;width:100vw;margin-left:calc(-50vw + 50%);">
+<!-- BANNER PRINCIPAL HERO (COM LINHA 100VW INTEGRADA NO FUNDO) -->
-<div style="position:absolute;top:10%;left:5%;width:15px;height:15px;background:#e63a5a;transform:rotate(45deg);opacity:0.6;"></div>
+<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:-20px -20px 0 -20px;position:relative;overflow:hidden;width:100vw;margin-left:calc(-50vw + 50%); border-bottom: 3px solid #e63a5a;">
-<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:10%;left:5%;width:15px;height:15px;background:#e63a5a;transform:rotate(45deg);opacity:0.6;"></div>
-<div style="position:absolute;top:60%;left:8%;width:20px;height:20px;border:2px solid #7c3aed;border-radius:50%;opacity:0.4;"></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:15%;right:10%;width:12px;height:12px;background:#7c3aed;transform:rotate(45deg);opacity:0.6;"></div>
+    <div style="position:absolute;top:60%;left:8%;width:20px;height:20px;border:2px solid #7c3aed;border-radius:50%;opacity:0.4;"></div>
-<div style="position:absolute;top:50%;right:5%;width:18px;height:18px;border:2px solid #e63a5a;border-radius:50%;opacity:0.4;"></div>
+    <div style="position:absolute;top:15%;right:10%;width:12px;height:12px;background:#7c3aed;transform:rotate(45deg);opacity:0.6;"></div>
-<div style="position:absolute;top:75%;right:15%;width:10px;height:10px;background:#f59e0b;transform:rotate(45deg);opacity:0.5;"></div>
+    <div style="position:absolute;top:50%;right:5%;width:18px;height:18px;border:2px solid #e63a5a;border-radius:50%;opacity:0.4;"></div>
-<img src="https://forfans.com.br/images/wikis/central/c/c9/Logo.png" style="height:200px;margin-bottom:20px;position:relative;z-index:1;">
+    <div style="position:absolute;top:75%;right:15%;width:10px;height:10px;background:#f59e0b;transform:rotate(45deg);opacity:0.5;"></div>
-<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 fandom favorito</p>
+    <img src="https://forfans.com.br/images/wikis/central/c/c9/Logo.png" style="height:200px;margin-bottom:20px;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;">
+    <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>
-<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;">
+    <p style="color:#ccc;margin-bottom:15px;position:relative;z-index:1;">Encontre ou crie uma wiki sobre seu fandom favorito</p>
-<button type="submit" style="background:#e63a5a;border:none;color:white;padding:14px 20px;cursor:pointer;font-size:15px;">Buscar</button>
-</form>
+    <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;">
-<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>
+        <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>
+    </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>
 </div>
-<h2 style="margin-bottom:16px;">Categorias</h2>
+<!-- SEÇÃO DE CATEGORIAS (ABAS SUSPENSAS ESTILO FANDOM SECTIONS) -->
-<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;">
+<div style="margin-bottom: 32px; display: flex; align-items: center; justify-content: flex-start; position: relative; z-index: 10;">
-<div style="background:#1a2a1a;border-radius:10px;padding:20px;text-align:center;">🎮<br><b style="color:white;">Jogos</b></div>
+    <!-- Aba Vermelha que "desce" da linha do topo de forma contínua -->
-<div style="background:#1a1a2a;border-radius:10px;padding:20px;text-align:center;">⚔️<br><b style="color:white;">Anime</b></div>
+    <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);">
-<div style="background:#2a1a1a;border-radius:10px;padding:20px;text-align:center;">🎬<br><b style="color:white;">Séries</b></div>
+        Categorias
-<div style="background:#1a2a2a;border-radius:10px;padding:20px;text-align:center;">🎵<br><b style="color:white;">Música</b></div>
+    </div>
-<div style="background:#2a2a1a;border-radius:10px;padding:20px;text-align:center;">⚽<br><b style="color:white;">Esportes</b></div>
+    <!-- Link Lateral "Ver Todas" posicionado na área limpa -->
-<div style="background:#2a1a2a;border-radius:10px;padding:20px;text-align:center;">🔥<br><b style="color:white;">Mais...</b></div>
+    <a href="/Special:Categories" style="color: #666; text-decoration: none; font-size: 11px; font-weight: 700; text-transform: uppercase; margin-left: 14px; margin-top: 2px; transition: color 0.2s ease; letter-spacing: 0.5px;" onmouseover="this.style.color='#e63a5a'" onmouseout="this.style.color='#666'">
+        Ver todas ❯
+    </a>
+</div>
+<!-- GRID DE CATEGORIAS INTERATIVO -->
+<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;"
+         onmouseover="this.style.background='#e63a5a15'; this.style.borderColor='#e63a5a'; this.style.transform='translateY(-4px)';"
+         onmouseout="this.style.background='#ffffff07'; this.style.borderColor='#ffffff10'; this.style.transform='translateY(0)';">
+        <span style="font-size: 24px; display: block; margin-bottom: 8px;">🎮</span>
+        <b style="color:white; font-size: 15px;">Jogos</b>
+    </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;"
+         onmouseover="this.style.background='#e63a5a15'; this.style.borderColor='#e63a5a'; this.style.transform='translateY(-4px)';"
+         onmouseout="this.style.background='#ffffff07'; this.style.borderColor='#ffffff10'; this.style.transform='translateY(0)';">
+        <span style="font-size: 24px; display: block; margin-bottom: 8px;">⚔️</span>
+        <b style="color:white; font-size: 15px;">Anime</b>
+    </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;"
+         onmouseover="this.style.background='#e63a5a15'; this.style.borderColor='#e63a5a'; this.style.transform='translateY(-4px)';"
+         onmouseout="this.style.background='#ffffff07'; this.style.borderColor='#ffffff10'; this.style.transform='translateY(0)';">
+        <span style="font-size: 24px; display: block; margin-bottom: 8px;">🎬</span>
+        <b style="color:white; font-size: 15px;">Séries</b>
+    </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;"
+         onmouseover="this.style.background='#e63a5a15'; this.style.borderColor='#e63a5a'; this.style.transform='translateY(-4px)';"
+         onmouseout="this.style.background='#ffffff07'; this.style.borderColor='#ffffff10'; this.style.transform='translateY(0)';">
+        <span style="font-size: 24px; display: block; margin-bottom: 8px;">🎵</span>
+        <b style="color:white; font-size: 15px;">Música</b>
+    </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;"
+         onmouseover="this.style.background='#e63a5a15'; this.style.borderColor='#e63a5a'; this.style.transform='translateY(-4px)';"
+         onmouseout="this.style.background='#ffffff07'; this.style.borderColor='#ffffff10'; this.style.transform='translateY(0)';">
+        <span style="font-size: 24px; display: block; margin-bottom: 8px;">⚽</span>
+        <b style="color:white; font-size: 15px;">Esportes</b>
+    </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;"
+         onmouseover="this.style.background='#e63a5a15'; this.style.borderColor='#e63a5a'; this.style.transform='translateY(-4px)';"
+         onmouseout="this.style.background='#ffffff07'; this.style.borderColor='#ffffff10'; this.style.transform='translateY(0)';">
+        <span style="font-size: 24px; display: block; margin-bottom: 8px;">🔥</span>
+        <b style="color:white; font-size: 15px;">Mais...</b>
+    </div>
 </div>
 </html>