Codigos CSS

En algunos casos necesitaras colocar los estilos dentro de una Hoja de estilo valga la redundancia, estos archivos son llamados nombre.css,  entonces para poder hacer uso de los codigos que te ponemos a disposicion, debes:

Tener una hoja de estilo creada, luego de esto vas a tu .html en el cual deseas ingresar la hoja de estilo y luego en la etiqueta head pones esto:

<link href="hojadeestilo.css" rel="stylesheet" type="text/css" />

Luego de esto creas el "hojadeestilo.css" y dentro de este pegas el codigo que te brindamos aca en el webiste salvas y listo... =)

Cambiar Cuadro De Texto Con Imagenes de Fondo y Distinto tipo de Fuente

<style type="text/css"> input, textarea{ font-family:Arial; font-size:11px; border:1px solid #505050; color:#505050; padding:3px 3px 3px 3px; background-image:url(Bild.jpg); background-position:bottom; background-repeat:repeat-x; background-color:#FFFFFF; } </style>

Cambiar Fondo de la Web

<style type="text/css"> <!-- body {background-image:url('URL DEL FONDO');} //--> </style>

Cambiar Color Scrollbar (Solo para I6)

<style type="text/css"> <!-- HTML { SCROLLBAR-FACE-COLOR: #000000; SCROLLBAR-HIGHLIGHT-COLOR: #000000; SCROLLBAR-SHADOW-COLOR: #FFFFFF; SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; SCROLLBAR-ARROW-COLOR: #B90000; SCROLLBAR-TRACK-COLOR: #000000; SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF; } --></style>

Colocar Objetos en Cualquier Posicion de la Pantalla

<div style="position:absolute;left:11px;top:159px;"> Aca Codigo de lo Que quieras </div>

Quitar Subrayado en los Hipervinculos

<style type="text/css"> a:hover{text-decoration:none;} a{text-decoration:none;} </style>

Cambiar Puntero Mouse

<style type="text/css"> body { cursor:url(URL CURSOR); } </style>

Cambiar Tipo de Fuente Web

<style type="text/css"> *{font-family:Nombre De Fuente;} </style>

Centrar Tablas en la web

<style type="text/css"> <!-- table{margin-left:auto;margin-right:auto} --></style>

Texto Con Sombra

<style type="text/css"> .sombra{ color: #000000; font-style: Tahoma; font-weight: bold; font-size: 22pt; position: relative; } .texto{ color: #336699; top: -1px; left: -1px; position: absolute; } </style> <div class="sombra">GalaxyMusic<div class="texto">GalaxyMusic</div>

Centrar Tablas en la web

<style type="text/css"> <!-- table{margin-left:auto;margin-right:auto} --></style>