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.


Mensajes - Dimitar Stefanov

Páginas: 1 ... 24 25 26 27 28 [29] 30
561
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Re:Insertar imágenes en páginas web etiqueta img src alt Ejercicio HTML CU00714B
« en: 13 de Enero 2016, 16:36 »
Pues entonces no lo he hecho bien. Lo repetiré. Gracias por la corrección Ogramar.

562
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Re:Curso HTML desde cero Etiquetas ol y ul de listas diferencia Ejercicio CU00718B
« en: 13 de Enero 2016, 16:35 »
Ogramar,

tomo nota de tu observación. Todas las etiquetas llevan "/" antes de ">" si no son de tipo: "<>  </>"?

Gracias

563
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Re:Ejercicio CU00720B curso HTML desde cero
« en: 13 de Enero 2016, 16:33 »
Buenas Ogramar.

La verdad que no se porque utilicé caption, tampoco lo veo muy lógico.
En cambio, usé  radio para probarlo, porque no estaba muy familiarizado con el mismo.

Gracias por corregirme.

564
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Re:HTML código de formulario estándar de registro de usuarios Ejercicio CU00722B
« en: 13 de Enero 2016, 16:30 »
Tomo nota Ogramar. A los type="text" mejor no ponerles value, pero a los type="radio" sí. Entendido.

Gracias por corregirme.

565
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / CSS centrar imagen dentro de contenedor div background-position CU01031D# curso
« en: 12 de Enero 2016, 21:11 »
Solución del ejercicio CU01031D del curso CSS desde cero.

Código HTML:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="Portal web">
<meta name="keywords" content="programar,cursos">
<link rel="stylesheet" type="text/css" href="estilos43.css">
<title>Ejemplo de background-attachment</title>
</head>
<body>
<div id="page">
<div id="header">
</div>
<div id="wrapper">
<div id="menu">
</div>
<div id="body">
<div id="a"></div>
<div id="b"></div>
<div id="c"></div>
<div id="d"></div>
</div>
</div>
<div id="footer">
</div>
</div>
</body>
</html>
Código CSS: "estilos43.css"

Código: [Seleccionar]
div div div div {
width: 400px;
height: 400px;
margin: 40px;
padding: 40px;
border: solid 2px;
}
#a {
background-image: url(1.jpg);
background-repeat: no-repeat;
background-position: center;
background-color: red;
}
#b {
background-image: url(2.jpg);
background-repeat: no-repeat;
background-position: center;
background-color: blue;
}
#c {
background-image: url(1.png);
background-repeat: no-repeat;
background-position: center;
background-color: yellow;
}
#d {
background-image: url(1.jpg);
background-repeat: no-repeat;
background-position: center;
background-color: green;
}

566
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Ejercicio CU01030D(2) del curso CSS desde cero
« en: 12 de Enero 2016, 21:07 »
Segundo ejercicio:

A)

Código HTML:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="Portal web">
<meta name="keywords" content="programar,cursos">
<link rel="stylesheet" type="text/css" href="estilos40.css">
<title>Ejemplo background-image</title>
</head>
<body>
<div id="page">
<div id="header">
</div>
<div id="wrapper">
<div id="menu">
</div>
<div id="body">
</div>
</div>
<div id="footer">
</div>
</div>
</body>
</html>
Código CSS: "estilos40.css"

Código: [Seleccionar]
html {
background-image: url(http://www.stefjotrans.com/images/S__6971408.jpg);
background-repeat: no-repeat;
}
B)

Código HTML:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="Portal web">
<meta name="keywords" content="programar,cursos">
<link rel="stylesheet" type="text/css" href="estilos41.css">
<title>Ejemplo background-image</title>
</head>
<body>
<div id="page">
<div id="header">
</div>
<div id="wrapper">
<div id="menu">
</div>
<div id="body">
</div>
</div>
<div id="footer">
</div>
</div>
</body>
</html>
Código CSS: "estilos41.css"

Código: [Seleccionar]
html {
background-image: url(1.jpg);
background-repeat: repeat;
}

PD: Adjunto el archivo de imagen.

