Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Gracias por pasar el código, le puede ser útil a otras personas!

Salu2

Hola he creado un hilo comentando las diferencias entre InputStream y BufferedInputStream localiza en https://www.aprenderaprogramar.com/foros/index.php?topic=3240.0

Salu2

Hola He usado los links de imágenes para referenciarlas así:
.chekVerde{background-image: url('http://i.imgur.com/WX1dBA4.png?1');}
.aspaRoja{background-image: url('http://i.imgur.com/LbraO64.png?1');}
¡Te ha quedado del 10!

Una cosa que diría que no está bien es aplicar id="column1" a varios elementos, id="column2" a varios elementos, etc. Un id es algo único, por ello no debe haber varios elementos con id repetido. Si quieres aplicar algo repetido lo que debemos usar es class.

Sobre tu consulta del cambio de color de una columna sí se podría hacer, quizás usando hover (http://aprenderaprogramar.com/index.php?option=com_content&view=article&id=752:pseudoclases-css-link-visited-focus-hover-y-active-estilos-y-efectos-en-links-propiedad-outline-cu01047d&catid=75:tutorial-basico-programador-web-css-desde-cero&Itemid=203) pero resulta mucho más potente usar javascript (http://aprenderaprogramar.com/index.php?option=com_content&view=category&id=78&Itemid=206)

Salu2

Hola Dan ¿dónde faltaban las comillas simples?

Hola Chino Ozuna!

Para traducir un sitio "con perfección" es necesario realizar la traducción a mano, ya que los traductores automáticos cometen bastantes fallos.

No obstante, tienen la ventaja de que son rápidos y en algunos sitios puede ser suficiente con poner un traductor automático. Puedes añadir un código en blogger que te dibuja las banderas de otros países de modo que cuando un usuario pulse en una bandera se le muestre el contenido de tu blog traducido automáticamente.

Los pasos a dar son estos:

1) Dentro de Blogger selecciona la opción de menú "diseño"

2) A continuación, en la zona donde prefieras de la vista de diseño, selecciona "Añadir gadget" y escoge el de tipo HTML/Javascript

3) Ahora te aparecerá una ventana en la que podrás introducir el código HTML/Javascript que "dibujará" en el Blog el traductor con banderas.
En la caja para el título puedes o dejarla vacía si no deseas que se visualice un titulo encima del traductor con banderas o rellenarlo con el que prefieras utilizar. La caja de texto "grande" justo bajo el título, será en la que tienes que copiar y pegar el código.

 4) Ahora copia y pega el código fuente que figura a continuación, dentro de la caja de texto grande de la ventana que se te ha abierto al añadir el Gadget HTML/Javascript:

    <a href="https://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXXXXXXXX" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=es%7Cfr&amp;hl=es&amp;ie=UTF8');return false" rel="nofollow" target="_blank" title="Google-Translate-Spanish to French "><img alt="Google-Translate-Spanish to French" src="http://3.bp.blogspot.com/-mhqyv4teiYw/UvqWE18tALI/AAAAAAAALQI/6Nx5YRALk6s/s1600/France.png" style="border: 0 solid; cursor: pointer; height: 32px; width: 32px;" title="Google-Translate-Spanish to French" /></a>

    <a href="https://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXXXXXXXX" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=es%7Cde&amp;hl=es&amp;ie=UTF8');return false" rel="nofollow" target="_blank" title="Google-Translate-Spanish to German"><img alt="Google-Translate-Spanish to German" src="http://2.bp.blogspot.com/-A0UatfV6RQQ/UvqWHz55_FI/AAAAAAAALRE/DWo9jk1PZaM/s1600/Germany.png" style="border: 0 solid; cursor: pointer; height: 32px; width: 32px;" title="Google-Translate-Spanish to German" /></a>

    <a href="https://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXXXXXXXX" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=es%7Cen&amp;en=es&amp;en=UTF8');return false" rel="nofollow" target="_blank" title="Google-Translate-Spanish to English "><img alt="Google-Translate-Spanish to English" src="http://1.bp.blogspot.com/-BbII8VzM4pA/UvqWG90GbCI/AAAAAAAALQ0/oxzXq1pwDuQ/s1600/United+States+of+America+(USA).png" style="border: 0 solid; cursor: pointer; height: 32px; width: 32px;" title="Google-Translate-Spanish to English" /></a>


Hay que tener cuidado y poner el blogID que corresponda. Se pueden añadir más o menos idiomas según se prefiera.

Cada conjunto que va desde  <a href= hasta </a> de cada color, es el código necesario para llamar a Google Translator en el idioma del país al que corresponda dicho código. Si no quieres todas la banderas, simplemente selecciona el código de aquellas que desees utilizar.
El blogID, que en el código aparece en cada bandera como blogID=XXXXXXXXXXXXXXXXXXX , dentro podrás introducir el identificador de tu Blog. El "blogID" es fácil de extraer, es el código de 19 posiciones que se encuentra en la barra de direcciones de tu navegador mientras editas cualquier entrada.

