ZoneArtCSS | Tu lugar: Del Arte CSS » miguel ortega

Botones de formulario con bordes redondeados solo Css

miguelortega — Mon, 28 Dec 2009 09:25:37 +0000

En este Post les mostrare como podemos crear botones para nuestros formularios con un estilo de borde redondeado.

Esto nos servirá para poner mas cool nuestra web.

Primero tenemos que descarga estas Imagenes.

Imagen Izquierda

Imagen Izquierda Hover

Imagen Derecha

Imagen Derecha Hover

Este es el codigo del Boton

Y este sería el Código del Css

utton { 
  border:0; 
  cursor:pointer; 
  font-weight:bold; 
  padding:0 20px 0 0; 
  text-align:center; 
}
button span { 
  position:relative; 
  display:block; 
  white-space:nowrap; 
  padding:0 0 0 20px; 
}
 
/*blue buttons*/
button.submitBtn { 
  background:url(images/btn_blue_right.gif) right no-repeat; 
  font-size:1.3em; 
}
button.submitBtn span { 
  height:50px; 
  line-height:50px;
  background:url(images/btn_blue_left.gif) left no-repeat;
  color:#fff; 
}
button.submitBtn:hover {
	background:url(images/btn_blue_right_hover.gif) right no-repeat; 
}
button.submitBtn:hover span {
	background:url(images/btn_blue_left_hover.gif) left no-repeat; 
}

Esto es todo espero que les sea de su agrado este Efecto en Css

Ver Ejemplo

Crear un buzón de correo con PHP imap_createmailbox()

miguelortega — Fri, 06 Nov 2009 22:48:17 +0000

Crear un buzón de correo con PHP

Es muy interesante poder hacer que nuestros usuarios de nuestro portal puedan crear su correo con el nombre de nuestro dominio sabemos que esto es posible con google o con msn, pero es mejor si podemos crear nuestro propio buzon de bandeja de entrada en php con las funciones imap, recuerde que esto lo debe tener habilitado su servidor.

Este es un breve condigo de como verificar es estado de un correo de tu propio dominio.


$buzon = imap_open("{imap.example.org}", "usuario", "contraseña", OP_HALFOPEN)
     or die("no se pudo conectar: " . imap_last_error());
 
$nombre1 = "phpnuevobuzon";
$nombre2 = imap_utf7_encode("phpnuevobuzón");
 
$nuevo_nombre = $nombre1;
 
echo "El nuevo nombre será '$nombre1'
\n";
 
// ahora crearemos un nuevo buzón "phpbuzonprueba" en su carpeta de entrada,
// chequearemos su status después de su creación y finalmente lo removeremos
// para recuperar el estado inicial del buzón de entrada
 
