WebSite X5Help Center

 
Aldo M.
Aldo M.
User

Menu de pié de página  es

Autor: Aldo M.
Visitado 817, Followers 1, Compartido 0  

Hola.

Tengo un problema relacionado con el menú de pie de página.

Un amigo me facilitó el código para colocar el pie de página siempre en el borde inferior del navegador.

Mi pregunta es si se puede poner el menú de pie de pagina en una posición fija o si es posible incluirlo como parte del pie de pagina.

Agradeceré cualquier ayuda.

Gracias.

Publicado en
4 RESPUESTAS
Incomedia
Riccardo P.
Incomedia

Buongiorno Aldo,

per inserire del codice personalizzato nel piè di pagina puoi andare al passo 1 nel programma, nella sezione "personalizzazione del modello" e nella sezione del piè di pagina aggiungere un oggetto HTML in cui inserire il tuo codice personalizzato.

Fammi Sapere se hai difficoltà.

***** Google Translation:

HotBuenos días,
para insertarel código personalizadoenel pie de páginase puede iral paso 1en el programa,en el"Modelode la personalidad"y en la seccióndel pie de páginaañadir un objetoHTMLpara insertar su propiocódigo.
Déjemesaber si usted tieneproblemas.

Leer más
Publicado en de Riccardo P.
CARLOS AMARAL
CARLOS AMARAL
Moderator
Usuario del mes ESUsuario del mes PT

Podrias compartir el codigo ese que te paso tu amigo?  a mi tambien me interesa hacer eso...  es una propuesta que le he hecho al equipo de incomedia pero sin resultados.

Estaria bueno que website X5 deje el pie de pagina siempre en la base del navegador, ya que en paginas con poco contenido, el pie queda flotando en el medio de la pagina.

Saludos

Leer más
Publicado en de CARLOS AMARAL
Aldo M.
Aldo M.
User
Autor

Hola Carlos. Te explico paso a paso como resolví el tema.

Un amigo me pasó el siguiente código:

<style type="text/css">
#imHeader {position: fixed; top: 0px; width: 1020px; z-index: 50;}
#imMnMn{position:fixed; top: 160px; left:auto; z-index:50; }
#imContent, #imContentGraphics {padding-top: 195px; padding-bottom: 80px;}
#imBtMn {position:fixed; bottom:45px;}
#imFooter {position:fixed; bottom:0px; z-index: 50;}
</style>

Notas:

  1. #imBtMn es el selector de Menú de pie de página.
  2. Este código tiene el problema que el menú me aparecía dos veces. Una vez fijo al pie de página y otra vez flotante al final del conenido de la página.
  3. Quedaba un gap entre el menú en el pie de página y el conenido de la página.
  4. Había que tener seleccionado que el menú de pie de página estuviera visible, de lo contrario no funcionaba

Finalmente, agradecí la ayuda y tomé la decisión de hacer una variante propia.

Esto es lo que hice:

  • Aumenté la altura del pie de página en 20px para darle cabida al menú de pie de página.
  • Hice la estructura del menú de pié de página definiendo dos clases, una clase llamada CustomBtMn para definir el estilo general y otra llamada MyBtMn para poder referenciarla más fácil para los estilos individuales:

        <div class="CustomBtMn">
               <a class="MyBtMn" href="index.html">Inicio</a>
                 | 
               <a class="MyBtMn" href="descripcion-general.html" onclick="return                                     x5engine.utils.location('descripcion-general.html', null, false)">Servicios</a>
                 |
               <a class="MyBtMn" href="descripcion-general-1.html" onclick="return                                 x5engine.utils.location('descripcion-general-1.html', null, false)">Plagas</a>
                 |
               <a class="MyBtMn" href="equipamiento.html">Equipamiento</a>
                 |
               <a class="MyBtMn" href="productos.html">Productos</a>
                 |
               <a class="MyBtMn" href="noticias-y-eventos.html">Noticias y Eventos</a>
                 |
               <a class="MyBtMn" href="contacto.html">Contacto</a>
                 |
               <a class="MyBtMn" href="imsitemap.html">Mapa general del sitio</a>
        </div>

  • Entonces fui a la fase 4: Ajustes avanzados -> Estadísticas, SEO y Código -> Avanzado (Código personalizado: Antes el cierre de la etiqueta HEAD) y emulé los colores y el estilo con el código siguiente:

        <style>
               div.CustomBtMn {
                     font-family: "Tahoma";
                     font-size: 12px;
                     font-weight: bold;
                     height: 14px;
                     padding: 2px 3px;
                     background-color: #e0e0e0;
                     text-align: center;
                     border-style: solid;
                     border-width: 1px 0px 1px 0px;
                     }

                     a.MyBtMn:link {color:#000000; text-decoration:none;}

                     a.MyBtMn:visited {color:#000000;}

                     a.MyBtMn:hover {color:#000000; text-decoration:underline;}
         </style>

De esta forma evito tener que depender de la estructura de Website X5 para cear el menú de pie de página.

Espero haberte sido de ayuda. Si necesitas alguna otra explicación no dudes en comunicarte. Estamos para ayudarnos.

Por cierto, me gusta tu página.

Leer más
Publicado en de Aldo M.
Incomedia
Riccardo P.
Incomedia

Buongiorno Aldo,

purtroppo non posso aiutarti su codici personalizzati o modifica del codice, devi attendere maggiori informazioni da altri utenti della community.

***** Google Translation:

HolaAldo,

por desgracia,no puedo ayudarleencódigo personalizadoocambio de código,usted tieneque esperar másinformación de otros usuariosde la comunidad.

Leer más
Publicado en de Riccardo P.