Si quieres que queden centradas las banderas, puedes poner en la parte superior del código con todas las banderas la etiqueta <div align="center">  y cuando finalice todo el código de las banderas que hayas decidido utilizar lo cierras con </div>

Salu2

Pues antes de empezar con cosas complicadas tienes que empezar por el principio, puedes empezar leyendo esto: https://www.aprenderaprogramar.com/foros/index.php?topic=1313.0

Salu2

Hola Robinson, no parece que estés haciendo el código todo lo limpio que debería ser porque es muy repetitivo. Tienes tres tablas con la misma estructura, entonces sería más adecuado crear una función a la que le pases el nombre de la tabla y realice las operaciones que haya que realizar. De este modo, no tendrías que repetir el código.

Ahora bien, tal y como lo tienes planteado ya tienes calculado los valores de cada tabla. ¿No te falta simplemente realizar la suma?

Por ejemplo:

$total_Andes['Enero'] = $row_gest_cni_andes_merida['Enero'] + $row_gest_cni_andes_san_cristobal['Enero'] +$row_gest_cni_andes_vigia['Enero'];
¿Y después mostrar la tabla con el valor de los sumatorios?

Salu2

Hola, en primer lugar comentarte que no debes repetir la pregunta en distintos foros. Unicamente debe plantearse una consulta en un foro para evitar confusión (temas repetidos). Para hacer lo que planteas necesitas un nivel avanzado en programación ¿qué lenguajes de programación dominas?

Salu2

Hola Robinson la suma de filas y el cálculo del promedio la tienes realizada en este fragmento de código:

<td><strong> <?php echo $suma=$row_cant_cursos_andes['Enero']+ $row_cant_cursos_andes['Febrero']+ $row_cant_cursos_andes['Marzo']+ $row_cant_cursos_andes['Abril']+ $row_cant_cursos_andes['Mayo']+ $row_cant_cursos_andes['Junio']+ $row_cant_cursos_andes['Julio']+ $row_cant_cursos_andes['Agosto']+ $row_cant_cursos_andes['Septiembre']+ $row_cant_cursos_andes['Octubre']+ $row_cant_cursos_andes['Noviembre']+ $row_cant_cursos_andes['Diciembre'] ?>&nbsp; </strong></td>
      <td><strong> <?php $prom=($row_cant_cursos_andes['Enero']+ $row_cant_cursos_andes['Febrero']+ $row_cant_cursos_andes['Marzo']+ $row_cant_cursos_andes['Abril']+ $row_cant_cursos_andes['Mayo']+ $row_cant_cursos_andes['Junio']+ $row_cant_cursos_andes['Julio']+ $row_cant_cursos_andes['Agosto']+ $row_cant_cursos_andes['Septiembre']+ $row_cant_cursos_andes['Octubre']+ $row_cant_cursos_andes['Noviembre']+ $row_cant_cursos_andes['Diciembre'])/12; echo $prom= round($prom, 1) ?>&nbsp; </strong></td>

¿A qué te refieres con que no logras sumar las filas?

Salu2

Hola Pedro en este ejercicio donde dice <<La separación entre letras debe ser un 5% superior a lo normal.>> yo aplicaría un valor en ex que es una medida relativa parecida a em lo que pasa es que em se refiere más a la altura normal de línea y ex al ancho normal de letra

ex
    This unit represents the x-height of the element's font. On fonts with the 'x' letter, this is generally the height of lowercase letters in the font; 1ex ≈ 0.5em in many fonts.

Al usar ex estamos indicando una unidad relativa y para indicar un 5% superior a lo normal podríamos escribir letter-spacing: 1.05ex; y para indicar un 10% superior a lo normal sería 1.1ex;


Cuando se trate de altura por ejemplo La primera letra de cada párrafo debe tener un tamaño un 250% lo normal. podemos usar em

En el ejercicio un 250% sería font-size: 3.5em;

El cálculo que he hecho es 1em es el normal, 2em es el 100% de incremento, 3em el 200% de incremento y 3.5em el 250% de incremento.

div{
float: left;
margin: 33px;
padding: 0;
width: 180px;
height: 300px;
border: solid 6px red;
}
#caja1{
text-transform: uppercase;
letter-spacing: 1.05ex;
}
#caja1 p::first-letter{
font-size: 3.5em;
text-transform: uppercase;
}
#caja2{
text-transform: lowercase;
letter-spacing: 1.1ex;
word-wrap: break-word;
}
#caja3{
text-transform: capitalize;
word-spacing: 10px;
}


La sintaxis p::first-letter (ver http://aprenderaprogramar.com/index.php?option=com_content&view=article&id=718:selectores-avanzados-y-pseudoclases-css-first-child-nth-child-last-not-letter-line-after-before-cu01015d&catid=75:tutorial-basico-programador-web-css-desde-cero&Itemid=203) es una norma CSS que se deba escribir así, es un poco extraño pero es así

El código perfecto

Salu2