Extensión de subida de imágenes para ZetaBoards

Esta extensión añade una herramienta para subir y adjuntar rápidamente imágenes a las publicaciones. Las imágenes se suben a nuestro sitio web, por lo que no hay que preocuparse por el espacio en disco ni la configuración del servidor web. Cuando se sube una imagen usando el botón de esta extensión, se genera automáticamente el BBCode de una miniatura y un enlace a la imagen original y se inserta en la publicación.

Instrucciones de instalación

1. 
2. 
3. Añade el siguiente código en la sección Javascripts.

   <script type='text/javascript' src='//mod.postimage.org/zetaboards.js' charset='utf-8'></script>

   

Instalación completa. Ahora puedes usar Postimage en tu sitio web.

---

Opciones

Todas las versiones de los plugins del sitio de PostImage admiten varias opciones para personalizar la experiencia del usuario. La forma más fácil de establecer una opción es especificarla en la dirección del plugin. Las opciones se separan por guiones y se pueden especificar en cualquier orden. Por ejemplo, para cambiar un plugin de phpBB a alemán y especificar que todas las imágenes subidas desde el sitio sean aptas para familias, puedes importar el plugin editando la línea correspondiente para que quede así:

<script type="text/javascript" src="//mod.postimage.org/phpbb3-de-hotlink.js" charset="utf-8"></script>

Si no se especifica una opción de un grupo, se usa el valor predeterminado del grupo. Actualmente se admiten las siguientes opciones:

Tamaño de vista previa

• thumb (predeterminado) Usa vistas previas pequeñas (de hasta 180 × 180px de tamaño).
• hotlink Usa vistas previas grandes (de hasta 1280px píxeles de ancho).

Idioma

El texto del botón de Postimage se puede mostrar en varios idiomas compatibles. Puedes usar cualquiera de los siguientes nombres de idioma como opción.

Avanzado

Puedes personalizar opciones como la apariencia del botón PostImage insertando una función postimage_customize() en tu código JavaScript antes de la invocación del plugin PostImage. La función debería verse como se muestra a continuación: hay tres objetos que se aplicarán a los estilos del ícono, el enlace y el contenedor. Puedes establecer allí cualquier propiedad CSS que necesites.

<script type="text/javascript" charset="utf-8">
function postimage_customize() {
	if (typeof postimage === "undefined") {
		return;
	}
	postimage.style = postimage.style || {};
	postimage.style.link = {"color": "#3a80ea", "vertical-align": "middle", "font-size": "1em"};
	postimage.style.icon = { "vertical-align": "middle", "margin-right": "0.5em", "margin-left": "0.5em"};
	postimage.style.container = {"margin-bottom": "0.5em", "margin-top": "0.5em"};
	/* Add more customizations here as needed */
}
</script>

Si no quieres sobrescribir los valores predeterminados y solo deseas modificar o añadir una opción de estilo específica, tu función probablemente debería verse así:

<script type="text/javascript" charset="utf-8">
function postimage_customize() {
	if (typeof postimage === "undefined") {
		return;
	}
	postimage.style = postimage.style || {};
	/* Specify different options for the same style separately */
	postimage.style.link["color"] = "green";
	postimage.style.link["text-decoration"] = "none";

	postimage.style.icon["border"] = "1px solid black";
	postimage.style.container["padding"] = "2px";
	/* Add more customizations here as needed */
}
</script>

Soporte

Por favor, contáctanos si tienes algún problema o pregunta. ¡Incluso podemos ayudarte a integrar tu sitio web con nosotros gratis!