Diferencia entre revisiones de «Plantilla:Navbar»

← Edición anterior Edición siguiente →

@@ Línea 1: / Línea 1: @@
 <html>
-<div class="oroza-navbar" style="display: flex; align-items: center; justify-content: center; position: relative; padding: 20px;">
+  <div class="oroza-navbar" style="display: flex; align-items: center; justify-content: space-between; padding: 10px 30px; background: #2c3e50; border-radius: 12px; border-bottom: 3px solid #f1c40f; font-size: 14px; min-height: 64px;">
-  <!-- Logo alineado a la izquierda con espacio y sombra -->
+    <!-- Logo a la izquierda -->
-  <div style="position: absolute; left: 0; padding-left: 25px;">
+    <div>
-    <a href="https://orozaro.com/wiki/index.php/P%C3%A1gina_principal" target="_blank" rel="noopener noreferrer">
+      <a href="https://orozaro.com/wiki/index.php/P%C3%A1gina_principal" target="_blank">
-      <img src="/wiki/resources/assets/logo-oroza-icon.png"
+        <img src="/wiki/resources/assets/logo-oroza-icon.png" style="width: 70px; height: auto; filter: drop-shadow(0 0 5px white);">
-           style="width: 80px; height: auto; filter: drop-shadow(0 0 5px white);">
+      </a>
-     </a>
+    </div>
+    <!-- Menú de navegación centrado -->
+    <div style="display: flex; align-items: center; gap: 20px; flex: 1; justify-content: center;">
+      <a href="https://orozaro.com/?module=main" target="_blank" style="color: white; text-decoration: none;">🏠 Página Web</a>
+      <a href="https://orozaro.com/?module=account&action=create" target="_blank" style="color: white; text-decoration: none;">📝 Crea tu Cuenta</a>
+      <a href="https://orozaro.com/?module=main&action=download" target="_blank" style="color: white; text-decoration: none;">⬇️ Descargas</a>
+      <a href="https://orozaro.com/?module=ranking&action=pvp" target="_blank" style="color: white; text-decoration: none;">🏆 Rankings</a>
+      <a href="https://orozaro.com/?module=paypal&action=como_donar" target="_blank" style="color: white; text-decoration: none;">💰 Donaciones</a>
+      <a href="https://orozaro.com/vcp/login.php" target="_blank" style="color: white; text-decoration: none;">🗳️ Vota por el Server</a>
+     </div>
+    <!-- Banderas y selector de idioma a la derecha -->
+    <div style="display: flex; align-items: center; gap: 12px;">
+      <span style="font-size: 20px; color: white;">🌐</span>
+      <a href="#" onclick="changeLang('es')" title="Español"><img src="https://flagcdn.com/32x24/es.png" alt="ES" style="border-radius: 3px;"></a>
+      <a href="#" onclick="changeLang('en')" title="English"><img src="https://flagcdn.com/32x24/us.png" alt="EN" style="border-radius: 3px;"></a>
+      <a href="#" onclick="changeLang('pt')" title="Português"><img src="https://flagcdn.com/32x24/br.png" alt="PT" style="border-radius: 3px;"></a>
+      <!-- Traductor oculto -->
+      <div id="google_translate_element" style="margin-left: -9999px; position: absolute;"></div>
+    </div>
    </div>
+  <!-- Google Translate Script -->
+  <script type="text/javascript">
+    function googleTranslateElementInit() {
+      new google.translate.TranslateElement({
+        pageLanguage: 'es',
+        includedLanguages: 'en,pt',
+        layout: google.translate.TranslateElement.InlineLayout.SIMPLE
+      }, 'google_translate_element');
+    }
+  </script>
+  <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
+  <!-- Cambiar idioma al hacer clic -->
+<script>
+  function changeLang(lang) {
+    const tryChange = () => {
+      const combo = document.querySelector('.goog-te-combo');
+      if (combo) {
+        combo.value = lang;
+        combo.dispatchEvent(new Event('change'));
+      } else {
+        setTimeout(tryChange, 100); // Intenta nuevamente hasta que esté listo
+      }
+    };
+    tryChange();
+  }
+</script>
-    <!-- Enlaces centrados con espaciado -->
-<div>
-  <a href="https://orozaro.com/?module=main" target="_blank" style="margin: 0 15px;">🏠 Página Web</a>
-  <a href="https://orozaro.com/?module=account&action=create" target="_blank" style="margin: 0 15px;">📝 Crea tu Cuenta</a>
-  <a href="https://orozaro.com/?module=main&action=download" target="_blank" style="margin: 0 15px;">⬇️ Descargas</a>
-  <a href="https://orozaro.com/?module=ranking&action=pvp" target="_blank" style="margin: 0 15px;">🏆 Rankings</a>
-  <a href="https://orozaro.com/?module=paypal&action=como_donar" target="_blank" style="margin: 0 15px;">💰 Donaciones</a>
-  <a href="https://orozaro.com/vcp/login.php" target="_blank" style="margin: 0 15px;">🗳️ Vota por el Server</a>
-</div>
+  <!-- Estilo para ocultar combo -->
+  <style>
+    .goog-te-gadget {
+      font-size: 0 !important;
+    }
-   </div>
+    .goog-te-gadget .goog-te-combo {
+      font-size: 12px !important;
+      padding: 2px 4px;
+      border-radius: 5px;
+      border: 1px solid #ccc;
+      color: black !important;
+    }
+   </style>
 </html>

Diferencia entre revisiones de «Plantilla:Navbar»

Revisión del 17:10 11 jun 2025

Menú de navegación

Buscar