- Css

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>

› 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)">

› Fondo en Tabla

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>

› 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):

<-- Codigo ofrecido por WeBheLp-1 -->
<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;

<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

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

<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

<style type="text/css">
body {overflow:hidden; border: 10px solid; margin:8px #000000;}
</style>

PRONTO INCLUIREMOS AL MENOS 60 O 50 CODIGOS NUEVOS