567
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Poner una imagen de fondo en página web Ejemplo background-image repeat CU01030D
« en: 12 de Enero 2016, 21:02 »
Mis códigos del ejercicio CU01030D del curso CSS desde cero.

Primer ejercicio:

Código HTML:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="Portal web">
<meta name="keywords" content="programar,cursos">
<link rel="stylesheet" type="text/css" href="estilos39.css">
<title>Ejemplo background-image</title>
</head>
<body>
<div id="page">
<div id="header">
</div>
<div id="wrapper">
<div id="menu">
</div>
<div id="body">
<div id="a"></div>
<div id="b"></div>
<div id="c"></div>
<div id="d"></div>
</div>
</div>
<div id="footer">
</div>
</div>
</body>
</html>
Código CSS: "estilos39.css"

Código: [Seleccionar]
div div div div {
width: 250px;
height: 250px;
margin: 30px;
padding: 30px;
}
#a {
background-color: blue;
background-image: url(1.png);
}
#b {
background-color: yellow;
background-image: url(1.png);
}
#c {
background-color: red;
background-image: url(1.png);
}
#d {
background-color: pink;
background-image: url(1.png);
}


PD: Adjunto el archivo de imagen.

568
Aprender a programar desde cero / diferencia entre padding y margin CSS cómo dejar margen todas direccion CU01029D
« en: 12 de Enero 2016, 20:52 »
Mi códigos.

Código HTML:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="Portal web">
<meta name="keywords" content="programar,curso">
<link rel="stylesheet" type="text/css" href="estilos37.css">
<title>Ejemplo margin y padding</title>
</head>
<body>
<div id="page">
<div id="header">
</div>
<div id="wrapper">
<div id="menu">
</div>
<div id="body">
<span id="a">div1</span>
<span id="b">div2</span>
</div>
</div>
<div id="footer">
</div>
</div>
</body>
</html>
Código CSS: "estilos37.css"

Código: [Seleccionar]
body {
padding: 400px;
}
#a, #b {
width: 250px;
margin: 20px;
background-color: #FFB6C1;
border-top: dotted 15px #DC143C;
border-right: dashed 10px green;
border-bottom: double 10px #FF00FF;
border-left: ridge 40px #2F4F4F;
padding: 30px 45px 0 60px;
}
/* Ancho de cada div=div+border(10px+40px)+padding(45px+60px) */
/* Alto de cada div=div+border(15px+10px)+padding(30px+0px) */

569
Aprender a programar desde cero / CSS estilos de bordes border-right border-left border-top border-bottom CU01027D
« en: 12 de Enero 2016, 17:40 »
Mis códigos del ejercicio CU01027D del curso CSS desde cero:

Código HTML:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="Portal web">
<meta name="keywords" content="programar,cursos">
<link rel="stylesheet" type="text/css" href="estilos32.css">
<title>Ejemplo de border - aprenderaprogramar.com</title>
</head>
<body>
<div id="page">
<div id="header">
</div>
<div id="wrapper">
<div id="menu">
</div>
<div id="body">
<div id="a">div1</div>
<br/><br/>
<div id="b">div2</div>
</div>
</div>
<div id="footer">
</div>
</div>
</body>
</html>
1er Código CSS: "estilos32.css"

Código: [Seleccionar]
#a {
border-top-style: dotted;
border-top-width: 10px;
border-top-color: green;
border-right-style: dashed;
border-right-width: 20px;
border-right-color: blue;
border-bottom-style: double;
border-bottom-width: 10px;
border-bottom-color: #A52A2A;
border-left-style: groove;
border-left-width: 30px;
border-left-color: #2F4F4F;
height: 40px;
}
#b {
border-top-style: inset;
border-top-width: 30px;
border-top-color: #B22222;
border-right-style: solid;
border-right-width: 22px;
border-right-color: #DAA520;
border-bottom-style: double;
border-bottom-width: 25px;
border-bottom-color: #4B0082;
border-left-style: dotted;
border-left-width: 17px;
border-left-color: #808000;
height: 40px;
}

