Códigos Fuente de CSS

Mostrando del 1 al 10 de 67 registros
<<>>
Imágen de perfil

Poner un texto encima de una foto en la parte inferior de la misma


CSS

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 29 de Junio del 2016 por xve
656 visualizaciones desde el 29 de Junio del 2016. Una media de 154 por semana
este simple código, muestra como poner un simple texto encima de una foto.

texto-pie-foto
Imágen de perfil

radio button con formato personalizado


CSS

Publicado el 17 de Junio del 2016 por xve
517 visualizaciones desde el 17 de Junio del 2016. Una media de 84 por semana
Este código de CSS, muestro como modificar el formato de un radio button por uno definido por nosotros mismos.

radio-css-personalizado
Imágen de perfil

Checkbox con formato


CSS

Publicado el 06 de Mayo del 2016 por xve
836 visualizaciones desde el 06 de Mayo del 2016. Una media de 70 por semana
Este código de CSS, muestro como modificar el formato de un checkbox por uno definido por nosotros mismos.
Podemos definir que el texto quede tachado al estar seleccionado.

checkbox-con-formato
Imágen de perfil

Utilización de sprites con CSS3 manteniendo el title (tag) de la imagen


CSS

Actualizado el 11 de Abril del 2016 por Xavi (Creado el 06 de Septiembre del 2013)
3.585 visualizaciones desde el 06 de Septiembre del 2013. Una media de 28 por semana
La utilización de sprites, es una técnica para mejorar la velocidad de carga de las páginas webs. Esta técnica consiste en colocar en una sola imagen todo el conjunto de imágenes que vayamos a utilizar en nuestra web, para luego ir cogiendo la parte de la imagen que necesitemos mostrar.
Funciona en todos los navegador a excepción de IE8 y anteriores.
Imágen de perfil

Crear un salto de pagina al imprimir nuestra web


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 19 de Marzo del 2016 por xve
799 visualizaciones desde el 19 de Marzo del 2016. Una media de 42 por semana
En este simple código, se visualiza como crear un salto de página cuando vayamos a imprimir nuestros reportes o documentos desde nuestra página web
Imágen de perfil

Centrar un div


CSS

estrellaestrellaestrellaestrellaestrella(13)
Actualizado el 10 de Noviembre del 2015 por Administrador (Creado el 27 de Octubre del 2007)
173.366 visualizaciones desde el 27 de Octubre del 2007. Una media de 385 por semana
Código que muestra como centrar un div en el centro de la pantalla, tanto verticalmente como horizontalmente.
Probado en IE 5,6,7, Firefox 2 y Opera 9.
Imágen de perfil

Centrar un texto vertical y horizontal dentro de un div


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 10 de Noviembre del 2015 por xve
1.145 visualizaciones desde el 10 de Noviembre del 2015. Una media de 35 por semana
Este simple ejemplo, muestra como centrar de manera horizontal y vertical un texto dentro de un div

texto-centrado-vertical-y-horizontal-dentro-de-un-div
Imágen de perfil

Poner un vídeo de youtube encima de una imagen


CSS

Publicado el 22 de Octubre del 2015 por xve
1.333 visualizaciones desde el 22 de Octubre del 2015. Una media de 35 por semana
Este código posiciona un vídeo de youtube encima de una imagen de un monitor, simulando que el vídeo se emite desde una pantalla dentro de la web.

youtube-over-image


Este código lo he desarrollado para contestar una pregunta del foro de HTML.
Imágen de perfil

Animación en CSS3 que muestra como inclinar el logo de izquierda a derecha mientras esta el ratón encima


CSS

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 22 de Octubre del 2015 por xve (Creado el 12 de Octubre del 2015)
1.106 visualizaciones desde el 12 de Octubre del 2015. Una media de 28 por semana
Este simple código muestra como mover de izquierda a derecha el logo mientras tenemos el ratón encima de la imagen de manera indefinida.
Imágen de perfil

Mostrar el contenido de un iframe utilizando un porcentaje de la pantalla


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 09 de Agosto del 2015 por xve
1.671 visualizaciones desde el 09 de Agosto del 2015. Una media de 35 por semana
Como en la definición de un iframe no se puede poner un valor con porcentaje, aquí se muestra la manera de como hacerlo añadiendo el iframe dentro de un div.
Es muy útil para utilizar en diseños responsive.

Este ejemplo, muestra como utilizar dos iframes que ocupen el 20% y 80% de la pantalla.