Codigos css
Ultimos Codigos
C# : Detectar si una cadena esta codificada con Base64 ...
05-04-2009 16:04:08 - Visitas: 3419
una funcion que puede sernos muy util para detectar si una cadena esta encriptada o es base64 ...
Base 64 es un sistema de numeración posicional que usa 64 como base. Es la mayor potencia de dos que puede ser representada usando únicamente los caracteres imprimibles de ASCII. Esto ha propiciado su ...
Sencillo codigo que nos permite convertir un valor o cadena a md5 ...
Es importante entender que los operadores tienen una prioridad, pero no es esencial memorizar la prioridad.Priorida d es el orden en el que un programa ejecuta las operaciones en una fórmula. Si un o ...
Con el uso de sizeof() obtenemos el tamaño de un valor. ...
El ejemplo muestra un listado de caracteres ascii en decimal ...
C & C++ : Imprime los valores del código ascii en decimal, hexadecimal y octal de todos los caracteres ...
05-04-2009 15:24:43 - Visitas: 7057
Imprime los valores del código ascii en decimal, hexadecimal y octal de todos los caracteres ...
Mediante esta funcion conseguimos la diferencia de la division entre dos valores numericos ...
Mediante esta funcion conseguimos obtener el resultado de la resta de dos numeros ...
Sencillo codigo que nos permite multiplicar 2 valores numericos ...
Màs
Color de Barra desplazadora - Scroll
Con este simple codigo conseguimos cambiar el color de la barra desplazadoraSiguie ndo este enlace podrás personalizar tu códigohttps://www.t utores.org/tutores/h erramientas/color_sc roll.asp?set=
Borde de pagina
Para crear un borde para la pagina. En la seccion de heramientas podras encontrar una pagina autocreadora de este css.
Simple cambio de color de enlaces
Para lograr que los hipervínculos cambien de color cada vez que pasamos el mouse por encima de ellos, será necesario insertar esta pequeña porción de código dentro de las marcasy de nuestra página
Como cambiar la apariencia de un botón
Mostramos dos diferentes formas de cambiar la apariencia de los aburridos botones.en el segundo ejemplo cambiamos el borde, los cuales tambien afectan a menúes desplegables, botones, cajas de text
Posicionamiento de Imagenes
Con este script conseguimos colocar las imagenes en la posicion que deseamos.
Texto iluminado
Con este simple script ayudado por javascript hacemos que un texto se ilumine al pasar el mouse por encima.
Efecto sombra a imagenes y texto
Con unas simple lineas de codigo podemos agregar una sombra o efecto rapidez a nuestras imagenes o textos en una pagina.
Resaltando primera letra de una frase
Con este metodo conseguimos resaltar la primera letra de una fraseBasta con incluir class="myparagr aph"al principio de cada texto que queramos resaltar.
Resaltando primera linea de un texto
Si lo que queremos es resaltar la primera linea de unas noticias o simplemente de un texto utilizaremos este script.
Enlace sin subrayado
Eliminamos el subrayado de los enlaces en nuestra pagina.
Fondo en tabla
Sencillo metodo de mostrar una imagen de fondo en una tabla utilizando css
Texto sobre texto
Este script muestra la forma de hacer un tipo de grafico sin necesidad de utilizar imagenes.
Cambio de color en enlaces
El codigo css es la forma mas facil de personalizar tus enlaces, colores, linea debajo de los enlaces.
Llamada a un archivo .css externo
Llamada a un archivo .css externo
Elija un puntero a su gusto
Elija un puntero a su gusto
Impedir imprimir la pagina
Estas simples lineas de condigo impiden que el visitante imprima nuestra paginaEste codigo Css funciona con casi todos los navegadores
Proteccion de imagen
Protegemos imagenes en nuestras paginas.El funcionamiento es secillo puesto que creamos una imagen sobre otra, el visitante al intentar Tomarla prestada, copiara, la imagen que esta encima, no la q
Colorear lista desplegable
Mostramos una lista deplegable alternando colores.debemos modificar #opt1{backgrou nd-color:#CCC;#opt 2{background-color :#FF0;con los colores que deseemos
Efecto Inflado
Divertido efecto para nuestras paginas, el cual muestra un texto inflado
Efecto iluminado
Para resaltar palabras o frases en nuestras paginas podemos utilizar este efecto
Coloreando la barra de Scroll
El mas simple metodo de colorear la barra de scroll
Filtro alfa de trasparecncia
Con este efecto conseguimos aplicar transparencias o efecto Alpha a textos imagenes etc..
Justificar o alinear textos
Mostramos una forma secilla de alinear textos con css.
Fondo estatico
Para crear una pagina con el fondo estatico utilizando css, no se desplaza al mover la barra de desplazamiento.
Imprimir pagina en horizontal
Con este codigo conseguimos que al imprimir la pagina se haga con el papel en horizontal
Efecto rayos x en imagen
Conseguimos un efecto rayos x con la simple aplicacion de un estilo
Invertir colores de una imagen
Con una simpleinstruccion conseguimos invertir todos los colores de una imagen
Imagen en fondo de area de texto - Textarea
Para decorar un poco mas nuestra web, podemos incluir este codigo Css o de estilo en nuestra pagina. todo campo de texto aparecerá con una imagen de fondo.
Efecto roll over de imagen en campo de texto
Este script consigue en un campo de texto cambie la imagen de fondo al pasar el mouse por encima.
Imagen - Boton 3 estados interactivo
Este ejemplo muestra una imagen, la cual imita el efecto de un botón de tres estados, modificandose al pasar el mouse por encima, al pulsar y al retirar el mouse con la ayuda de javascript
Enlaces de colores degradables
Muestra enlaces con distintos colores y modificar segun el raton este encima, pulsando o bien el enlace esté activo.
Redondear esquinas de una tabla
Para dar un poco mas de diseño a nuestras paginas y redondear las esquinas de las tablas podemos utilizar es estilo.cssEsta hoja de estilo solo funciona con nn6 y mozilla
Redondear botones y campos de texto
Con solo agregar este css a tus paginas podras obtener bonitos resultados en el diseño de tus paginas, redondeando las esquinasd e los campos de texto y botones, ademas de darles color de fondo, tipo
Eliminar scroll y borde de campo de texto
Este codigo consigue eliminar el borde y la barra de scroll de los campos de formulario. Mostramos 23 ejemplos, el primero elimina el borde y el segundo tambien elimina la barra de scroll
Mostrar cursor personalizado
Para dar un poco mas de diseño a nuestras paginas podemos modificar el cursor del raton con una imagen creada por ti mismo.
Decidir que queremos imprimir en una pagina
Este script puede ser bastante util a la hora de ofrecer paginas para impresion, puesto que con solo agregar el script e indicar mediante class="noprint& quot;a una determinada zona, evitamos que
Campo de texto en negritas - bold
Sencillo metodo de condeguir que en un campod e texto se muestren en negrita.
Incluir un archivo Css externo
Para no tener que insertar nuestros estilos en todas nuestras paginas, basta con crear un archivo ej. estilo.css e incluir esta linea en todas las paginas donde quieras aplicar el estilo.
Cajas de texto transparentes
Para dar un poco de mejor diseño a nuestros formularios, podemos utilizar este codigo, que convierte a transparente cualquier campo de texto del formulario o de toda la pagina.
Eliminar linea de los enlaces en toda la pagina
Este codigo css elimina todas las lineas de subrayado de los enlaces en una pagina.
Imitar a una tabla con estilos css
Una forma de hacer el efecto de tabla pero sin utilizarla seria con la siguiente linea de codigo.Simplemente debemos modificar el texto y colores.
Mostrar solo scrollbar Vertical - no Horizontal
Para solo mostrar la barra de desplazamiento o scrollbar en vertical y esconder la barra Horizontal simplemente debemos agregar este estilo a los tags body de nuestras paginas.
Mostrar solo scrollbar Horizontal - no Vertical
Para solo mostrar la barra de desplazamiento o scrollbar en Horizontal y esconder la barra Vertical simplemente debemos agregar este estilo a los tags body de nuestras paginas.
Imprimir un archivo con estilo en el servidor
Para ofrecer la opcion de imprimir un archivo determinado utilizamos este codigo, el cual imprimirá un archivo el cual se encuentra en nuestro servidor imprimirlo con los estilos deseados.Debemos mo
Aplicando estilos a todos los campos de formulario
En el siguiente ejemplo vemos como aplicar estilos a los diferentes campos de formulario de una forma global, es decir, que todo campo de formulario que se encuentre en la pagina donde hayamos aplicad
Aplicar estilo a un formulario especifico
En este ejemplo mostramos dos formularios en la misma pagina uno con Id: colorido y otro Id: no_colorido.Como se puede observar el formulario colorido tiene el estilo aplicado, sin embargo el no_col
Alinear texto con imagenes
A la hora de poner un texto al lado de una imagen siempre tenemos el problema que el texto se pasa a la linea de abajo, por lo que muchas veces utilizamos una tabla para alinearlos.Este codigo consi
Texto decorado subrayado y tachado
Una de las formas de decorar un texto con tachado o subrayado seria utilizando este codigo, con el que no necesitariamos utilizar las etiquetas de html.Utilizariamos :Underline: subrayarLine-thro
Tabulacion de un texto
Para no tener que utilizar continuamente espacios en nuestro codigo este ejemplo nos sirve como tabulador.Consigue alinear las lineas que indiquemos, solo tenemos que indicar en la linea 3 el valor
Coloreado de un texto
Ademas de utilizar codigo html como font color=#ffffff este ejemplo consigue hacerlo con hojas de estilo css.
Principal color de texto de una pagina
Al agregar este codigo todo el texto de nuestra pagina aparecerá de color rojo.Al indicar en el estilo body estamos declarando que se aplicará a la totalidad de la pagina.
Coloreado de texto entre 2 o mas etiquetas
En el ejemplo mostramos como se puede colorear un texto que se encuentra entre 2 etiquetas que hemos predefinido, en este caso ( linea 3 ) P y BTodo texto que este entre las 2 etiquetas aparecerá co
Texto con efecto Sombra
Para dar un poco mas de vistosidad a nustras paginas y evitar insertar muchas imagenes, este codigo consigue mostrar un texto predefinido con efecto de sombreado.
Simple menu con Estilos Css
Este menu es altamente configurable y muy sencillo aunque tiene un efecto como resultado bastante asombroso.Podemos agregar tantos botones como queramos solo con incluir mas botones como aparecen en
Visualizacion de imagen fondo cualquier resolucion
Cuando queremos mostrar una imagen de fondo estatica esta es una de las mejores opciones para conseguirlo, utilizando hojas de estilo css.La mostramos centrada en la paginaTenemos que modificar la
Mostrar un texto en vertical
Mostramos un texto de modo vertical utilizando hojas de estilo.WRITING-MOD E: tb-rl
Subrayado de texto puntual
El codigo consigue subrayar un texto de forma puntualizada, es dedir _ _ _ _ _ _ _ Muy util para subrayados o efecto underline en nuestras paginas.En este caso lo subraya en rojo, aunque podemos m
Enlace dentro de un recuadro suspensivo
Para que nuestros enlaces aparezcan de forma suspensiva, este seria la forma de crearlos con hojas de estilo.
Uso de colores de fondo - background-color:
A continuacion detallamos varios de los usos que pueden darse a la propiedad background-color: body {background-color: purple} - Cuerpo de paginah1 {background-color: #990000} - Cabecerah2 {bac
Imagen de fondo en pagina - background-image:
Background-image: se utiliza para imagenes de fondo de pagina cuando lo ponemos en la etiqueta body.Tambien puede aplicarse a botones, campos de formularios etc...
Repetir imagen de fondo verticalmente
Con el uso de background-repeat: repeat-y podemos hacer que nuestra imagen de fondo se muestre vertical en el lado izquierdo de la pagina.
Repetir imagen de fondo horizontalmente
Si usamos background-repeat: repeat-x, la imagen de fondo que hayamos predeterminado se mostrará repetidas veces de forma horizontal.
Imagen de fondo centrada en el centro de pagina
el Script lo utilizamos si tenemos una imagen de fondo que queremos que aparezca de forma centrada en la pagina.
Todas las propiedades de fondo de pagina en una.
Con esta declaracion conseguimos aplicar todas las propiedades al fondo de nuestra pagina asi como:Color, Imagen de fondo fija, no repetida y centrada en la pagina.
Espacios entre caracteres - letter-spacing:
Para dar formato a nuestros textos, letter-spacing consigue controlar el espacio entre caracteres.
Alineacion de texto - text-align:
Mediante text-align: conseguimos alinear el texto de nuestras paginas.
Decoracion de textos - text-decoration:
Mediante text-decoration: podemos dar diefrentes tipos de decoracion a los textos de nuestras paginas.text-dec oration: overline - Linea encima del texto.text-decorat ion: line-through - Texto tac
Controla mayusculas y minusculas - text-transform
Para dar un control a nuestros textos sobre las mayusculas y minusculas aplicamos text-transform:t ext-transform: uppercase : Mayusculastext-tra nsform: lowercase : minusculastext-tra nsform: cap
Aplicar el tipo de letra - font-family:
Mediante font-family: podemos aplicar con estilos, el tipo de letra que deseemos a nuestros textos.Estas serian varias formas de hacerlo.
Aplicar el tamaño de textos - font-size:
Mediante font-size: determinamos el tamaño de los textos de nuestras paginas.Podemos indicarlos en porcentajes o bien en pixeles.
Aplicando el estilo a un texto - font-style:
Mediante font-style: aplicamos los distintos estilos a un texto, pueden ser Italica, normal, oblicua ( muy parecida a Italica )
Aplicar grosor a textos - Bold - font-weight
Esta seria la forma de aplizar el peso o grosor a nuestros textos, mediante font-weight: Hay varias maneras:font-weigh t: normal - Texto con grosor normalfont-weight: bold - Texto mas grueso de
Todas las propiedades de texto en una declaracion
Con una simple linea o declaracion damos formato a nuestros textos.
Propiedades de los 4 bordes - border-style:
Aplicamos las distintas propiedades a los cuatro bordes de un texto.border-sty le: dotted - Puntuadoborder-sty le: dashed - Rayadoborder-style : solid - Solidoborder-style : double - Doblebord
Posicion exacta de una imagen de fondo
Cuando queremos que una imagen de fondo se muestra en una posicion determinada, con este codigo podemos conseguirlo.Modi ficar la linea 10 y 4 con la direccion url de la imagen de fondo.Modificar
Ampliacion de texto en porcentaje - Etiquetas Span
Este ejemplo muestra como va creciendo o agrandando en porcentajes su tamaño un texto que hemos colocado entre etiquetas span
Cambio de opacidad de imagen al paso del mouse
El ejemplo consigue cambiar la opacidad o transparencia de una imagen.
Tamaño de campo de formulario
Estas simples lineas permiten establecer el tamaño de campos de formulario, ya sean de texto, boton etc...
Centrar una capa o layer
Esta seria una de las formas de centrar una capa o Layer utilizando hojas de estilo Css.
Estilo de Linea horizontal - Hr
Hay veces que al introducir una linea horizontal ( hr ) en nuestras paginas resultan un poco aburridas, con este ejemplo de damos una apariencia mas divertida.
Alinear verticalmente textos de distinto tamaño
Hay veces que mostramos en nuestras paginas textos de distinto tamaño, por lo que este codigo puede ser de muchisima utilidad, puesto que alinea un texto mayor con uno menor de forma vertical.
Uso de overflow - Areas con Scroll
Mostramos un area en la página con scroll. este seria un sencillo pero eficiente ejemplo de como utilizariamos la propieda overflow
Listas de textos customizables con imagenes
Mostramos una lista de textos la cual mostramos una imagen predeterminada en vez de los aburridos puntos.
Creacion de un boton Rss o Xml con imagen de fondo
El ejemplo muestra como crear un boton o imagen para contenidos xml o rss.
Menú
Contacto
Multihabbo-online tienes dudas consultas sugerencias quieres poner tu holo/retro aqui? pues solo manda un meil a kevinmt20@hotmail.com y listokevinmt20@hotmail.com
Encuesta
Te gusto el diseño de la web?
Demasiado mala (49)
Muy mala (7)
No me inporta (4)
Confundido? (5)
Buena (6)
Muy buena (5)
Demasiada buena (3)
Exelente (35)
Votos totales: 114