PD: Como pueden ver, he utilizado la propiedad "height" tanto para la primera división como para la segunda para que se puedan ver mejor los resultados.

2o Código CSS:

Código: [Seleccionar]
#a {
border-top: dotted 10px green;
border-right: dashed 20px blue;
border-bottom: double 10px #A52A2A;
border-left: groove 30px #2F4F4F;
height: 40px;
}
#b {
border-top: inset 30px #B22222;
border-right: solid 22px #DAA520;
border-bottom: double 25px #4B0082;
border-left: dotted 17px #808000;
height: 40px;
}
PD: Aquí también he introducido la propiedad "height" con la misma finalidad como en el 1er código CSS.

570
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Colores CSS diferencias entre rgb, rgba, hexadecimal, hsl, hsla, nombre CU01021D
« en: 12 de Enero 2016, 16:25 »
Mis códigos del ejercicio cu01021D del curso CSS desde cero.

Código HTML:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="programacion, cursos">
<meta name="description" content="Portal web aprenderaprogramar.com">
<link rel="stylesheet" type="text/css" href="estilos25.css">
<title>Ejemplo colores</title>
</head>
<body>
<div id="page">
<div id="header">
</div>
<div id="wrappew">
<div id="menu">
</div>
<div id="body">
<span id="a">Notación RGB</span><br/>
<span id="b">Notación RGBA</span><br/>
<span id="c">Notación hexadecimal.</span><br/>
<span id="d">Notación HSL</span><br/>
<span id="e">Notación HSLA</span><br/>
<span id="f">Notación nombre</span>
</div>
</div>
<div id="footer">
</div>
</div>
</body>
</html>
Código CSS: "estilos25.css"

Código: [Seleccionar]
#a {
background-color: rgb(218,165,32);
}
#b {
background-color: rgba(218,165,32,0.5);
}
#c {
background-color: #FF0000;
}
#d {
background-color: hsl(50,100%,50%);
}
#e {
background-color: hsla(50,100%,50%,0.5);
}
#f {
background-color: green;
}
Utilizo los selectores:"#" porque el método de:"nth-child(númerodeelementoreferido)" no me funcionó.

571
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / CSS efectos de borde punteados trazos tres dimensiones groove ridge CU01026D#
« en: 12 de Enero 2016, 16:02 »
Mis códigos del ejercicio CU01026D del curso de desarrollo web con CSS desde cero.

Código HTML:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="programar,cursos">
<meta name="description" content="Portal web">
<link rel="stylesheet" type="text/css" href="estilos30.css">
<title>Ejemplos CSS</title>
</head>
<body>
<div id="page">
<div id="header">
</div>
<div id="wrapper">
<div id="menu">
</div>
<div id="body">
<div id="a">div1</div><br/><br/>
<div id="b">div2</div><br/><br/>
<div id="c">div3</div><br/><br/>
<div id="d">div4</div><br/><br/>
<div id="e">div5</div><br/><br/>
<div id="f">div6</div><br/><br/>
<div id="g">div7</div><br/><br/>
<div id="h">div8</div><br/><br/>
<div id="i">div9</div><br/><br/>
<div id="j">div10</div><br/><br/>
</div>
</div>
<div id="footer">
</div>
</div>
</body>
</html>
Código CSS: "estilos30.css"

Código: [Seleccionar]
#a {
border-top-style: solid;
border-right-style: dotted;
border-bottom-style: dashed;
border-left-style: double;
border-color: red;
}
#body div {
border-width: 10px;
}
#b {
border-top-style: groove;
border-right-style: ridge;
border-bottom-style: inset;
border-left-style: outset;
border-color: green;
}
#c {
border-top-style: dotted;
border-right-style: dashed;
border-bottom-style: hidden;
border-left-style: double;
border-color: blue;
}
#d {
border-top-style: dotted;
border-right-style: groove;
border-bottom-style: ridge;
border-left-style: hidden;
border-color: pink;
}
#e {
border-top-style: outset;
border-right-style: inset;
border-bottom-style: ridge;
border-left-style: hidden;
border-color: yellow;
}
#f {
border-top-style: dotted;
border-right-style: none;
border-bottom-style: dashed;
border-left-style: double;
border-color: blue;
}
#g {
border-top-style: inset;
border-right-style: ridge;
border-bottom-style: dashed;
border-left-style: dotted;
border-color: red;
}
#h {
border-top-style: solid;
border-right-style: double;
border-bottom-style: dotted;
border-left-style: outset;
border-color: green;
}
#i {
border-top-style: groove;
border-right-style: solid;
border-bottom-style: double;
border-left-style: hidden;
border-color: black;
}
#j {
border-top-style: dashed;
border-right-style: inset;
border-bottom-style: ridge;
border-left-style: solid;
border-color: brown;
}
No me funcionaron los selectores: "nth-child(númerodeelemento)" por lo tanto me vi obligado a utilizar los selectores:"#"

