--- url: 'https://dxpr.com/es/hc/documentacion/aprender-dxpr-builder/elementos/marquesina' title: 'Añadir una marquesina | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T00:11:33+00:00' updated: '2026-10-24T19:36:26+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: 'Obtienes una tira de imágenes que se desplaza por la página en un bucle continuo. Úsala para logotipos de socios, muestras de clientes o desfiles de marca donde una fila estática ocuparía mucho espacio.' tags: - 'Data and motion' image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR updated_time: '2026-10-24T19:36:26+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'Añadir una marquesina' description: 'Obtienes una tira de imágenes que se desplaza por la página en un bucle continuo. Úsala para logotipos de socios, muestras de clientes o desfiles de marca donde una fila estática ocuparía mucho espacio.' image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T00:11:33+0000' dateModified: '2026-10-24T19:36:26+0000' author: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' mainEntityOfPage: 'https://dxpr.com/es/hc/documentacion/aprender-dxpr-builder/elementos/marquesina' articleSection: 'Datos y animación' - '@type': WebPage '@id': 'https://dxpr.com/es/hc/documentacion/aprender-dxpr-builder/elementos/marquesina' description: 'Obtienes una tira de imágenes que se desplaza por la página en un bucle continuo. Úsala para logotipos de socios, muestras de clientes o desfiles de marca donde una fila estática ocuparía mucho espacio.' breadcrumb: '@type': BreadcrumbList itemListElement: - '@type': ListItem position: 1 name: Inicio item: 'https://dxpr.com/es' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR inLanguage: es --- [Centro de ayuda](/es/hc)/[Documentación](/es/hc/documentacion) /[Aprende DXPR Builder](/es/hc/documentation/learn-dxpr-builder) /[Crear páginas](/es/hc/documentation/learn-dxpr-builder/build) /[Añadir contenido](/es/hc/documentation/learn-dxpr-builder/elements) /[Datos y animación](/es/hc/documentation/learn-dxpr-builder/elements/data-and-motion) # Añadir una marquesina. Aprende DXPR BuilderCrear páginasAñadir contenidoDatos y animación ## En esta guía Guías relacionadas - [Cambia el aspecto de un elemento en el panel Style](/es/hc/documentacion/aprender-dxpr-builder/ajustes-elemento/pestana-style) Obtienes una tira de imágenes que se desplaza por la página en un bucle continuo. Úsala para logotipos de socios, muestras de clientes o desfiles de marca donde una fila estática ocuparía mucho espacio. ## Añade una marquesina 1. Pasa el cursor sobre la columna y haz clic en **+** en su barra de controles, o haz clic en **Add Elements** en una página vacía. Abre la pestaña **Content** y haz clic en **Marquee**. 2. Limpia las **Images** de muestra, luego selecciona tus logotipos de la biblioteca de medios e insértalos. 3. Define el **Height** para que cada logotipo quede alineado. 4. Elige el **Speed**; más lento se lee mejor para logotipos. 5. Activa **Gray scale** para un aspecto tranquilo y uniforme. 6. Activa **Fade edges** para suavizar donde los logotipos entran y salen. 7. Haz clic en **Save** en el diálogo. Luego haz clic en **Save** en la barra de herramientas arriba de la zona de contenido para guardar la página. ## Lo que ves Tus logotipos se desplazan por la página en un bucle continuo, todos del mismo alto, grises, y aparecen y desaparecen en los bordes. Pasar el cursor sobre la tira la pausa para que las visitas miren más de cerca. ## Configura tu marquesina Abre **More > Settings** en el elemento. Opciones: - **Images:** las imágenes de la tira. Elige desde el explorador de medios o pega URLs. - **Speed:** velocidad de desplazamiento de 1 (más lento) a 5 (más rápido); valor predeterminado: 3. - **Height:** alto de imagen en píxeles, de 10 a 200 (valor predeterminado: 50). - **Image layout:** cómo se dimensionan las imágenes: **Fixed height images** o **Fixed width images**. - **Gray scale:** muestra todas las imágenes en escala de grises. - **Fade edges:** añade un fundido en los bordes izquierdo y derecho. ## Si no lo ves - **Marquee no está en la pestaña Content.** Tu perfil de usuario lo oculta. Pide a una cuenta administradora que lo active en [User profiles](/es/hc/documentacion/aprender-dxpr-builder/administracion/perfiles-usuario-administracion). - **Ya no está tras recargar.** La página no se guardó. Añádelo de nuevo y haz clic en **Save** en la barra de herramientas arriba de la zona de contenido. - **La tira está vacía.** Las imágenes de muestra se limpiaron y no se insertó ninguna. Abre **More > Settings** y añade imágenes. - **Los logotipos tienen tamaños distintos.** **Image layout** está en **Fixed width images**. Elige **Fixed height images** y define **Height** una vez para todos. - **La tira no se mueve.** Algo en la página la señala en hover, o **Speed** está en 1 en una tira corta. Aparta el puntero y añade imágenes o velocidad. ## ¿Qué sigue? [Panel Style](/es/hc/documentacion/aprender-dxpr-builder/ajustes-elemento/pestana-style) para cambiar espaciado y fondo de tu marquesina.