Imagen en Campos PersonalizadosTema Solucionado

[xoom]

Con esta guía aprenderemos a convertir el valor de un Campo Personalizado en una imagen como en el ejemplo.



Primero vamos a crear nuestro Campo Personalizado.

Entramos en la Administración -> Usuarios y Grupos - > Campos Personalizados



Ahora pasamos a crear el campo con los siguientes valores:

Crear campo de perfil

Tipo de campo: Área de texto
Identificación del campo: Nombre identificativo del campo
Mostrar campo de perfil: Sí

Opciones de visibilidad

Marcamos Mostrar en Panel de Control del Usuario y Mostrar en la pantalla de registro

Opciones específicas de idioma

Nombre: Aquí pondremos el nombre que aparecerá al usuario, por lo tanto debe ser un nombre relacionado con la imagen ... Clan, Grupo, etc.
Descripción del campo: Este espacio es ideal para advertir al usuario de las limitaciones que debe tener la imagen, como las dimensiones
Valor por defecto: http://img2.imageshack.us/img2/9480/unidad.png

El valor de este última opción es la url de una imagen vacía con la que evitaremos que los usuarios que no pongan una imagen, nos aparezca el típico recuadro con la X de imagen no encontrada.

Opciones específicas del tipo de perfi

Longitud del campo: 50
Número mínimo de caracteres: 0
Número máximo de caracteres: 100
Validación de campo: Cualquier carácter.

Por último pulsamos en Guardar y ya tendremos nuestro campo personalizado listo para usar.

Ahora tenemos que hacer unas pequeñas variaciones en el código de nuestro foro para conseguir que la url de la imagen se visualice correctamente.

Abrir includes/functions_profile_fields.php

BUSCAR

Código: Seleccionar todo

			case 'string':
			case 'text':
				if (!$value)
				{
					return NULL;
				}

				$value = make_clickable($value);
				$value = censor_text($value);
				$value = bbcode_nl2br($value);
				return $value;

REEMPLAZAR POR

Código: Seleccionar todo

			case 'string':
			case 'text':
				if (!$value)
				{
					return NULL;
				}

				/* esto permite CP con urls
				$value = make_clickable($value);
				$value = censor_text($value);
				$value = bbcode_nl2br($value);
				*/
				return $value;

Abrir styles/subsilver2/viewtopic_body.html

BUSCAR

Código: Seleccionar todo

					<!-- BEGIN custom_fields -->
						<br /><b>{postrow.custom_fields.PROFILE_FIELD_NAME}:</b> {postrow.custom_fields.PROFILE_FIELD_VALUE}
					<!-- END custom_fields -->

REEMPLAZAR POR

Código: Seleccionar todo

					<!-- BEGIN custom_fields -->
						<br /><br /><center><img src="{postrow.custom_fields.PROFILE_FIELD_VALUE}" width="50" height="50" alt="" /></center>
					<!-- END custom_fields -->

Abrir styles/prosilver/viewtopic_body.html

BUSCAR

Código: Seleccionar todo

		<!-- BEGIN custom_fields -->
			<dd><strong>{postrow.custom_fields.PROFILE_FIELD_NAME}:</strong> {postrow.custom_fields.PROFILE_FIELD_VALUE}</dd>
		<!-- END custom_fields -->

REEMPLAZAR POR

Código: Seleccionar todo

					<!-- BEGIN custom_fields -->
						<dd><center><img src="{postrow.custom_fields.PROFILE_FIELD_VALUE}" width="50" height="50" alt="" /></dd></center>
					<!-- END custom_fields -->

Las dimensiones que he puesto de la imagen son de 50 x 50 pxl. Dependiendo de vuestra elección deberéis modificar este valor. Si no queréis limitarlo, simplemente borrar width="50" height="50".

Dentro de las comillas en alt="" podéis colocar un texto, como por ejemplo "Imagen de mi Clan"

VISTA DEL CAMPO PERSONALIZADO EN PÁGINA DE REGISTRO



VISTA DEL CAMPO PERSONALIZADO EN PÁGINA DE EDITAR PERFIL

Cualquier duda o problema, podéis abrir un hilo en el foro adecuado y sin olvidar los datos de soporte.