572
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / CSS equivalencia entre tamaños de fuente en pixeles, puntos, %, em etc. CU01024D
« en: 12 de Enero 2016, 15:58 »
Aquí os dejo mis códigos también. No sé si he hecho bien el ejercicios. Agredecería que alguien lo revisara y me comente los errores.

Código HTML:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="programar,cursos">
<meta name="description" content="Portal web">
<link rel="stylesheet" type="text/css" href="estilos27.css">
</head>
<body>
<div id="page">
<div id="header">
</div>
<div id="wrapper">
<div id="menu">
</div>
<div id="body">
<table>
<tr>
<th>Título</th>
<th>Tamaño px</th>
<th>Tamaño em</th>
<th>Tamaño pt</th>
<th>Tamaño %</th>
</tr>
<tr id="a">
<td><h1>H1</h1></td>
<td>32.5</td>
<td>2</td>
<td>25</td>
<td>200</td>
</tr>
<tr id="b">
<td><h2>H2</h2></td>
<td>25</td>
<td>1.5</td>
<td>18</td>
<td>150</td>
</tr>
<tr id="c">
<td><h3>H3</h3></td>
<td>20</td>
<td>1.25</td>
<td>15</td>
<td>125</td>
</tr>
<tr id="d">
<td><h4>H4</h4></td>
<td>15</td>
<td>1</td>
<td>12.5</td>
<td>100</td>
</tr>
<tr id="e">
<td><h5>H5</h5></td>
<td>13.5</td>
<td>0.9</td>
<td>10</td>
<td>90</td>
</tr>
<tr id="f">
<td><h6>H6</h6></td>
<td>10.5</td>
<td>0.725</td>
<td>8.5</td>
<td>75</td>
</tr>
</table>
</div>
</div>
<div id="footer">
</div>
</div>
</body>
</html>
Código CSS: "estilos27.css"

Código: [Seleccionar]
table, td, th {
border: 2px solid;
}
th {
background-color: gray;
}
#a td:nth-child(2) {
font-size: 32.5px;
font-weight: bold;
}
#a td:nth-child(3) {
font-size: 2em;
font-weight: bold;
}
#a td:nth-child(4) {
font-size: 25pt;
font-weight: bold;
}
#a td:last-child {
font-size: 200%;
font-weight: bold;
}
#b td:nth-child(2) {
font-size: 25px;
font-weight: bold;
}
#b td:nth-child(3) {
font-size: 1.5em;
font-weight: bold;
}
#b td:nth-child(4) {
font-size: 18pt;
font-weight: bold;
}
#b td:last-child {
font-size: 150%;
font-weight: bold;
}
#c td:nth-child(2) {
font-size: 20px;
font-weight: bold;
}
#c td:nth-child(3) {
font-size: 1.25em;
font-weight: bold;
}
#c td:nth-child(4) {
font-size: 15pt;
font-weight: bold;
}
#c td:last-child {
font-size: 125%;
font-weight: bold;
}
#d td:nth-child(2) {
font-size: 15px;
font-weight: bold;
}
#d td:nth-child(3) {
font-size: 1em;
font-weight: bold;
}
#d td:nth-child(4) {
font-size: 12.5pt;
font-weight: bold;
}
#d td:last-child {
font-size: 100%;
font-weight: bold;
}
#e td:nth-child(2) {
font-size: 13.5px;
font-weight: bold;
}
#e td:nth-child(3) {
font-size: 0.9em;
font-weight: bold;
}
#e td:nth-child(4) {
font-size: 10pt;
font-weight: bold;
}
#e td:last-child {
font-size: 90%;
font-weight: bold;
}
#f td:nth-child(2) {
font-size: 10.5px;
font-weight: bold;
}
#f td:nth-child(3) {
font-size: 0.725em;
font-weight: bold;
}
#f td:nth-child(4) {
font-size: 8.5pt;
font-weight: bold;
}
#f td:last-child {
font-size: 75%;
font-weight: bold;
}
He ido probando las medidas, pero no sé si coinciden exactamente.

