---
url: 'https://metadrop.net/es/articulos/cambiar-el-throbber-de-drupal-para-que-se-muestre-a-pantalla-completa'
title: 'Cambiar el throbber de drupal para que se muestre a pantalla completa'
author: 'Agustin Gómez'
date: '2017-01-17T10:58:43+00:00'
updated: '2026-08-04T07:54:58+00:00'
type: article
summary: 'Cambio para la configuración por defecto del throbber de drupal para mostrarlo en pantalla completa.'
tags:
  - Drupal
  - Theming
  - Throbber
published: true
og:
  determiner: Automatic
  site_name: Metadrop
  'image:alt': 'Cambiar el throbber de drupal para que se muestre a pantalla completa'
  street_address: 'Calle Manuel Luna, 12, 3 Dcha'
  locality: Madrid
  region: Madrid
  postal_code: '28020'
  country_name: España
  email: hola@metadrop.net
  phone_number: '910053180'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      '@type': Article
      '@id': 'https://metadrop.net/es/articulos/cambiar-el-throbber-de-drupal-para-que-se-muestre-a-pantalla-completa#article'
      name: 'Cambiar el throbber de drupal para que se muestre a pantalla completa'
      headline: 'Cambiar el throbber de drupal para que se muestre a pantalla completa'
      description: "Cambio\_para la configuración por defecto del\_throbber de drupal para mostrarlo en pantalla\_completa."
      about:
        - Drupal
        - Theming
        - Throbber
      datePublished: '2014-02-19T00:00:00+0100'
      dateModified: '2026-08-04T09:54:58+0200'
      author:
        '@type': Person
        name: 'Agustin Gómez'
      publisher:
        '@type': Organization
        '@id': 'https://metadrop.net/#organization'
      mainEntityOfPage: 'https://metadrop.net/es/articulos/cambiar-el-throbber-de-drupal-para-que-se-muestre-a-pantalla-completa'
    -
      '@type': Organization
      '@id': 'https://metadrop.net/#organization'
      url: 'https://metadrop.net/'
      name: Metadrop
      sameAs:
        - 'https://www.drupal.org/metadrop'
        - 'https://twitter.com/metadrop'
        - 'https://asociaciondrupal.es/partner/metadrop'
        - 'https://www.linkedin.com/company/metadrop'
      logo:
        '@type': ImageObject
        url: 'https://metadrop.net/themes/custom/mdrop_radix/logo-metadrop-500-500.jpg'
        width: '500'
        height: '500'
    -
      '@type': ItemPage
      '@id': 'https://metadrop.net/es/articulos/cambiar-el-throbber-de-drupal-para-que-se-muestre-a-pantalla-completa'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Inicio
            item: 'https://metadrop.net/es'
          -
            '@type': ListItem
            position: 2
            name: 'Artículos expertos sobre Drupal y tecnología'
            item: 'https://metadrop.net/es/articulos'
      publisher:
        '@type': Organization
        '@id': 'https://metadrop.net/#organization'
---
 1. [Artículos](https://metadrop.net/es/articulos)
 
  

# Cambiar el throbber de drupal para que se muestre a pantalla completa

Miércoles 19 de Febrero de 2014

 

 



Cambio para la configuración por defecto del throbber de drupal para mostrarlo en pantalla completa.



   



Este snippet está sacado directamente de:
[dropbucket.org/node/420](https://dropbucket.org/node/420)

Algunos recursos para el gif animado:
[stackoverflow.com/questions/12041051/waiting-loading-transparent-...](https://stackoverflow.com/questions/12041051/waiting-loading-transparent-gif-apng-animations)

```php
.custom-block-class .ajax-progress .message,
.custom-block-class .ajax-progress-throbber .message{
  color: white;
  font-size: 20px;
  padding: 30px;
}
.custom-block-class .ajax-progress .throbber,
.custom-block-class .ajax-progress-throbber .throbber {
  float: none;
  margin: 250px auto 0 auto;
  width: 128px;
  height: 128px;
  background: url("../images/throbber-image.gif") no-repeat center center;
}
.custom-block-class .ajax-progress,
.custom-block-class .ajax-progress-throbber {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 500;
  vertical-align: middle;
  text-align: center;
}
```



[Drupal](https://metadrop.net/es/articulos?text=Drupal)

[Theming](https://metadrop.net/es/articulos?text=Theming)

[Throbber](https://metadrop.net/es/articulos?text=Throbber)