ThumbImages

Con este fragmento de código, puede modificar algunos elementos en las imágenes. A pesar de que esta página cuenta con sólo algunas modificaciones que se pueden hacer, siempre se puede pedir al autor, o utilizar la página de discusión para hacer más modificaciones. Este código está optimizado para los temas, aunque la luz de los valores hexadecimales se pueden personalizar para los temas más oscuros.

## Thumb Images

Son los mismos que los archivos normales, pero en su lugar, proporcionan un espacio para la leyenda, y el crédito que el usuario que ha subido el archivo. Estos podrían añadirse a través de:

```

```

* Nombre de archivo para ser sustituido con un nombre de archivo válido presente en la Wiki.
* Escriba a ser reemplazado por un tipo de archivo válido, permitido en Wiki.
* Xpx para ser sustituido con un tamaño de archivo válido, en píxeles (px).
* la alineación que se reemplazará por una alineación adecuada (izquierda, derecha o centro) en inglés.
* Título a ser reemplazado por ningún tipo de leyenda.

## Código

El código para esta función es el siguiente:

```
/\* figcaption \*/
.WikiaArticle .article-thumb {
 border: 2px solid #000;
 -moz-border-radius: 6px;
 border-radius: 6px;
 padding: 3px 6px 3px 4px;
}
/\* inner image \*/
.WikiaArticle .article-thumb .image img {
 border: 1px solid #000;
 -moz-border-radius: 4px;
 border-radius: 4px;
}
/\* caption \*/
.WikiaArticle .article-thumb .caption {
 text-align: center;
 color: inherit;
}
/\* remove attribution \*/
.WikiaArticle .article-thumb .attribution {
 display: none !important;
}

```

Copia el código anterior en la pagina **MediaWiki:Wikia.css**.

## Tutorial

* Cambiar el tamaño del borde exterior
* Cambiar el color del borde interior
* Cambiar el tamaño del borde interior
* Alinear la leyenda
* Personalizar margen interior
* Añadir sombra al borde exterior
* Personalizar color de la sombra
* Cambiar el color de la leyenda

Primero copia este código sin modificar en la página **MediaWiki:Wikis.css**. Iremos paso a paso construyendo nuestro **ThumbImages** personalizado.

```
/\* figcaption \*/
.WikiaArticle .article-thumb {
 border: ;
 -moz-border-radius: ;
 border-radius: ;
 padding: ;
}
/\* inner image \*/
.WikiaArticle .article-thumb .image img {
 border: ;
 -moz-border-radius: ;
 border-radius: ;
}
/\* subtitulo \*/
.WikiaArticle .article-thumb .caption {
 text-align: ;
 color: ;
}
/\* remove attribution \*/
.WikiaArticle .article-thumb .attribution {
 display: none !important;
}

```

### Radio

Para agregar radio al borde exterior no dirigimos al código, buscamos **-moz-border-radius** y **border-radius**. Ahora lo editaremos de la siguiente forma.

```
/\* figcaption \*/
.WikiaArticle .article-thumb {
 border: ;
 -moz-border-radius: 5px;
 border-radius: 5px;
 padding: ;
}
/\* interior imagen \*/
.WikiaArticle .article-thumb .image img {
 border: ;
 -moz-border-radius: ;
 border-radius: ;
}
/\* subtitulo \*/
.WikiaArticle .article-thumb .caption {
 text-align: ;
 color: ;
}
/\* remove attribution \*/
.WikiaArticle .article-thumb .attribution {
 display: none !important;
}

```

```
-moz-border-radius: ;
 border-radius: ;

```

```
-moz-border-radius: 5px;
 border-radius: 5px';

```

El radio se debe dar en pixeles (px), en **-moz-border-radius** y **border-radius** agrega el mismo valor, porque los dos cumplen la misma función.

### Leyenda

La leyenda es el texto que se ubica en la parte inferior de la imagen.

#### Color

si lo que deseamos es cambiar el color de la leyenda, primero nos dirigimos al código y buscamos Subtitulo y ubicamos el color así:

```
/\* subtitulo \*/
.WikiaArticle .article-thumb .caption {
 color: COLOR;

```

```
/\* subtitulo \*/
.WikiaArticle .article-thumb .caption {
 color: #01DFD7;

```

**Nota:** Aquí en esta plataforma se encuentran todos colores, recuerda cambiar el **COLOR** del subtitulo, porque también están con el mismo nombre (color) los del borde exterior e interior.