573
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / CSS W3C Validator validación de código CSS según especificación oficial CU01023D
« en: 12 de Enero 2016, 15:53 »
Mi solución al ejercicio CU01023D del curso CSS desde cero.

Código HTML:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="programar,cursos">
<meta name="description" content="Portarl web aprenderaprogramar.com">
<link rel="stylesheet" type="text/css" href="estilos26.css">
<title>Ejemplos para W3C</title>
</head>
<body>
<div id="page">
<div id="header">
<p>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
<img style="border:0;width:88px;height:31px"
src="http://jigsaw.w3.org/css-validator/images/vcss"
alt="¡CSS Válido!" />
</a>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
<img style="border:0;width:88px;height:31px"
src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
alt="¡CSS Válido!" />
</a>
</p>
<h1>Aprendizaje de la programación</h1>
</div>
<div id="wrapper">
<div id="menu">
<h2>Menu</h2>
<ul>
<li>Programación básica</li>
<li>Programación intermedia</li>
<li>Programación avanzada</li>
</ul>
</div>
<div id="body">
</div>
</div>
<div id="footer">
Curso aprenderaprogramar.com
</div>
</div>
</body>
</html>
Código CSS: "estilos26.css"

Código: [Seleccionar]
h1 {
background-color: #FE2E2E;
font-size: 130%;
}
h2 {
background-color: #40FF00;
font-size: 150%;
}
ul, ul li {
background-color: #0000FF;
font-size: 120%;
}
#footer {
background-color: #00FFFF;
font-size: 90%;
}

574
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / CSS colores rgba con efecto transparencia distintos grados Ejercicio CU01020D
« en: 12 de Enero 2016, 15:50 »
De la siguiente manera me han quedado los 2 códigos del ejercicio CUO1020D del curso CSS desde cero.

Código HTML:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="programar,aprender">
<meta name="description" content="Portal web aprenderaprogramar.com">
<link rel="stylesheet" type="text/css" href="estilos23.css">
<title>Ejemplo colores</title>
</head>
<body>
<div id="page">
<div>
</div>
<div id="wrapper">
<div id="menu">
</div>
<div id="body">
<span id="a"><<</>RGB 178,34,34 con transparencia 0.1>></span><br/>
<span id="b"><<</>RGB 178,34,34 con transparencia 0.2>></span><br/>
<span id="c"><<</>RGB 178,34,34 con transparencia 0.3>></span><br/>
<span id="d"><<</>RGB 178,34,34 con transparencia 0.4>></span><br/>
<span id="e"><<</>RGB 178,34,34 con transparencia 0.5>></span><br/>
<span id="f"><<</>RGB 178,34,34 con transparencia 0.6>></span><br/>
<span id="g"><<</>RGB 178,34,34 con transparencia 0.7>></span><br/>
<span id="h"><<</>RGB 178,34,34 con transparencia 0.8>></span><br/>
<span id="i"><<</>RGB 178,34,34 con transparencia 0.9>></span><br/>
<span id="j"><<</>RGB 178,34,34 con transparencia 1.0>></span><br/>
<span id="k"><<</>RGB 218,165,32 con transparencia 1.0>></span><br/>
<span id="l"><<</>RGB 218,165,32 con transparencia 0.9>></span><br/>
<span id="m"><<</>RGB 218,165,32 con transparencia 0.8>></span><br/>
<span id="n"><<</>RGB 218,165,32 con transparencia 0.7>></span><br/>
<span id="o"><<</>RGB 218,165,32 con transparencia 0.6>></span><br/>
<span id="p"><<</>RGB 218,165,32 con transparencia 0.5>></span><br/>
<span id="q"><<</>RGB 218,165,32 con transparencia 0.4>></span><br/>
<span id="r"><<</>RGB 218,165,32 con transparencia 0.3>></span><br/>
<span id="s"><<</>RGB 218,165,32 con transparencia 0.2>></span><br/>
<span id="t"><<</>RGB 218,165,32 con transparencia 0.1>></span><br/>
</div>
</div>
<div id="footer">
</div>
</div>
</body>
</html>
Código CSS: "estilos23.css"

