Archivos para Noviembre, 2007

Usuarios online en PHP & MySQL

<?php
//BD
include(‘conexion.php’);
// Minutos maximos de inactividad
$minutos= 10;
// Momento cuando entra el usuario a la web
$fecha= time() ;
// IP del usuario
$ip = $REMOTE_ADDR ;
// Tiempo Limite de espera, en este ejemplo es el tiempo actual menos 10 minutos
$limite = $fecha-$minutos*60 ;
// si se supera el tiempo limite (10 minutos) lo borramos
mysql_query(“delete from gente_online where date < $limite”) ;
// miramos si la ip del visitante ya existe
$resp = mysql_query(“select * from gente_online where ip=’$ip’”) ;
// Si existe la actualizamos
if(mysql_num_rows($resp) != 0) {
mysql_query(“update gente_online set date=’$date’ where ip=’$ip’”) ;
}
// de lo contrario lo insertamos
else {
mysql_query(“insert into gente_online (date,ip) values (‘$date’,'$ip’)”) ;
}
// Seleccionamos toda la tabla
$query = “SELECT * FROM gente_online”;
$resp = @mysql_query($query) or die(mysql_error());
// en la variable usuarios habra el total de fias(ip unicas) de nuestra tabla
$usuarios = mysql_num_rows($resp);
// Montamos la frase, teniendo en cueta plural, singular y el 0
if($usuarios==0){
echo “No hay”;
}else{
echo “Hay”;
}

if($usuarios > 1 || $usuarios == 0){
echo “$usuarios usuarios en línea.”;
}else{
echo “$usuarios usuario en línea.”;
}
?>

Por supuesto, en el include inicial tiene que haber la conexion a la base de datos.

Y la tabla a la cual hacemos referencia es esta:

create table gente_online (
date int not null,
ip varchar(40) not null
);

Comentarios (2)

Tratamiento de imagenes en consola linux

He encontrado una buena libreria para hacer conversion de formatos, modificador de calidad, de todo lo que se pueda hacer con imagenes en modo consola de linux.

Sólo hay que instalar la libreria:

sudo apt-get install imagemagick

Y saber que el comando de consola se llama ‘mogrify’.

Unos ejemplos:

1. Convertir toda una carpeta de imagenes tif a formato jpg:

(dentro de la carpeta, no te borra los originales por defecto)

  • mogrify -format jpg *.tif

2. Modificar la calidad de imagen:

  • mogrify -quality 60 *.jpg

3. Redimensionar imagenes

  • mogrify -resize 800 *.jpg (modifica el ancho y ajusta el alto por ratio con el ancho, tambien podriais probar 800×600)

Hay muchisimas propiedades de este comando. Y se pueden ver a partir de mogrify -help.

Dejar un comentario

TinyMCE

TinyMCE es una plataforma independiente basada en web Javascript HTML WYSIWYG editor de control de realizado como Open Source bajo licencia LGPL por Moxiecode Systems AB.

Tiene la capacidad de convertir los campos TEXTAREA HTML u otros elementos HTML al editor casos. TinyMCE es muy fácil de integrar en otros Sistemas de Gestión de Contenido.

Caracteristicas:

  • Fácil de integrar, tiene sólo dos líneas de código.
  • Personalizable mediante temas y los plugins.
  • Salida XHTML 1,0.  Bloquea los elementos invalidos y fuerza atributos.
  • Language Packs.
  • Soportado en  Mozilla, IE, Firefox, Opera y Safari.
  • PHP / .NET / JSP / Coldfusion GZip compresor, hace de TinyMCE un 75% más pequeño y mucho más rápido cargar.
  • Puedes utilizar facilmente AJAX para guardar y cargar el contenido!


Descarga:
http://tinymce.moxiecode.com/download.php

Instalacion:

1. Descomprimes el zip descargado.

2. En la web donde tengas el textarea, tienes que incluir el archivo;

<script language="javascript" type="text/javascript"  src="scripts/tiny_mce.js"> </script>

3. Y colocar el siguiente codigo cabecera, que lo que hace es indicar que lo que queremos que salga con la barra de formateo de texto son los textarea;

<script language="javascript" type="text/javascript">
tinyMCE.init({   
 mode : "textareas"
})
</script>

En la pagina oficial puedes enocntrar ejemplos de utilización diversos.

Dejar un comentario

Efecto lightbox para fotos

Aunque hace tiempo que existe, lo descubrí hace poco este efecto para la ampliación de tus fotos en la web. Se llama lightbox, es de uso libre, y te permite un bonito efecto de ampliación con solo incluir unos scripts ya hechos.

Instalarlo:

1. Necesitas incluir en tu web estas tres librerias javascript en el mismo orden:


<script type="text/javascript" src="js/prototype.js" mce_src="js/prototype.js"></script><script type="text/javascript" src="js/scriptaculous.js?load=effects" mce_src="js/scriptaculous.js?load=effects"></script><script type="text/javascript" src="js/lightbox.js" mce_src="js/lightbox.js"></script>


2. Tambien necesitas incrustar el css del lightbox o pegarlo en tu cabecera de pagina como un css normal:


<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />


3. Comprueba en el css que las imagenes de previo y siguiente que se referencian estan donde tienen que estar asi como las de carga y cierre de dentro del archivo lightbox.js

Activarlo:

1. Añade una etiqueta de enlace a la imagen que quieras ampliar con la siguiente propiedad (rel=”lightbox”), un pequeño ejemplo de ello:


<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>

2. Puedes hacer una especie de galeria haciendo una estructura como esta:


<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
<a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
<a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>

Puedes bajarte el archivo ZIP con todo lo necesario en el siguiente enlace:

http://www.huddletogether.com/projects/lightbox2/releases/lightbox2.03.3.zip

Comentarios (4)

Fondos con trama

Voy a explicar como crear fondos entramados para la web, es muy sencillo.

1. Se crea un documento nuevo en modo transparente de 4×4, 5×5… depende el diseño final de la trama.

2. Se trabaja sobre él con un zoom de 1600%.

3. Se escojen los colores que queramos, por lo general suelen ser colores parecidos pero de distinta tonalidad, pero eso es depende del resultado final deseado en cada momento.

4. Se pintan los píxeles con el lapiz.

5. Una vez ya lo tenemos como queremos; Edicion->Definir motivo…

6. Conseguimos un documento algo mas grande, 20×20 por ejemplo; escojemos el bote de pintura, por defecto en el panel de herramientas tenemos marcado ‘Color frontal’, si escojemos ‘motivo’ podremos escojer el realizado anteriormente, solo queda volcarlo sobre el documento y guardarlo como imagen para nuestro fondo web.

Aquí os dejo unos ejemplos para que veais la distibución de los pixeles.

4×4 pixeles
trama1

Trama 2 4×4

5×5 pixeles

Trama 3 5×5

1×4 pixeles

Trama 4 1×4

Como podeis ver las combinaciones os las marcais vosotros, siempre es ir jugando con los colores, con los documentos trabajados pixel a pixel, con las distibuciones…
 

Comentarios (3)