logo El diario de Pepe Molina (Caricatos)

yo

Es bueno tener la facilidad de aplicar la gama completa de colores en nuestros proyectos, pero sin olvidarnos que siempre será más importante el contenido que la estética. La información tiene que leerse bien, por lo que debemos dar un buen uso a la gama de colores que apliquemos en los párrafos; considerando que suelen ser suficientes los colores predeterminados del navegador o sistema.


Última caricatura

IV Asamblea de la AEC: IV Asamblea General de la Asociación Española de Caricaturistas

IV Asamblea de la AEC

RSS de las imágenes: rss


La Cita

No es la montaña lo que se conquista, sino a nosotros mismos

Edmund P. Hillary, montañero neozelandés (1919).


En esta zona están las páginas personales del autor.


Mis clientes ahora también son mis amigos (aunque les cobre).


En Mis amigos Informáticos hay una pequeña colección de páginas de colegas webmasters..


En Mis amigos artistas podemos encontrar artistas de cualquier índole (dibujantes, pintores, escritores...)


Las recomendaciones que proponemos son de índole variada.


Aquí un cajón de sastre de enlaces.


Nos referencian desde sitios de toda índole.


Puede contribuir a mantener esta página con su donativo.


botón pay-pal

Colores

emoticón de Caricatos Publicado el día 13 de junio de 2011
id=30; categorías: Caricatos, Vicisitudes de un Webmaster, Programación

Colores Es bueno tener la facilidad de aplicar la gama completa de colores en nuestros proyectos, pero sin olvidarnos que siempre será más importante el contenido que la estética. La información tiene que leerse bien, por lo que debemos dar un buen uso a la gama de colores que apliquemos en los párrafos; considerando que suelen ser suficientes los colores predeterminados del navegador o sistema.

En la mayoría de páginas que hablan de selección de colores se necesita ejecutar código javascript; un buen ejemplo de ello lo encontramos en la sección "Otras páginas del dominio", en concreto la página "Todo sobre los colores"; y aunque este lenguaje sea popular puede estar desactivado, así que propondremos alternativas.

Una alternativa es sencillamente el uso del control select que, como puede verse en la página antes mencionada, pueden modificar los estilos de fondo y texto de cada opción, y simplemente se necesita poner el campo value de cada una de éstas con el color correspondiente.

RGB

Las siglas rgb son las iniciales de los tres componentes necesarios para crear la paleta de color: red, green, blue (rojo, verde y azul); y en concreto la paleta de colores web, que se puede apreciar en la imagen adjunta, es la combinación de algunos de esos valores (en notación hexadecimal: "00", "33", "66", "99", "CC", "FF"). Hemos obtenido la paleta para la animación de las letras de este título con el código:

codigos = "0369CF";
function array_colorines()	{
	respuesta = [];
	for (i = 0; i < 6; i++)
		for (j = 0; j < 6; j++)
			for (k = 0; k < 6; k++)
	respuesta.push(
		codigos.charAt(i) + codigos.charAt(i) +
		codigos.charAt(j) + codigos.charAt(j) +
		codigos.charAt(k) + codigos.charAt(k)
	);
	return respuesta;
}
colores = array_colorines();

El array generado es simplemente las cadenas que representan los colores en formato RRGGBB, y es fácilmente transcribible a otros lenguajes como php, así que con muy poquito esfuerzo podemos crear un control de formulario que no dependa de javascript.

<select name="color">
<?php
$codigos = "0369CF";
for ($i = 0; $i < 6; $i++)
	for ($j = 0; $j < 6; $j++)
		for ($k = 0; $k < 6; $k++)	{
			$color = $codigos{$i}.$codigos{$i}.$codigos{$j}.$codigos{$j}.$codigos{$k}.$codigos{$k};
			echo "<option value='$color' style='background-color: $color'>$color</option>";
}
?>
</select>

Hemos visto que con pocas líneas podemos crear un selector de colores sencillo y que funciona sin necesidad de lenguajes del navegador. También sería fácil la selección de colores predeterminados, o de sistema; pero ¿podríamos acaso tener menos código?

Capturar colores

La imagen de la paleta de colores que encontramos en este apunte, puede usarse también de otra manera: tenerla como un control type="image", y en destino leer el color del pixel de la imagen donde se pulsó. Parece algo complejo, pero es muy sencillo y eficiente si sabemos hacerlo.

Captura de colores



En el formulario encontramos solo una imagen y un campo que indica donde se encuentra la imagen (que evidentemente podría obviarse), junto con un recuadro que muestra el color obtenido de la imagen (sus coordenadas x, y). Esa zona es la ventana hacia donde se envía ese formulario, cuyo código para obtener ese dato es este:

$img1 = imagecreatefromstring(file_get_contents($_GET["imagen"]));
$ancho = imagesX($img1);
$alto = imagesY($img1);
$img2 = imagecreatetruecolor($ancho, $alto);
imagecopy($img2, $img1, 0, 0, 0, 0, $ancho, $alto);
$captura = imagecolorat($img2, $_GET["x"], $_GET["y"]);
$color = strtoupper(dechex($captura));
while (strlen($color) < 6) $color = "0$color";

Para terminar diremos que evidentemente es posible usar cualquier imagen para un selector de colores (pueden probar pinchando sobre mi emoticón).

Zona de comentarios

Hemos encontrado 1 comentarios.

#Mensaje enviado por college term papers
Comentario escrito el día 31 de agosto de 2011, a la hora 11:47:41
url: http://customcollegeessays.com/term-papers.php
email: lopezmarila@yahoo.com

esto es lo que le faltaba a mi programa

Evaluación

Valoración de esta página: (apunte.30) valor

Valoración evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar

Respuesta: Zona de mensajes (proceso de evaluación)

Historial de navegación

Esta página ha sido visitada en 6697 ocasiones


Disponemos de rss sindicar

Y del Mapa del sitio, además del sitemap.xml.


Aquí podemos encontrar los apuntes más visitados.

"Top 10" reemplaza a la sección Últimos apuntes.


Una buena forma de buscar un apunte es a partir de su categoría.


También es posible buscar apuntes por medio de las etiquetas (tags).


Hemos decidido poner al alcance de todos algunos comodines.

Adjuntamos una versión reducida del "buscador interno" que vemos en la lista anterior:

Buscar en apuntes

También estamos recopilando antiguas páginas del sitio.


Desde este recuadro se puede hacer una búsqueda cronológica.


Se puede crear una postal nueva desde el enlace del sector "Otras páginas del dominio", o editar la que sale en el recuadro, pulsando sobre ella..

http://www.pepemolina.com/postales/Fondos/FONDO005.gif
http://www.pepemolina.com/postales/Musicales/Imagen1.gif
http://www.pepemolina.com/postales/Musicales/Imagen2.gif
http://www.pepemolina.com/postales/Musicales/Imagen3.gif
http://www.pepemolina.com/postales/Musicales/Imagen4.gif
http://www.pepemolina.com/postales/Musicales/Imagen5.gif
http://www.pepemolina.com/postales/Musicales/Imagen6.gif
http://www.pepemolina.com/postales/Musicales/Imagen7.gif
Postal Digital
Postal Digital
enlace a la postal
Copyright © 2002-2017 www.pepemolina.com
RSS rss | Ver Mapa del sitio