Código: [Seleccionar]
#a {
background-color: rgba(178,34,34,0.1);
}
#b{
background-color: rgba(178,34,34,0.2);
}
#c{
background-color: rgba(178,34,34,0.3);
}
#d{
background-color: rgba(178,34,34,0.4);
}
#e{
background-color: rgba(178,34,34,0.5);
}
#f{
background-color: rgba(178,34,34,0.6);
}
#g {
background-color: rgba(178,34,34,0.7);
}
#h {
background-color: rgba(178,34,34,0.8);
}
#i {
background-color: rgba(178,34,34,0.9);
}
#j {
background-color: rgba(178,34,34,1.0);
}
#k {
background-color: rgba(218,165,32,1.0);
}
#l {
background-color: rgba(218,165,32,0.9);
}
#m {
background-color: rgba(218,165,32,0.8);
}
#n {
background-color: rgba(218,165,32,0.7);
}
#o {
background-color: rgba(218,165,32,0.6);
}
#p {
background-color: rgba(218,165,32,0.5);
}
#q {
background-color: rgba(218,165,32,0.4);
}
#r {
background-color: rgba(218,165,32,0.3);
}
#s {
background-color: rgba(218,165,32,0.2);
}
#t {
background-color: rgba(218,165,32,0.1);
}

Como pueden observar, me refiero a los elementos mediante los selectores "#" porque no pude conseguir que funcionaran los selecontes: "nth-child(númerodehijo)", no sé porque.

575
Aprender a programar desde cero / colores CSS equivalencias entre notación hexadecimal rgb y nombres CU01019D#
« en: 12 de Enero 2016, 15:45 »
El ejercicio CU01019D me ha quedado como sigue:

Código HTML:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="Portal web aprenderaprogramar.com">
<meta name="description" content="aprender,programar,cursos">
<link rel="stylesheet" type="text/css" href="estilos21.css">
<title>Ejemplo colores</title>
</head>
<body>
<div id="page">
<div id="header">
</div>
<div id="wrapper">
<div id="menu">
</div>
<div id="body">
<table>
<tr>
<th>Nombre</th>
<th>Hexadecimal</th>
<th>RGB</th>
</tr>
<tr>
<td>DimGray</td>
<td>696969</td>
<td>105,105,105</td>
</tr>
<tr>
<td>IndianRed</td>
<td>CD5C5C</td>
<td>205,92,92</td>
</tr>
<tr>
<td>FireBrick</td>
<td>B22222</td>
<td>178,34,34</td>
</tr>
<tr>
<td>DodgerBlue</td>
<td>1E90FF</td>
<td>30,144,255</td>
</tr>
<tr>
<td>Indigo</td>
<td>4B0082</td>
<td>75,0,130</td>
</tr>
</table>
</div>
</div>
<div id="footer">
</div>
</div>
</body>
</html>
Código CSS: "estilos21.css"

Código: [Seleccionar]
table, td, th  {
border: 2px solid;
}
tr:nth-child(2) {
background-color: rgb(178, 34, 34);
}
tr:nth-child(3) {
background-color: rgb(205, 92, 92);
}
tr:nth-child(4) {
background-color: rgb(30, 144, 255);
}
tr:nth-child(5) {
background-color: rgb(75, 0, 130);
}
tr:last-child {
background-color: rgb(105, 105, 105);
}

