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
Etiqueta: Revertido
Sin resumen de edición
 
(No se muestran 10 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://en.oroza-ro.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 -->
<!-- Centered links -->
    <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://en.oroza-ro.com/?module=main" target="_blank" style="margin: 0 10px; color: white; text-decoration: none;">🏠 Website</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://en.oroza-ro.com/?module=account&action=create" target="_blank" style="margin: 0 10px; color: white; text-decoration: none;">📝 Create Your Account</a>
      <a href="https://orozaro.com/?module=main&action=download" target="_blank" style="color: white; text-decoration: none;">⬇️ Descargas</a>
  <a href="https://en.oroza-ro.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://en.oroza-ro.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://en.oroza-ro.com/?module=paypal&action=como_donar" target="_blank" style="margin: 0 10px; color: white; text-decoration: none;">💰 Donations</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://en.oroza-ro.com/vcp/login.php" target="_blank" style="margin: 0 10px; color: white; text-decoration: none;">🗳️ Vote for the Server</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 -->
      <div id="google_translate_element" style="margin-left: -9999px; position: absolute;"></div>
    </div>
  </div>


  <!-- Google Translate Script -->
    <!-- Banderas a la derecha, más chicas -->
  <script type="text/javascript">
    <div style="position: absolute; right: 0; padding-right: 20px; display: flex; align-items: center; gap: 6px;">
    function googleTranslateElementInit() {
      <span style="font-size: 18px; color: white;"></span>
      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 -->
      <!-- Español -->
  <script>
      <a href="https://oroza-ro.com/wiki/index.php/P%C3%A1gina_principal" title="Español">
    function changeLang(lang) {
         <img src="https://flagcdn.com/24x18/es.png" alt="ES" style="border-radius: 3px;">
      const combo = document.querySelector('.goog-te-combo');
       </a>
      if (combo) {
         combo.value = lang;
        combo.dispatchEvent(new Event('change'));
       }
    }
  </script>


  <!-- Estilo para ocultar combo -->
      <!-- Inglés -->
  <style>
      <a href="https://en.oroza-ro.com/wiki/index.php/P%C3%A1gina_principal" title="English">
    .goog-te-gadget {
        <img src="https://flagcdn.com/24x18/us.png" alt="EN" style="border-radius: 3px;">
      font-size: 0 !important;
      </a>
    }


    .goog-te-gadget .goog-te-combo {
      <!-- Portugués -->
       font-size: 12px !important;
       <a href="https://pt.oroza-ro.com/wiki/index.php/P%C3%A1gina_principal" title="Português">
      padding: 2px 4px;
        <img src="https://flagcdn.com/24x18/br.png" alt="PT" style="border-radius: 3px;">
      border-radius: 5px;
       </a>
       border: 1px solid #ccc;
     </div>
      color: black !important;
   </div>
     }
   </style>
</html>
</html>

Revisión actual - 13:23 19 jun 2025