93.160 lecturas 10 comentarios

Centrar un Div en Pantalla

Una vez me dio problemas una Web donde necesitaba precisamente esto.

Si necesitáis poner totalmente centrada una capa en el navegador, aquí tenéis el código. Eso si, debe ser una capa de tamaño fijo…

div {
position: absolute;
top: 50%; /* Buscamos el centro horizontal (relativo) del navegador */
left: 50%; /* Buscamos el centro vertical (relativo) del navegador */
width: 600 px; /* Definimos el ancho del objeto a centrar */
height: 400px; /* Definimos el alto del objeto a centrar */
margin-top: -200px; /* Restamos la mitad de la altura del objeto con un margin-top */
margin-left: -300px; /* Restamos la mitad de la anchura del objeto con un margin-left */
}

¡Podéis ver el artículo completo en la Web Ateneupopular.com (Tenéis enlace en la columna derecha también) si necesitáis más detalles!

Tutorial completo Ver Contenido

5.554 lecturas 1 comentario

Subir archivos grandes con Form

Seguro que todos los que os dedicáis al dev. os habéis encontrado numerosas veces con el problema de no poder subir archivos muy grandes al servidor sin que antes pete.

Muchos lo solucionan dando acceso al cliente al FTP o con otras medidas poco seguras.

Modificando el archivo HTACCESS podéis evitar el problema.

1º Creáis el archivo .htaccess
2º Escribís las lineas:
php_value upload_max_filesize 20M
php_value post_max_size 20M
php_value max_execution_time 200
php_value max_input_time 200

Ese ejemplo os permitirá subir archivos hasta de 20MB sin que el servidor de un timeout.

4.988 lecturas 0 comentarios

Formulario con Autocompletar

Todo lo que ayude a una interfaz más cómoda y rápida es necesario. Prueba de ello son los, tan de moda, formularios con autocompletar (Véase ebay y ciertas redes sociales).

En enlace siguiente hay algunos ejemplos y tutoriales para hacer formularios que autocompletan las búsquedas al estilo de yahoo, facebook, etc. y fácilmente customizables.

Ver Contenido

Normalmente usan Jquery o Frameworks parecidos. Toca destripar código.

19.998 lecturas 2 comentarios

PHP: Clase Paginador

Una clase cómoda y flexible para quitarnos trabajo a la hora de hacer un paginador en PHP.

Podéis descargar el código y el manual del archivo adjunto.

– Archivo Adjunto: paginador.zip

4.380 lecturas 0 comentarios

Gráfica en PHP

En el archivo adjunto podéis descargar el código necesario para hacer gráficas como la de la Demo Ver Contenido

Si necesitáis más información para customizar la gráfica podéis visitar este tutorial:

Tutorial Ver Contenido

– Archivo Adjunto: demo.zip

6.693 lecturas 1 comentario

Gestión de proyectos y tareas

Collabtive es un software libre que te permitirá llevar la gestión de tú grupo de trabajo.

Entre las opciones más destacadas cuenta con control de Tareas, proyectos, usuarios, chat, Calendario, horarios, gestión de entregas y una interface en Ajax muy útil y vistosa.

Requiere un servidor con PHP5 para funcionar y, entre otros, soporta idioma español.

Descárgalo Ver Contenido

18.965 lecturas 6 comentarios

Slider de noticias automático

Este recurso Javascript puede ser muy útil para potenciar la imagen de las últimas noticias y contenidos.

Había visto cosas parecidas en Flash con XML (vease meristation.com), pero sin duda alguna este código me parece mucho más versátil.

Podéis ver una demo aquí: Ver Contenido

Y descargarlo desde el archivo adjunto.

– Archivo Adjunto: fcslider.zip

4.906 lecturas 0 comentarios

Easy Slider. Mueve contenidos

El Javascript está de moda y este recurso que les presento a continuación es uno de los más utilizados en los nuevos Blogs y Webs 2.0.

Se trata de un código en JQuery que permite desplazarnos dentro de un mismo DIV entre contenidos mediante activadores.

Este código que os adjunto tiene la ventaja que viene «pelado», así os será mucho más fácil de estudiar e implementar.

Demo 1: Ver Contenido
Demo 2: Ver Contenido
Demo 3: Ver Contenido

– Archivo Adjunto: easySlider.zip