576
Aprender a programar desde cero / CSS ejemplo uso atributo html class y aplicación de estilos ejercicio CU01013D
« en: 12 de Enero 2016, 15:40 »
Mi solución al ejercicio CU01013D:

Código HTML:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<title>Portal web</title>
<meta name="description" content="Portal web">
<meta name="keywords" content="aprender,programar,cursos,libros">
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="estilos12.css">
<body>
<div class="principal">
<h1 class="principal">Novedades</h1>
<p>Aquí presentamos las novedades del estilo.</p>
</div>
<div class="secundario">
<h3>Lanzamos el producto <span>X-FASHION</span></h3>
<p>Este producto permite estirar la pies hasta dejarla como la de un bebé.</p>
<p><img src="http://i.imgur.com/tq5Bs.png" title="Imagen del producto" alt="imagen producto x-fashion"></p>
</div>
<div class="tercera">
<h3>Mejoramos el producto T-MATION</h3>
<p>Hemos lanzado una nueva versión del producto T-MATION</p>
<p><img src="http://i.imgur.com/SpZyc.png" title="Imagen del producto tmotion" alt="imagen producto tmotion"></p>
</div>
</body>
</html>
Código CSS:

Código: [Seleccionar]
.principal h1 {
color: red;
font-size: 130%;
}
.secundario h3 {
color: green;
font-size: 110%;
}
.secundario h3 span {
background-color: yellow;
}
html {
font-family: Arial;
}

577
Aprender a programar desde cero / HTML poner atributos class iguales en varios elementos y CSS estilos CU01012D
« en: 12 de Enero 2016, 15:37 »
Mi ejercicio CU01012D:

Código HTML:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<title>Portal web</title>
<meta name="description" content="Portal web">
<meta name="keywords" content="aprender,programar,cursos,libros">
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="estilos07.css">
<body>
<div class="principal">
<h1>Novedades</h1><p>Aquí presentamos las novedades del estilo.</p>
</div>
<div class="secundario">
<h3>Lanzamos el producto X-FASHION</h3>
<p>Este producto permite estirar la pies hasta dejarla como la de un bebé.</p>
<p><img src="http://i.imgur.com/tq5Bs.png" title="Imagen del producto" alt="imagen producto x-fashion"></p>
</div>
<div class="tercera">
<h3>Mejoramos el producto T-MATION</h3>
<p>Hemos lanzado una nueva versión del producto T-MATION</p>
<p><img src="http://i.imgur.com/SpZyc.png" title="Imagen del producto tmotion" alt="imagen producto tmotion"></p>
</div>
</body>
</html>
Código CSS:

Código: [Seleccionar]
.principal {
color: red;
font-size: 150%;
}
.secundario {
color: green;
font-size: 110%;
}
.secundario p {
background-color: yellow;
}

578
Aprender a programar desde cero / CSS selectores para elementos de un tipo dentro de otros elementos CU01011D
« en: 12 de Enero 2016, 15:35 »
Mi código del ejercicio CU01011D ha quedado de la siguiente forma:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<title>Portal web</title>
<meta name="description" content="Portal web">
<meta name="keywords" content="aprender,programar,cursos,libros">
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="estilos05.css">
<body>
<div id="novedades">
<h1>Novedades</h1>
</div>
<div id="xFashion">
<h3>Lanzamos el producto X-FASHION</h3>
<p>Este producto permite estirar la pies hasta dejarla como la de un bebé.</p>
<p><img src="http://i.imgur.com/tq5Bs.png" title="Imagen del producto" alt="imagen producto x-fashion"></p>
</div>
<div id="tMation">
<h3>Mejoramos el producto T-MATION</h3>
<p>Hemos lanzado una nueva versión del producto T-MATION</p>
<p><img src="http://i.imgur.com/SpZyc.png" title="Imagen del producto tmotion" alt="imagen producto tmotion"></p>
</div>
</body>
</html>
Código del archivo "estilos05.css":

