jump to navigation

¿Y si añadimos ID a las Clases? Abril 30, 2008

Posted by erik in : CSS , add a comment

Añadiendo ID’s en las clases, lo que hariamos es declarar una clase, por ejemplo:

Código:

<style type="text/css">
.cph {color: yellow; font-weight: bold;}
#hot {color: red;}
</style>

Esto declararia la clase cph, y dentro de la clase la ID “hot”, ahora veremos como representarlo:

Código:

<span class="cph">Este texto es amarillo, pero derrepente</span><span class="cph" id="hot">Este texto es rojo, que pasooo!

De que nos sirve esto?
Esto mantiene las caracterisitic as de la clase, pero puedes modificarlo para que sea una subclase en momentos de cambiar colores.

Clases Abril 30, 2008

Posted by erik in : CSS , add a comment

Bueno, para declarar una clase en css seria muy facil, ya que no hay que hacer mucha cosa toma-xD XD!

Aqui os lo muestro:

Código:

<style type="text/css">
.nombre_de_la_clase {
preferencias...
}

Y esto para declararo en un body en html seria así:

Código:

<span class="nombre_de_la_clase">Texto...</span>

Tags Abril 30, 2008

Posted by erik in : CSS , add a comment

Seguro que siempre usamos la negrita, cursiva y etc…, os muestro aqui un codigo que puede transformar los tags y modificarlos segun tu gusto, lo hariamos así:

Código:

<style type="text/css">
b{color: color;}
i{color: color;}
....
</style>

Y así sucesivamente, pues bueno, luego en el texto normal hariamos lo que siempre hacemos, añadiendo como siempre los < b> </ b> y los < i> </ i>

Añadiis el codigo de transformación de tags que quereis y en y lo mismo Smiley.

Buena suerte.



 


	
Codeando tablas
	Abril 30, 2008

	Posted by erik in : CSS	, add a comment	
			  
	
Es muy facil, lo unico que necesitas es un simple codigo.

Despues a partir de este codigo que os ofrezco, podeis modificarlo, y añadirle más cosas.


Código:


<style type="text/css">
p {                           
color: #FF7F50 /* color */
/*los margenes*/                                                     
margin-left: 20%; margin-right: 20%;       
/*anchura que tienen los bordes*/                                             
border-top-width: 10pt; borde-bottom-width: 10pt;                 
border-right-width: 5pt; border-left-width: 5pt;   
/*estilo y color del borde*/                       
border-style: ridge; border-color: orange;
/*separadores de la tabla*/                 
padding-top: 10pt; padding-bottom: 10pt;                     
padding-right: 20pt; padding-left: 20pt;                     
}
</style>


Y luego, hariamos algo así en algo.html:


Código:


<html>
<head>
<title>Tu titulo</title>
<style type="text/css">
p {                           
color: #FF7F50 /* color */
/*los margenes*/                                                     
margin-left: 20%; margin-right: 20%;       
/*anchura que tienen los bordes*/                                             
border-top-width: 10pt; borde-bottom-width: 10pt;                 
border-right-width: 5pt; border-left-width: 5pt;   
/*estilo y color del borde*/                       
border-style: groove; border-color: orange;
/*separadores de la tabla*/                 
padding-top: 10pt; padding-bottom: 10pt;                     
padding-right: 20pt; padding-left: 20pt;                     
}
</style>
</head>
<body>
<p>Aqui todo el contenido que quieras</p><br>
<p>Aqui otro contenido que desees</p><br>
y así sucesivamente...
</body>
</html>


Como veis, es muy simple.

Tambien tenemos diferentes tipos de tablas

solid, double, groove, ridge, inset y outset.


Como veis, en nuestro code utilizamos groove.


Es muy simple.