if (@imap_createmailbox($buzon, imap_utf7_encode("{imap.example.org}INBOX.$nuevo_nombre"))) {
    $status = @imap_status($buzon, "{imap.example.org}INBOX.$nuevo_nombre", SA_ALL);
    if ($status) {
        echo "su nuevo buzón '$nombre1' tiene el siguiente status:
\n";
        echo "Mensajes:      " . $status->messages    . "
\n";
        echo "Recientes:     " . $status->recent      . "
\n";
        echo "No leídos:     " . $status->unseen      . "
\n";
        echo "Siguiente UID: " . $status->uidnext     . "
\n";
        echo "Validez UID:   " . $status->uidvalidity . "
\n";
 
        if (imap_renamemailbox($buzon, "{imap.example.org}INBOX.$nuevo_nombre", "{imap.example.org}INBOX.$nombre2")) {
            echo "se renombró el nuevo buzón de '$nombre1' a '$nombre2'
\n";
            $nuevo_nombre = $nombre2;
        } else {
            echo "imap_renamemailbox en el nuevo buzón falló: " . imap_last_error() . "
\n";
        }
    } else {
        echo "imap_status en el nuevo buzón falló: " . imap_last_error() . "
\n";
    }
 
    if (@imap_deletemailbox($buzon, "{imap.example.org}INBOX.$nuevo_nombre")) {
        echo "el nuevo buzón fue eliminado para recuperar el estado inicial
\n";
    } else {
        echo "imap_deletemailbox en el nuevo buzón falló: " . implode("
\n", imap_errors()) . "
\n";
    }
 
} else {
    echo "no se pudo crear un nuevo buzón: " . implode("
\n", imap_errors()) . "
\n";
}
 
imap_close($buzon);
?>

Espero que les funcione yo lo probé y si me funciono.

Saber si el año es Bisiesto en PHP

miguelortega — Mon, 02 Nov 2009 19:29:31 +0000

Saber si el año es Bisiesto con PHP

Con este sencillo codigo podemos saber si el año es bisiesto o no con php, esto nos puede servir algún día espero que les ayude en algo.

Primero hacemos la funcion donde decimos si es 29 de febrero


function Bisiesto($anyo){
	return checkdate(02,29,$anyo);
}
$actual = date("Y");
$sig = $actual+1;
if(Bisiesto($actual)){
	echo $actual." es bisiesto
";
}else{
	echo $actual." no es bisiesto
";
}
 
if(Bisiesto($sig)){
	echo $sig." es bisiesto
";
}else{
	echo $sig." no es bisiesto
";
}
?>

Espero que les sea de utilidad.
Saludos.

Intercambiar los colores con X filas en Php

miguelortega — Mon, 02 Nov 2009 19:23:53 +0000

Colorear filas con php [Efecto Zebra]

A la hora de hacer listados, puede darse el caso que la legibilidad de las filas no sea buena, por lo tanto sera conveniente usar dos colores diferentes de background para cada fila, de manera que se vayan intercalando y la legibilidad sea buena. Como hacemos esto? Pues una de las maneras más elegantes es usar el operador ternario.

Aquí les dejo el codiguito:


$color = "#000000";
$i = 0;
while ($i < 10) 
{
   $color = ($color == "#000000") ? "#FFFFFF" : "#000000";
   echo $color."
";
   $i++;
}
?>

Dejen sus comentarios!!!

Evitar la Cache de los Navegadores con php

miguelortega — Mon, 02 Nov 2009 19:20:36 +0000

No guardar cache con PHP

Este es un tip muy útil, es como evitar que el navegador guarde en cache tu web,y así puedan visualizar los usuarios en tiempo real el contenido de tu web..

Este es el codigo


header( "Expires: Mon, 26 Jul 1997 05:00:00 GMT" );  // disable IE caching
header( "Last-Modified: " . gmdate( "D, d M Y H:i:s" ) . " GMT" ); 
header( "Cache-Control: no-cache, must-revalidate" ); 
header( "Pragma: no-cache" );
?>

Espero que les sea útil.

Copiar archivos remotos con PHP

miguelortega — Mon, 02 Nov 2009 18:43:51 +0000

Copiar archivos remotos

Si necesitas hacer una copia de un archivo remoto a tu servidor, con php es posible con un sencillo codigo, de echo a mi me hacia falta ese código y anduve investigando.

Usa la funcion file_get_contents() y file_put_contents() para leer un archivo remoto y escribir su contenido en un archivo local


// incrementamos el limite de ejecucion para este script
ini_set('max_execution_time', 600);
 
// definimos la URL del archivo a descargar
$ArchivoRemoto = "http://zoneartcss.com/archivo.zip";
 
// definimos el nombre de la copia local
$ArchivoLocal = "el_mio.zip";
 
// Leemos el archivo remoto
$datos = file_get_contents($ArchivoRemoto)
    or die("No se piede leer el archivo remoto");
 
// Escribimos los datos en el archivo local
file_put_contents($ArchivoLocal, $datos)
    or die("No se puede escribir el archivo local");
 
// Mostramos un mensaje de confirmacion
echo "El archivo [$ArchivoRemoto] fue copiado a [$ArchivoLocal]";
 
?>

Espero que le sea de utilidad, saludos.

Siguenos en Twitter y Facebook!!!

Liz Palacios — Fri, 30 Oct 2009 04:08:14 +0000

Siguenos en Twitter y se fan en Facebook

Holas!!!

Aqui les dejo los links de nuestra Pagina en Facebook y Twitter!!!

Se Fan en: Facebook.
Siguenos en: Twitter.

Como vincular un html con Css

miguelortega — Fri, 14 Aug 2009 19:40:46 +0000

Separando el CSS del HTML

Hay veces que te dan dudas de como poder agregar estilos a tu página Web. Hay varias maneras de poderlos agregar y aqui en este pequeño tutorial basico te enseñaremos como.

La primera Forma es agregando el css directo desde tu página html, normalmente los editores domo Adobe Dreamweaver asi lo agregan, veamos el ejemplo siguiente:

Ejemplo 1:


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">

</style></head>
 
<body>
ZoneArtCss - www.zoneartcss.com
</body>
</html>

Pero el problema esta cuando ese mismo estilo lo vas a utilizar en varias paginas, tendrias que copiar y pegar varias veces el codigo css y por lo tanto pesará mas tu web. La solucion seria que crees un archivo llamado por ejemplo “style.css” en donde scribiras tus estilos y acontinuacion en tu condigo html lo vinculas con el siguiente codigo:

Ejemplo 2:


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
 
<link rel="stylesheet" href="style.css"  type="text/css" />
 
</head>
 
<body>
</body>
</html>

Con este ejemplo podras cargar todos tus estilos en un solo archivo sin ningun problema, es mas facil buscar los estilos cuando tienes un proyecto grande y sabes que en un solo archivo se encuentran los estilos.

Espero que les sea util.

Crea tu barra de Herramientas para tu radio por internet

miguelortega — Sat, 18 Jul 2009 20:07:41 +0000

Navega a todos lados escuchando Radio

Esta aplicación es muy interesante para todas aquellas paginas que son radio por Internet y desean que sus usuarios tengan la facilidad de poder escuchar su radio en cualquier momento en que esten navegando.

Esta aplicación es muy interesante, solo tienes que registrarte en Conduit y podras crear tu barra de radio y generar un instalador para que tus usuarios la descarguen.

Le puedes agregar diferentes funcionalidades entre ellas lector de feed, reproductor de radio shoutcast, reproductor de video streaming, buscador de google, notificador de correos y demas.

Caracteristicas:

	Powerful Search Búsqueda Potente	Powered by Google Powered by Google Add any custom search Añadir cualquier búsqueda personalizada
	Branding and Design Marca y Diseño	Logos, icons and images Logotipos, iconos e imágenes Labels and spacers Etiquetas y separadores
	RSS Readers Lectores de RSS	Always–on and up–to–date Siempre-y hasta la fecha Easily add all your feeds Añadir fácilmente todos tus feeds
	Radio Player Radio Player	Podcasts and streaming audio Podcasts y streaming de audio All popular media file formats Todos los medios de comunicación populares formatos de archivo
	Floating Gadget Boxes Cajas flotantes gadget	Add all your gadgets Añadir todos tus gadgets Persistent / floating / minimize Persistente / flotantes / minimizar
	Web Gadget Libraries Web de Bibliotecas de gadgets	Hundreds provided off–the–shelf Cientos siempre fuera de la plataforma Add from other libraries too Añadir también de otras bibliotecas
	Toolbar Gadget Boxes Cajas de herramientas de gadget	Push your site to the toolbar Empuje su sitio a la barra de herramientas Any content or application Cualquier contenido o la aplicación
	E–mail Notifier E-mail Notificador	Notifications of incoming mail Notificaciones de correo Configurable for any E–mail Configurable para cualquier E-mail
	Weather Tiempo	Available in any language Disponible en cualquier idioma Current and forecast Actual y las previsiones
	Community Conversations Conversaciones Comunidad	Chat for you & your subscribers Chat para que usted y sus usuarios Community message board Foro de la comunidad
	News Tickers Noticias Tickers	Visibly scroll news feeds Visiblemente desplazarse de noticias Scrolling text and links Desplazamiento de texto y enlaces
	Pop–up Blocker/Privacy Bloqueador de elementos emergentes de privacidad	Block annoying pop ups Bloquea molestos pop ups Cookie and history cleanup La limpieza de cookies y la historia
	Link Menus Enlace Menús	Organize with multiple layers Organizar con múltiples capas Pre–defined or dynamic items Pre-definidos o elementos dinámicos
	Buttons Botones	Link to any web page Enlace a cualquier página web Launch gadgets and apps Lanzamiento de los gadgets y aplicaciones

Espero que les sea de ayuda y que empiesen a promocionar al maximo su Radio por Internet!!

¿Problemas con la subida de archivos en Php?

miguelortega — Fri, 10 Jul 2009 21:33:16 +0000

Si alguna ves en tu vida de programador en php te has encontrado con la necesitadad de programar una paginita para subir archivos desde php a tu web, pero la gran sorpresa que te llevaste fue que solo pudias subir 2Mg, “LA CONGIDURACIÓN DEL PHP.INI” , el maximo de subida esta predeterminado a 2Mg.

Y para colmo desde tu webhosting no tienes como modificar el php.ini

Eso si es mala suerte..

Pero la solucion es que en tu archivo de subida php escribes en la parte superior el siguiente codigo y con eso podras subir alchivos mas pesados.

1	ini_set('upload_max_filesize','400M');

Y tu Problema ha sido resuelto.

AAAAAAAAAA pero un mayor problema, como el archivo es pesado el tiempo de ejecución se termina!! y te marca el error nuevamente

La sulución aquí tambien esta!!

1	ini_set('max_execution_time','1000');

Estos son algunos detalles más para que no pases angustias intentando subir archivos pesados.

* post_max_size: tamaño máximo de datos enviados por POST.
* upload_max_filesize: tamaño máximo para subir archivos.
* max_execution_time: tiempo máximo de ejecución de cada script en segundos.
* max_input_time: tiempo máximo para analizar la petición de datos.

Un ejemplo más:

ini_set('post_max_size','100M');
ini_set('upload_max_filesize','400M');
ini_set('max_execution_time','1000');
ini_set('max_input_time','1000');

Cualquier duda deja tus comentarios o mentadas aqui abajito!!

Descargar Archivos con Php desde mi Web

miguelortega — Tue, 07 Jul 2009 19:54:59 +0000

Este es un tip bueno pero no tan bueno 2 que 3, nos sirve cuando tenemos una web en donde deseamos que nuestros visitantes puedan descargar ciertos archivos que tengamos en Flv, mpg, gif, jpg ….etc… Este es un comodo codigo en php para que puedas hacer una descarga facil.

Ten cuidado con utilizar este codigo por que algunas personas pueden hacer mal uso de ello y pueden descargar por ejemplo un archivo de configuracion que tengas, en donde contenga el usuario y password de tu base de datos.


$nombre_archivo="video.flv";
$enlace = "videos/09/$nombre_archivo";
 
header ("Content-Disposition: attachment; filename=".$nombre_archivo."\n\n");
header ("Content-Type: application/octet-stream");
header ("Content-Length: ".filesize($enlace));
readfile($enlace);
?>

Saludos!!

Galeria de Images 3D en Mootools para tu Web :)

miguelortega — Mon, 06 Jul 2009 19:52:40 +0000

Esta es una buena galeria para su web, esta está echa con javascript y css… Si esta medio fresona, por que a las fotos les agrega automaticamente un degradado(lamentablemente ese degradado solo funciona en Firefox, Chrome, Opera y demas, pero menos en el iexplorer.)

Pus ya a empesar..

El primer paso es agregar las librerias siguientes te dejo el link para descargarlas:
mootools-1.2.1-core-yc.js
mootools-1.2-more.js
pbb-magicwheel-1.0.js

1
2
3