Código: [Seleccionar]
#novedades h1 {
color: red;
}
#xFashion h3, #tMation h3 {
color: green;
}
#novedades {
background-color: yellow;
}

579
Aprender a programar desde cero / CSS definir estilos en un archivo independiente externo Ejercicio CU01010D curso
« en: 12 de Enero 2016, 15:31 »
Códigos del ejercicio: CU01010D del curso CSS desde cero.

Primer código:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<title>Portal web</title>
<meta name="description" content="Portal web">
<meta name="keywords" content="aprender,programar,cursos,libros">
<meta charset="utf-8">
<style type="text/css">
h1 {color: red;}
h3 {color: green;}
p {color: brown;}
a {color: brown;}
</style>
<body>
<p><a href="principal.html" title="Página principal">Ir a la página principal</a></p>
<h1>Novedades</h1>
<p>Aquí presentamos las novedades del estilo.</p>
<h3>Lanzamos el producto X-FASHION</h3>
<p>Este producto permite estirar la pies hasta dejarla como la de un bebé.</p>
<p><img src="http://i.imgur.com/tq5Bs.png" title="Imagen del producto" alt="imagen producto x-fashion"></p>
<h3>Mejoramos el producto T-MATION</h3>
<p>Hemos lanzado una nueva versión del producto T-MATION</p>
<p><img src="http://i.imgur.com/SpZyc.png" title="Imagen del producto tmotion" alt="imagen producto tmotion"></p>
</body>
</html>
Segundo código:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<title>Portal web</title>
<meta name="description" content="Portal web">
<meta name="keywords" content="aprender,programar,cursos,libros">
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="estilos02.css">
<body>
<p><a href="principal.html" title="Página principal">Ir a la página principal</a></p>
<h1>Novedades</h1>
<p>Aquí presentamos las novedades del estilo.</p>
<h3>Lanzamos el producto X-FASHION</h3>
<p>Este producto permite estirar la pies hasta dejarla como la de un bebé.</p>
<p><img src="http://i.imgur.com/tq5Bs.png" title="Imagen del producto" alt="imagen producto x-fashion"></p>
<h3>Mejoramos el producto T-MATION</h3>
<p>Hemos lanzado una nueva versión del producto T-MATION</p>
<p><img src="http://i.imgur.com/SpZyc.png" title="Imagen del producto tmotion" alt="imagen producto tmotion"></p>
</body>
</html>

Código del archivo "estilos02.css":

Código: [Seleccionar]
h1{ color: blue;}
h3{ color: orange;}
p{ color: brown;}
a{ color: brown;}
/* Primer ejercicio de estilos con CSS */

580
Aprender a programar desde cero / CSS aplicar estilos en línea establecer colores de texto Ejercicio CU01009D#
« en: 12 de Enero 2016, 15:26 »
También cuelgo mi solución del ejercicio CU01009D del curso de programación web con CSS desde cero. Agradecería que me lo mirara alguien y que comente mis errores también.

Gracias antemano.

El código:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<title>Portal web</title>
<meta name="description" content="Portal web">
<meta name="keywords" content="aprender,programar,cursos,libros">
<meta charset="utf-8">
<body>
<p><a href="principal.html" title="Página principal" style="color: brown;">Ir a la página principal</a></p>
<h1 style="color: red;">Novedades</h1>
<p style="color: brown;">Aquí presentamos las novedades del estilo.</p>
<h3 style="color: green; ">Lanzamos el producto X-FASHION</h3>
<p style="color: brown;">Este producto permite estirar la pies hasta dejarla como la de un bebé.</p>
<p style="color: brown;"><img src="http://i.imgur.com/tq5Bs.png" title="Imagen del producto" alt="imagen producto x-fashion"></p>
<h3 style="color: blue;">Mejoramos el producto T-MATION</h3>
<p style="color: brown;">Hemos lanzado una nueva versión del producto T-MATION</p>
<p style="color: brown;"><img src="http://i.imgur.com/SpZyc.png" title="Imagen del producto tmotion" alt="imagen producto tmotion"></p>
</body>
</html>

Páginas: 1 ... 24 25 26 27 28 [29] 30

Sobre 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

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".