Css
Codigos Css
› Link sin Subrayo LINK:
Elimina el Subrayo de Links.
<-- Codigo ofrecido por Tutores.org -->
<style>
a{
text-decoration:none;
}
</style>
<a href="URL">Visita tutores.org</a>
<style>
a{
text-decoration:none;
}
</style>
<a href="URL">Visita tutores.org</a>
› Cambia la apariencia de un boton
Cambia el estilo de los botones de tu web.
<-- Codigo ofrecido por WeBheLp-1 -->
1. -----------------------------------------------
<input onClick="#" type=button value="Botón de ejemplo" name=boton style="BORDER: rgb(128,128,128) 1px solid; FONT-SIZE: 8pt; FONT-FAMILY: Verdana; BACKGROUND-COLOR: rgb(233,233,233)">
2. ------------------------------------------------
<input onClick="#" type=button value="Botón de ejemplo" name=boton style="BORDER: rgb(128,128,128) 1px dashed; FONT-SIZE: 8pt; FONT-FAMILY: Verdana; BACKGROUND-COLOR: rgb(233,233,233)">
1. -----------------------------------------------
<input onClick="#" type=button value="Botón de ejemplo" name=boton style="BORDER: rgb(128,128,128) 1px solid; FONT-SIZE: 8pt; FONT-FAMILY: Verdana; BACKGROUND-COLOR: rgb(233,233,233)">
2. ------------------------------------------------
<input onClick="#" type=button value="Botón de ejemplo" name=boton style="BORDER: rgb(128,128,128) 1px dashed; FONT-SIZE: 8pt; FONT-FAMILY: Verdana; BACKGROUND-COLOR: rgb(233,233,233)">
› Fondo en Tabla
Cambia el color en tu tablas.
Cambia el color en tu tablas.
<-- Codigo ofrecido por WeBheLp-1 -->
<div style="background-image:url('/tutores/images/mundo.gif')">Este es el texto sobre el fondo</div>
<div style="background-image:url('/tutores/images/mundo.gif')">Este es el texto sobre el fondo</div>
› Fondo estatico:
Pon un fondo estatico en tu web no se mueve al mover tu web hacia abajo
Pegalo Advertencia referente al campo de contenido (p.ej. Copyright):
Pon un fondo estatico en tu web no se mueve al mover tu web hacia abajo
Pegalo Advertencia referente al campo de contenido (p.ej. Copyright):
<-- Codigo ofrecido por WeBheLp-1 -->
<style type="text/css">
body {
background: white url(/tutores/images/mundo.gif);
background-attachment: fixed;
}
</style>
<style type="text/css">
body {
background: white url(/tutores/images/mundo.gif);
background-attachment: fixed;
}
</style>
› 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.
Debemos modificar el path hacia la imagen. background-image:url Para modificar el color del texto, modificar color:ff0000;
<!-- Codigo ofrecido por WeBheLp-1 -->
<style>
textarea{
background-image:url(/tutores/images/mundo.jpg);
color:ff0000;
}
</style>
<label>
<textarea name="textfield" cols="30" rows="8"></textarea>
</label>
<style>
textarea{
background-image:url(/tutores/images/mundo.jpg);
color:ff0000;
}
</style>
<label>
<textarea name="textfield" cols="30" rows="8"></textarea>
</label>
› Como cambiar la apariencia de un botón
Dale otro estilo a tus botones
<!-- Codigo ofrecido por WeBheLp-1 -->
1. -----------------------------------------------
<input onClick="#" type=button value="Botón de ejemplo" name=boton style="BORDER: rgb(128,128,128) 1px solid; FONT-SIZE: 8pt; FONT-FAMILY: Verdana; BACKGROUND-COLOR: rgb(233,233,233)">
2. -----------------------------------------------
<input onClick="#" type=button value="Botón de ejemplo" name=boton style="BORDER: rgb(128,128,128) 1px solid; FONT-SIZE: 8pt; FONT-FAMILY: Verdana; BACKGROUND-COLOR: rgb(233,233,233)">
1. -----------------------------------------------
<input onClick="#" type=button value="Botón de ejemplo" name=boton style="BORDER: rgb(128,128,128) 1px solid; FONT-SIZE: 8pt; FONT-FAMILY: Verdana; BACKGROUND-COLOR: rgb(233,233,233)">
2. -----------------------------------------------
<input onClick="#" type=button value="Botón de ejemplo" name=boton style="BORDER: rgb(128,128,128) 1px solid; FONT-SIZE: 8pt; FONT-FAMILY: Verdana; BACKGROUND-COLOR: rgb(233,233,233)">
› Pon texto junto con imagenes
Texto con la imagenes
<!-- Codigo ofrecido por WeBheLp-1 -->
<head>
<style type="text/css">
.alinear {float: left;}
</style>
</head>
<body>
<img src="IMG.gif" class="alinear">
Este texto aparecerá a la izquierda de la imagen
</body>
<head>
<style type="text/css">
.alinear {float: left;}
</style>
</head>
<body>
<img src="IMG.gif" class="alinear">
Este texto aparecerá a la izquierda de la imagen
</body>
› Borde de pagina
Ponle borde a tu pagina web
<!-- Codigo ofrecido por WeBheLp-1 -->
<style type="text/css">
body {overflow:hidden; border: 10px solid; margin:8px #000000;}
</style>
<style type="text/css">
body {overflow:hidden; border: 10px solid; margin:8px #000000;}
</style>
ASTA AHORA SON TODOS LOS CODIGOS SEGIREMOS PONIENDO CODIGOS VISITANOS MAS SEGIDO PARA VER SI HAY NUEVOS CODIGOS.
Follow Us on Twitter
Link to Our Linkedin Profile
Become Our Fans in Facebook
Browse Our Flickr Gallery