Seleccionar página

CARGA DE IMÁGENES

Puedes ver en el repositorio de Github el código de muestra para poder implementar un cargador de imágenes PHP. Al final del mismo, figura un enlace a la DEMO del Cargador de Imágens, por si quieres probar y ver como funciona.

 Repositorio de GitHub Carga de Imagen

En resumen se trata de crear dos archivos PHP: index.phpupload.php. El archivo index.php contiene el código que es responsable de mostrar el formulario de carga de archivos. Por otro lado el archivo upload.php es el responsable de cargar un archivo en el servidor. El archivo o imagen irá a la carpeta o directorio con el nombre uploaded_files.

Es importante que restringas el tipo de archivo que se puede cargar, a ciertas extensiones. En este ejemplo solo se permiten un conjunto de extensiones del tipo «jpg, «gif», «png», «zip», y «txt»

TARJETA DE PRESENTACIÓN

¿Cómo hacer una tarjeta personal? Para diseñar una tarjeta personal, hay que seguir algunos consejos básicos:1. Recuerda los principios básicos de diseño…2. Se creativo dentro de las restricciones…3. Utiliza acabados especiales…4.Troquelado en tu tarjeta…5. Prueba materiales inusuales…

Todo eso es recomendable, pero si puedes presentarte en Internet, con una Tarjeta de Presentación Especial, eso sí sería francamente fantástico. Vamos a ver y a descargar si así lo quieren, una Tarjeta de Presentación En Línea.

Tarjeta CEO

Descargar

Cómo mostrar código HTML en una página web?

Si necesita aprender a mostrar código HTML, CSS, etc., en su Página Web, le ofrecemos una solución sencilla y limpia para realizar esta función. Abra el siguiente enlace y verá lo fácil que resulta utilizar nuestro Tutorial.

CODIGO VISOR HTML

BOTÓN CON ESTILO CSS

Es posible que haya visto estos botones giratorios 3D antes. Este es particularmente bueno porque está hecho exclusivamente en CSS y porque tiene dos «cubos» que giran en diferentes direcciones.

DEMO

Instrucciones:1. Copia el código CSS entre las etiquetas style de tu página web. 2. Copia el código HTML en el lugar donde quieres poner el botón. Si experimentas algún problema, siempre puedes copiar todo el código HTML de la página de DEMOSTRACIÓN.

UNIVERSO AZUL

Un viaje a un Universo Azul en 3D hacia el Infinito.

Universo Azul

TEMA HTML BÁSICO

Estás buscando un tema responsive, aquí puedes ver uno en acción, y que puedes descargar para crear tu propio sitio web personalizado. El tema tiene una página de error 404 muy original que podrás ver a continuación. También tiene un Formulario de Contacto completamente funcional para que no tengas necesidad de buscar código PHP, para poder conectar el Formulario.

En los siguientes enlaces puedes ver la DEMO del TEMA BASE HTML en funcionamiento; la Página de Error 404 en funcionamiento, y el enlace de descarga del archivo.zip completo del directorio.

TEMA BASE

PÁGINA ERROR 404

DESCARGAR

REPRODUCTOR DE AUDIO SIMPLE

Si te gusta la música, te gustará este Reproductor de Audio Simple. Un complemento que da forma al Reproductor de Audio por defecto de los Sitios Web. Prueba la DEMO, y haz clic en el enlace DESCARGA, si quieres guardarlo en tu escritorio. Podrás utilizarlo en tu Proyecto.
DEMO

DESCARGAR

       EJEMPLO DE CREACIÓN DE MENÚ HORIZONTAL EN CSS: INLINE-BLOCK Y FLOAT

Como primer recurso utilizaremos y aprenderemos a crear un menú horizontal a partir de dos estrategias CSS:

  1. La primera mediante el uso de la propiedad inline-bloc.
  2. La segunda mediante el uso de floats.

El código HTML usado en los dos casos es el siguiente: 

       <nav><ul>

                         <li><a href=»#»>Inicio</a></li>

                         <li><a href=»#»>Contenidos</a></li>

                         <li><a href=»#»>Recursos</a></li>

                         <li><a href=»#»>Blog</a></li>

       </ul></nav>

       ESTRATEGIA MEDIANTE INLINE-BLOCK

           nav a{

               text-decoration:none;

               color:inherit;

               font-size:14px; }

               nav li{

               display:inline-block;

               width:10%;

               padding:5px 10px;

               background-color:#000;

               border:1px solid #000;

               text-align:center;

               color:#fff;

               }

               nav li:hover{

               background-color:#fff;

               color:#000;

               } 

       ESTRATEGIA MEDIANTE INLINE-BLOCK

                   nav li {

                float:left;

                with:10%

                padding:5px 10px;

                background-color:#000;

                border:1px solid #000;  

                                    text-align: center;

                color:#fff;

                }