WebSite X5Help Center

 
Aldo M.
Aldo M.
User

Menu de pié de página  es

Autor: Aldo M.
Besucht 929, Followers 1, Geteilt 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.

Gepostet am
4 ANTWORTEN
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.

Mehr lesen
Gepostet am von Riccardo P.
CARLOS AMARAL
CARLOS AMARAL
Moderator
Nutzer des Monats ESNutzer des Monats 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

Mehr lesen
Gepostet am von 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.

Mehr lesen
Gepostet am von 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.

Mehr lesen
Gepostet am von Riccardo P.