Diferencia entre revisiones de «Plantilla:Navbar»

De Oroza RO Wiki
Ir a la navegación Ir a la búsqueda
Sin resumen de edición
Etiquetas: Reversión manual Revertido
Sin resumen de edición
 
(No se muestran 5 ediciones intermedias del mismo usuario)
Línea 1: Línea 1:
<html>
<html>
   <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;">
   <div class="oroza-navbar" style="display: flex; align-items: center; justify-content: center; position: relative; padding: 15px 20px; background: #2c3e50; border-bottom: 3px solid #f1c40f; border-radius: 12px; font-size: 14px;">


     <!-- Logo a la izquierda -->
     <!-- Logo alineado a la izquierda -->
     <div>
     <div style="position: absolute; left: 0; padding-left: 25px;">
       <a href="https://orozaro.com/wiki/index.php/P%C3%A1gina_principal" target="_blank">
       <a href="https://pt.orozaro.com/wiki/index.php/P%C3%A1gina_principal" target="_blank" rel="noopener noreferrer">
         <img src="/wiki/resources/assets/logo-oroza-icon.png" style="width: 70px; height: auto; filter: drop-shadow(0 0 5px white);">
         <img src="/wiki/resources/assets/logo-oroza-icon.png"  
            style="width: 70px; height: auto; filter: drop-shadow(0 0 5px white);">
       </a>
       </a>
     </div>
     </div>


    <!-- Menú de navegación centrado -->
<!-- Links centralizados -->
    <div style="display: flex; align-items: center; gap: 20px; flex: 1; justify-content: center;">
<div>
      <a href="https://orozaro.com/?module=main" target="_blank" style="color: white; text-decoration: none;">🏠 Página Web</a>
  <a href="https://pt.orozaro.com/?module=main" target="_blank" style="margin: 0 10px; color: white; text-decoration: none;">🏠 Site Oficial</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://pt.orozaro.com/?module=account&action=create" target="_blank" style="margin: 0 10px; color: white; text-decoration: none;">📝 Crie sua Conta</a>
      <a href="https://orozaro.com/?module=main&action=download" target="_blank" style="color: white; text-decoration: none;">⬇️ Descargas</a>
  <a href="https://pt.orozaro.com/?module=main&action=download" target="_blank" style="margin: 0 10px; color: white; text-decoration: none;">⬇️ Downloads</a>
      <a href="https://orozaro.com/?module=ranking&action=pvp" target="_blank" style="color: white; text-decoration: none;">🏆 Rankings</a>
  <a href="https://pt.orozaro.com/?module=ranking&action=pvp" target="_blank" style="margin: 0 10px; 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://pt.orozaro.com/?module=paypal&action=como_donar" target="_blank" style="margin: 0 10px; color: white; text-decoration: none;">💰 Doações</a>
      <a href="https://orozaro.com/vcp/login.php" target="_blank" style="color: white; text-decoration: none;">🗳️ Vota por el Server</a>
  <a href="https://pt.orozaro.com/vcp/login.php" target="_blank" style="margin: 0 10px; color: white; text-decoration: none;">🗳️ Vote no Servidor</a>
    </div>
</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 -->
    <!-- Banderas a la derecha, más chicas -->
      <div id="google_translate_element" style="margin-left: -9999px; position: absolute;"></div>
    <div style="position: absolute; right: 0; padding-right: 20px; display: flex; align-items: center; gap: 6px;">
    </div>
      <span style="font-size: 18px; color: white;"></span>
  </div>


  <!-- Google Translate Script -->
      <!-- Español -->
  <script type="text/javascript">
      <a href="https://orozaro.com/wiki/index.php/P%C3%A1gina_principal" title="Español">
    function googleTranslateElementInit() {
        <img src="https://flagcdn.com/24x18/es.png" alt="ES" style="border-radius: 3px;">
      new google.translate.TranslateElement({
      </a>
        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 -->
      <!-- Inglés -->
<script>
      <a href="https://en.orozaro.com/wiki/index.php/P%C3%A1gina_principal" title="English">
  function changeLang(lang) {
         <img src="https://flagcdn.com/24x18/us.png" alt="EN" style="border-radius: 3px;">
    const tryChange = () => {
       </a>
      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>


 
      <!-- Portugués -->
  <!-- Estilo para ocultar combo -->
      <a href="https://pt.orozaro.com/wiki/index.php/P%C3%A1gina_principal" title="Português">
  <style>
        <img src="https://flagcdn.com/24x18/br.png" alt="PT" style="border-radius: 3px;">
    .goog-te-gadget {
       </a>
      font-size: 0 !important;
     </div>
    }
   </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>
</html>

Revisión actual - 13:50 16 jun 2025