:: Recursos Web ::

Formas css

Formas CSS


A continuación te dejamos una serie de recursos que te ayudaran a armar y perfeccion la visualización y caracterización de tu sitio web, son trucos CSS simple y complejos pero que marcaran la diferecia en tu pagina web.
- Recuerda que todos los recursos ofrecidos son gratuitos y sin previo registros!

[ Recursos disponibles ]

Rotar imágen y redondear con css

- Fecha: 12-04-2015 - Garantia: Si

Te dejamos este genial efecto en CSS3 hará girar en 360° tu imágen y demás redondeará la imágen. Es muy facil de implementar y de modificar a tu medida.


Rotar imágen con Css

- Fecha: 05-04-2015 - Garantia: Si

Unas de las mejoras que trae CSS3 es incluir efectos en las imágenes, y eso hace este código, crea el efecto de girar en 10° la imágen cuando pasas el cursor sobre ella. Puedes darle la rotación que tu desees si sabes utiliza CSS.


Texto sobre imágen más zoom

- Fecha: 01-09-2014 - Garantia: Si

Dale una mejor impresión a tus imágenes con este efecto en css, y además agrega una descripción o un título a la imagen. Cuando el usuario pase el cursor por encima de la imagen aparecerá el título que le des y además la imagen dará un zoom.


Menu 3D Flip

- Fecha: 04-06-2014 - Garantia: Si

Menu 3D Flip es un recurso muy util y eficiente al momento de querer mostrar link's que no se invasivo, ya que al hacer click en un boton aparecera el menu, y lo puedes cerrar facilmente.


Tag Estilo Taringa

- Fecha: 18-09-2013 - Garantia: Si

Si en tu sitio web te gusta hacer referencia o etiquetar las entradas te dejamos este estilo de tag para que le des un "Toque" a los enlaces, tambien lo puedes usar como menu.


Texto sobre imágen 2

- Fecha: 25-08-2013 - Garantia: Si

Este es el segundo recursos donde puedes colocar un texto sobre una imágen, la diferencia que el texto va en el pie de la imágen con un poco de opacidad. Puedes jugar con el css y modificarlo a tu gusto.


Texto sobre imágen

- Fecha: 09-08-2013 - Garantia: Si

Este es un simple recurso para escribir sobre las imágenes, este es un codigo muy sugeridos por nuestros usuarios por ese motivo les dejamos dos formas de hacer este truco.


Dividir contenido en dos columnas

- Fecha: 26-07-2013 - Garantia: Si

Para darle un mejor estilo a tus publicaciones puedes dividir el contenido en dos columnas, este codigo te ayuda a hacer esa función. Es un codigo muy simple, pero que te ayudara de gran manera.


Efecto Blur CSS

- Fecha: 20-07-2013 - Garantia: Si

El efecto blur es un muy buen recursos para exhibir en tu sitio, le da un efecto con sombra al texto que tengas, muchos lo utilizan para los titulos en sus paginas o en textos destacados.


Rollover Menu

- Fecha: 01-04-2013 - Garantia: Si

Este menu da un estilo de persiana de abajo hacia arriba danlo que un tque unico a tu menu, No es un codigo complicado de editar, muy simple y efectivo.


Texto Neon CSS

- Fecha: 02/11/2011 - Garantia: Si

Dale un muy buen efecto a tus texto y titulos, el efecto de neon es muy utilizados en las pagina con el fondo de color oscuro, pero puedes utilizarlo donde quieras.
PD: No apto para algunas versiones de Internet Explorer..


Menu circular con CSS

- Fecha: 15/01/2011 - Garantia: Si

Un truco interesante de CSS es la creación de "círculos", mediante la propiedad border-radius CSS3 que es ajustado a un valor muy grande: Al hacer esto, la frontera de cada una de las cuatro esquinas de los elementos se funden en un borde redondo continuo.


Visor de pop up imagen

- Fecha: 05/07/2010 - Garantia: Si

Este es un truco con Css que al poner el cursor sobre la imagen se habre en tamaño grande la misma imagen. Es muy facil de implementar en tu web. Y tu puedes alegir el tamaño de las imagenes, es muy modificable.


Poner sombra en el contenido

- Fecha: 21/11/2009 - Garantia: Si

Este es un simple truco que permite poner sombra en los bordes de tus cuadros de contenido, dando un efecto 3d muy atractivo. Es facil de poner y enseguida te enseñamos. Puedes modificar los colores, y formas.


Cuadro de texto basico

- Fecha: 01/01/2009 - Garantia: Si

Este es un codigo basico que te servira para ordenar el contenido de tu web, es muy facil de implementar y muy util para publicar tu contenido favorito.


Imágenes burbujas

- Fecha: 17/09/2010 - Garantia: Si

Este es muy buen efecto que hace que al pasar el cursor sobre la imagen o icono, este se agrande automaticamente, asi le da un toque al estilo mac. Es muy facil de incorporar y editar.



Ya lo han visto 20 visitantes (681 clics a subpáginas) Gracias por tu visita!


Lo más reciente:

  • Z Slide, es un simple modo de presentar tus imágenes o tus titulares, es muy fácil de implementar y te ahorra espacio y le dará interactividad a tu sitio.
  • Esta Galería de vídeo permite colocar de una forma muy ordena vídeos de Youtube.com en tu sitio web, es muy fácil de instalar y se adapta a la resolución de la pantalla.
  • Este recurso le da un toque muy divertido al bloqueo del click derecho. Este recurso despliega una imagen central que con un mensaje que cubre toda la pagina.
  • Desde el 2014 en España por normativa todos los sitios web's debes emitir un anuncio donde se les advierta o indique a sus usuario el uso de cookies, y eso hace este recurso, mediante una barra el parte inferior de la pagina permite informar al usuario.
  • Te dejamos un código muy solicitado y de muy fácil implementación, es un cronometro con la función de dar un tiempo parcial. Esta hecho con Javascript, HTML, CSS.
  • Ahora con JQuery puedes expandir y contraer un cuadro de contenido sin tener que usar códigos extensos. Este es un muy buen recursos para utilizar en tu sitio web, y asi manejar bien los espacios de tu sitio.
  • Dejamos a tu disposición estos iconos futboleros que te permitiran compartir tus redes sociales en modo futboll, implementarlos es muy facil y se adaptan muy bien a distintos diseños.

En Twitter!