Aprende Joomla con el libro "Creación y administración web con Joomla. Curso paso a paso" 2ª Edición. 168 pgs. Editorial aprenderaprogramar.com. Disponible en formato papel y ebook.
Mostrar Mensajes
Esta sección te permite ver todos los posts escritos por este usuario. Ten en cuenta que sólo puedes ver los posts escritos en zonas a las que tienes acceso en este momento.
<!DOCTYPE html>
<html lang="es">
<head>
<title>Color de fondo; propiedad background-color transparent</title>
<meta name="description" content="portal web aprenderaprogramar.com">
<meta name="keywords" content="propiedad background-color css. transparent.">
<meta charset="utf-8">
<style type="text/css">
/*color de fondo propiedad background-color css. transparent. CU01021D*/
.divisionesencajas {
text-align: center;
border: 5px solid black;
font-size: 25px;
}
#division1{background-color: rgb(165,66,66);}
#division2{background-color: rgba(165,39,39,0.5);}
#division3{background-color: #AF3A3A;}
#division4{background-color: hsl(116,59%,31%);}
#division5{background-color: hsla(44,33%,60%,0.6);}
#division6{background-color: red;}
</style>
</head>
<body>
<header>
<h2>background-color tabla de colores transparent</h2>
</header>
<div id="division1" class="divisionesencajas">
División 1: un color expresado con notación RGB:
rgb(165,66,66)
</div>
<br/>
<div id="division2" class="divisionesencajas">
División 2: un color expresado con notación RGBA:
rgba(165,39,39,0.5)
</div>
<br/>
<div id="division3" class="divisionesencajas">
División 3: un color expresado con notación hexadecimal:
#AF3A3A
</div>
<br/>
<div id="division4" class="divisionesencajas">
División 4: un color expresado con notación HSL:
hsl(116,59%,31%)
</div>
<br/>
<div id="division5" class="divisionesencajas">
División 5: un color expresado con notación HSLA:
hsla(44,33%,60%,0.6)
</div>
<br/>
<div id="division6" class="divisionesencajas">
División 6: un color designado con un NOMBRE:
red
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Ejercicios aprenderaprogramar.com</title>
<style>
#cuadrado{
position:absolute;
width:204px;
height:204px;
border:solid thin red;
top:30%;
left:30%;
}
div.cuadrante{
border:solid thin red;
text-align: center;
width:100px;
height:100px;
float:left;
line-height: 100px;
}
input{
float:right;
margin-top:2em;
}
</style>
<script>
var contador=0;
function avanzar(){
var cuadrante=document.querySelectorAll(".cuadrante");
switch (contador){
case 0: cuadrante[contador].style.backgroundColor="black";
cuadrante[contador].style.color="white";
cuadrante[contador].innerHTML="El";
break;
case 1:
cuadrante[contador].innerHTML="poder ";
break;
case 2:
cuadrante[contador].innerHTML="de";
break;
case 3: cuadrante[contador].style.backgroundColor="yellow";
cuadrante[contador].innerHTML="JavaScript";
break;
default: alert ("No es posible hacer mas ");
}
contador++;
}
</script>
</head>
<body>
<div id="cuadrado">
<div class="cuadrante">
<span>?</span>
</div>
<div class="cuadrante">
<span>?</span>
</div>
<div class="cuadrante">
<span>?</span>
</div>
<div class="cuadrante">
<span>?</span>
</div>
<input type="button" onclick="avanzar()" value="Avanzar">
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head> <title> Ejemplo aprenderaprogramar.com </title>
<meta charset="utf-8"/>
<script>
function pruebaFecha(){
var today = new Date();
var dd = today.getDate();
var mm = today.getMonth()+1; //January is 0!
var yyyy = today.getFullYear();
if(dd<10){
dd='0'+dd
}
if(mm<10){
mm='0'+mm
}
var today = dd+'/'+mm+'/'+yyyy;
alert ("La fecha de hoy en formato dd/mm/yyyy es "+today);
var dia = 12;
var mes = 6
var year = 2087;
var fechaFutura = new Date(year, mes, dia);
alert ('Con esta fecha podemos hacer la misma operación: '+fechaFutura);
}
</script>
<title>Portal web</title>
</head>
<body onload="pruebaFecha()">
<div>Prueba de fechas</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<style type="text/css">
div {
width: 400px;
height: 200px;
border: 5px solid;
background-image: radial-gradient(ellipse farthest-corner at 45px 45px , #00FFFF 0%, rgba(0, 0, 255, 0) 50%, #0000FF 95%);
border-image-source: url(border-image2.png);
border-image-slice: 33;
border-image-width: 20px;
border-image-repeat: stretch;
}
</style>
<title>Portal web</title>
</head>
<body>
<div></div>
</body>
</html>
Como curiosidad tenemos que en el caso de impuesto 10% sale el mensaje El importe sin impuestos es: 100 El importe con impuestos es:110.00000000000001Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.
Abraham Lincoln (1808-1865) Presidente estadounidense.
aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación
RSS -
WAP2