Un mundo de conocimiento
    Weather / El tiempo

    Aplicación gratis para pronóstico del tiempo www.tititudorancea.com

    Utilice esta aplicación si desea mostrar la previsión meteorológica para un lugar determinado en su sitio web o blog. Es potente, rápida, fácil de implementar y funciona con unos 200 000 lugares, entre grandes capitales, ciudades e incluso pequeñas localidades de todo el mundo. ¡Y es totalmente gratuita!

    Examine los ejemplos que figuran más abajo y consiga el código de aquél que se adecúe a su sitio web. Si precisa ayuda para configurar esta aplicación, lea los Parámetros de configuración y las Preguntas frecuentes (FAQ) a continuación.



    Pronóstico meteorológico proporcionado por The Titi Tudorancea Bulletin

    Esta instalación es para diseños con abundante espacio horizontal. Para un pronóstico que abarque siete días, la aplicación necesita una anchura mínima de 575px. Si el espacio disponible es mayor, la aplicación se expandirá automáticamente para adaptarse a él.

    Para insertar la aplicación en un diseño de 575px de anchura, asigne los valores
    .WFOT1 {border:0;padding:0}

    Si la anchura del diseño es menor de 575px, puede atribuir a la variable days un valor menor (ej. 4), o emplear la variable columns para forzar a la aplicación a usar dos (o más) filas (ver el ejemplo siguiente).



       

    En este ejemplo, se asignó el valor 3 a la variable columns, mientras que a la variable days se le asignó 6 para hacer que la aplicación emplease dos filas.

    Si asigna los valores
    .WFOT1 {border:0;padding:0}
    la aplicación precisa un espacio horizontal mínimo de 245px. Si asigna el valor columns=2 solo necesitará 165px.




       

    En este ejemplo, se asignó el valor 2 a la variable columns y, en consecuencia, la aplicación utiliza tres filas.

    Con las definiciones CSS por defecto, la aplicación precisa 232 pixels.

    Si establece
    .WFOT1 {border:0;padding:0}
    la aplicación precisa un espacio horizontal mínimo de 165px.

    Si asigna al relleno un valor 4px, como en: .WFOT1 {border:2px solid #E1E1E1; background-color:#F1F1F1; padding:4px} la aplicación precisará 195px.




       

    Esta instalación es para columnas estrechas (con una anchura aproximada de 200px). Esta es la misma que estamos utilizando en nuestro sitio web. La aplicación se expandirá automáticamente para adaptarse a la anchura de columna disponible.

    La variable sidebyside=yes hace que el texto aparezca junto a los iconos (no debajo de ellos, como en ejemplos anteriores). Si se asigna el valor yes a la variable sidebyside, la variable columns será ignorada.



       


    Si necesita insertar la aplicación en un espacio muy estrecho, esta es la instalación que precisa.

    Normalmente requiere 106px, pero si establece
    .WFOT1 {border:0;padding:0}
    la aplicación cabe en 88px.

    En este ejempo se asignó el valor 2 al parámetro days, pero puede atribuírsele el valor 7 para conseguir un pronóstico completo.



    Parámetros de Configuración

    place (obligatorio)

    Este es el parámetro más importante: su valor ha de ser el ID (como una cadena de caracteres) del lugar para el que desea mostrar la previsión meteorológica. Para conseguir el ID de un sitio, diríjase a la página en que figura la previsión para el mismo y pulse el primer botón de “CONSEGUIR EL CÓDIGO” en la columna de la derecha. Cuando lo haga, todas las aplicaciones de esta página se actualizarán para emplear el ID de ese lugar y puede copiar el código desde cualquiera de los ejemplos.

    Si no visitó la página con el pronóstico del lugar antes de llegar aquí, introduzca el nombre de un sitio en la casilla de búsqueda de la derecha y, una vez encontrado, pulse el primer botón de “CONSEGUIR EL CÓDIGO” que aparece en la columna derecha de la página.


    lang (opcional)

    Este parámetro controla el idioma en el que aparece el pronóstico: inglés (en), francés (fr), alemán (de), español (es), italiano (it), portugués (pt) etc. El valor por defecto es en (inglés).


    days (obligatorio)

    Este es otro parámetro relevante. Controla el número de días (el rango válido es entre 1 y 7) de la previsión meteorológica.


    s (opcional, pero recomendable)

    Este parámetro controla el tipo de lugar y contribuye a que la aplicación funcione más rápido. Su valor se asigna automáticamente (el ID del lugar) cuando se pulsa el botón “CONSEGUIR EL CÓDIGO” en la página de pronóstico meteorológico. Los valores admitidos pertenecen al rango 1-3.


    utf8 (opcional)

    Los nombres de algunos lugares incluyen caracteres especiales. Si su sitio web emplea la codificación UTF-8, asigne a este parámetro el valor yes para mostrarlos tal como son. Si su sitio web emplea otra codificación, asigne a este parámetro el valor no (valor por defecto) para trasladar los caracteres especiales a ASCII.

    Si el código fuente de su sitio web incluye algo parecido a meta http-equiv="Content-Type" content="text/html; charset=utf-8", entonces el sitio está codificado en UTF-8 y podrá asignar el valor yes al parámetro utf8 de la aplicación.

    Si el nombre del lugar para el cual desea mostrar la previsión meteorológica no incluye caracteres especiales, el valor de este parámetro no es relevante y puede borrarlo.


    columns (opcional)

    Si quiere limitar el número de columnas (días de pronóstico) en cada fila, ajuste el parámetro columns. Los valores admitidos se encuentran en el rango 1 - 7. Vea ejemplos más arriba.


    sidebyside (opcional)

    Si se le asigna yes, el texto de la previsión meteorológica se mostrará junto a los iconos y no debajo. Por favor, recuerde que si asigna el valor yes a sidebyside, el parámetro columns será ignorado.



    Preguntas frecuentes - FAQ

    ¿Puedo cambiar los colores/fuentes/color de fondo de la aplicación?

    Puede modificar las definiciones CSS para adaptar la aplicación al diseño de su sitio web o blog.

    Por ejemplo, si desea eliminar el borde gris, borre lo siguiente en las definiciones CSS: border:2px solid #E1E1E1;.

    Para eliminar el fondo, sustituya background-color:#F1F1F1; por background-color:#FFFFFF; en la definición .WFOT1.

    Para eliminar el relleno, sustituya padding:10px por padding:0 en la definición .WFOT1.


    ¿Puedo utilizar dos o más aplicaciones en la misma página?

    Sí, pero debe eliminar la línea <div id="wf_div"></div>. del código de cada aplicación. Asimismo, como todas las aplicaciones emplean las mismas definiciones CSS, puede borrar la parte de los estilos CSS (es decir, desde <style> hasta </style>) en la segunda y subsiguientes aplicaciones (mantenga las definiciones CSS solo en la primera).


    ¿Con cuánta frecuencia se actualizan las previsiones?

    Normalmente nuestros pronósticos meteorológicos se actualizan cuatro veces al día.


    ¿Cómo es de rápida la aplicación?

    Nuestra aplicación para la previsión del tiempo es muy rápida. Habitualmente, llega al cliente en unos 0.02 segundos.


    ¿Puedo desplazar las definiciones CSS a la cabecera de mi sitio web o a mi archivo CSS externo?

    Sí, es una buena idea; algunos DOCTYPEs requieren que las definiciones CSS se coloquen en el HEAD de la página html, suele ser un acierto.


    © 1991-2024 The Titi Tudorancea Bulletin | Titi Tudorancea® is a Registered Trademark | Aviso legal
    Contact