---
url: 'https://dxpr.com/pt-pt/hc/documentation/learn-dxpr-builder/elements/marquee'
title: 'Adicionar um letreiro animado | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T14:13:19+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'Obtém uma faixa de imagens que atravessa a página num ciclo contínuo. Utilize-a para logótipos de parceiros, montra de clientes ou desfile de marcas onde uma fila estática ocuparia demasiado espaço.'
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-24T14:13:19+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'Adicionar um letreiro animado'
      description: 'Obtém uma faixa de imagens que atravessa a página num ciclo contínuo. Utilize-a para logótipos de parceiros, montra de clientes ou desfile de marcas onde uma fila estática ocuparia demasiado espaço.'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T14:13:19+0000'
      dateModified: '2026-10-24T14:13:19+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/pt-pt/hc/documentation/learn-dxpr-builder/elements/marquee'
      articleSection: 'Dados e movimento'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/pt-pt/hc/documentation/learn-dxpr-builder/elements/marquee'
      description: 'Obtém uma faixa de imagens que atravessa a página num ciclo contínuo. Utilize-a para logótipos de parceiros, montra de clientes ou desfile de marcas onde uma fila estática ocuparia demasiado espaço.'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Início
            item: 'https://dxpr.com/pt-pt'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: pt-pt
---
[Centro de ajuda](/pt-pt/node/75)/[Documentação](/pt-pt/hc/documentacao) /[Aprender DXPR Builder](/pt-pt/hc/documentation/learn-dxpr-builder) /[Criar páginas](/pt-pt/hc/documentation/learn-dxpr-builder/build) /[Adicionar conteúdos](/pt-pt/hc/documentation/learn-dxpr-builder/elements) /[Dados e movimento](/pt-pt/hc/documentation/learn-dxpr-builder/elements/data-and-motion) # Adicionar um letreiro animado.

 Aprender DXPR BuilderCriar páginasAdicionar conteúdosDados e movimento

   ## Neste guia

 Guias relacionados

- [Altere o aspeto de um elemento no painel Style](/pt-pt/hc/documentacao/aprender-dxpr-builder/definicoes-de-elementos/separador-de-estilo)

Obtém uma faixa de imagens que atravessa a página num ciclo contínuo. Utilize-a para logótipos de parceiros, montra de clientes ou desfile de marcas onde uma fila estática ocuparia demasiado espaço.

## Adicionar um letreiro animado

1. Paire o cursor sobre a coluna e clique em **+** na barra de controlos, ou clique em **Add Elements** numa página vazia. Abra o separador **Content** e clique em **Marquee**.
2. Limpe as **Images** de exemplo, depois selecione os seus logótipos na mediateca e insira-os.
3. Defina a **Height** para que todos os logótipos fiquem alinhados.
4. Escolha a **Speed**; mais devagar lê-se melhor para logótipos.
5. Ligue **Gray scale** para um aspeto calmo e uniforme.
6. Ligue **Fade edges** para suavizar a entrada e saída dos logótipos.
7. Clique em **Save** no diálogo. Depois clique em **Save** na barra de ferramentas no topo da área de conteúdo para guardar a página.

  ## O que vê

Os seus logótipos atravessam a página num ciclo contínuo, todos com a mesma altura, a cinzento, a aparecer e desaparecer nas margens. Pairar o cursor sobre a faixa pausa-a para os visitantes verem mais de perto.

## Configurar o letreiro animado

Abra **More > Settings** no elemento. Opções:

- **Images:** as imagens da faixa. Selecione na mediateca ou cole URLs.
- **Speed:** velocidade de deslocamento de 1 (mais devagar) a 5 (mais depressa); predefinição: 3.
- **Height:** altura das imagens em píxeis, de 10 a 200 (predefinição: 50).
- **Image layout:** como as imagens são dimensionadas: **Fixed height images** ou **Fixed width images**.
- **Gray scale:** mostra todas as imagens a tons de cinzento.
- **Fade edges:** adiciona um efeito de esbatimento nas margens esquerda e direita.

## Se não o vir

- **O Marquee não está no separador Content.** O seu perfil de utilizador oculta-o. Peça a um administrador para o ativar em [User Profiles](/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin).
- **Desapareceu depois de recarregar.** A página não foi guardada. Adicione-o novamente e clique em **Save** na barra de ferramentas no topo da área de conteúdo.
- **A faixa está vazia.** As imagens de exemplo foram limpas e não foram inseridas nenhumas. Abra **More > Settings** e adicione imagens.
- **Os logótipos têm tamanhos diferentes.** **Image layout** está em **Fixed width images**. Escolha **Fixed height images** e defina a **Height** uma vez para todos.
- **A faixa não se move.** Algo na página paira sobre ela, ou a **Speed** é 1 numa faixa curta. Afaste o ponteiro e adicione imagens ou velocidade.

## E a seguir?

[Separador Style](/hc/documentation/learn-dxpr-builder/element-settings/style-tab) para alterar o espaçamento e o fundo do seu letreiro animado.