Códigos Fuente de CSS

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

Menú Vertical Fijo CSS


CSS

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 21 de Noviembre del 2016 por ScriptShow (Creado el 19 de Noviembre del 2016)
508 visualizaciones desde el 19 de Noviembre del 2016
Menú vertical de posición fija. Fue parte de un proyecto... Y, ha acabado en LWP por mención de Xve. En fin, aquí está.

menu-vertical


Espero sea útil.

Un saludo
Imágen de perfil

Responsive One Page Web 2.0


CSS

Publicado el 13 de Noviembre del 2016 por ScriptShow
516 visualizaciones desde el 13 de Noviembre del 2016
Web basada en una página adaptable y compatible con cualquier navegador web, tableta, smartphone, móvil, etc... Construida en HTML y CSS desde cero, sólo ocupa al completo 2,13 KB (2.187 bytes); por tanto, NO precisa Javascript, Librerías, Feamewoks, ni nada parecido. Es una estructura amplable sin límite. Se pueden añadir más páginas clonando parte del código y adaptándolo. Tiene un límite: ¡La Imaginación. Qué se le va a hacer!...
Imágen de perfil

Evitar la selección de texto con una Class CSS


CSS

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 25 de Octubre del 2016 por ScriptShow (Creado el 21 de Octubre del 2016)
612 visualizaciones desde el 21 de Octubre del 2016. Una media de 91 por semana
Class-CSS aplicable a diversos elementos para evitar que sean seleccionados.
Puede resultar práctico para texto que al clicar y mover en su zona, acabe seleccionado parcial o totalmente sin pretenderlo; algo poco estético.

Lo vemos en el código del ejemplo.
Imágen de perfil

Position Fixed vs Absolute


CSS

Publicado el 20 de Octubre del 2016 por ScriptShow
430 visualizaciones desde el 20 de Octubre del 2016. Una media de 63 por semana
Hay navegadores que no soportantan algunos atributos de CSS. Por ejemplo: IExplorer en versiones 5, 6, 7, ... que todavía se utilizan, no soportan total ó correctamente el atributo FIXED.
Aplicando la lógica justa, algo se puede hacer: Si un objeto, elemento de la estructura HTML lo posicionamos de forma absoluta con respecto la etiqueta superior, éste quedará "fijo" dentro de ella; sin inmovilizamos la etiqueta HTML, que ya es casi fija de por si, los elementos contenidos con atributo absolute quedarán "fijos". Pero mejor lo vemos en el código.
Imágen de perfil

Botón con efecto sombra


CSS

Actualizado el 13 de Octubre del 2016 por ScriptShow (Creado el 08 de Octubre del 2016)
692 visualizaciones desde el 08 de Octubre del 2016. Una media de 84 por semana
Utilizar una clase para conseguir un efecto sombra con relieve en objetos, elementos, etc.
Es muy sencillo y no precisa de librerías de terceros. Con una sola clase CSS3 y algo de estilo aplicado a un botón, así de simple.
Imágen de perfil

Simple Reveal Background Scroll


CSS

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 08 de Octubre del 2016 por ScriptShow
540 visualizaciones desde el 08 de Octubre del 2016. Una media de 63 por semana
Simple código que permite un efecto reveal de fondos en puro CSS. Sin JavaScript, sin librerías; totalmente compatible con nuevos, antiguos navegadores y demás dispositivos. Adaptable con escasos cambios a diferentes proyectos.
Imágen de perfil

Top Menu Responsive


CSS

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 05 de Octubre del 2016 por ScriptShow (Creado el 04 de Octubre del 2016)
746 visualizaciones desde el 04 de Octubre del 2016. Una media de 84 por semana
Un sencillo menú horizontal compatible con la mayoría de dispositivos y navegadores actuales.

Con muy pocas líneas de código, se pueden conseguir atractivos efectos.
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
1.789 visualizaciones desde el 29 de Junio del 2016. Una media de 84 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

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 17 de Junio del 2016 por xve
644 visualizaciones desde el 17 de Junio del 2016. Una media de 28 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
982 visualizaciones desde el 06 de Mayo del 2016. Una media de 35 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