Published in Tempo |
Widget para Previsão do Tempo (Script Grátis)
Use este widget para exibir a previsão do tempo para um determinado lugar no seu website ou blog. É potente, rápido, fácil de instalar e opera com quase 200.000 lugares, metrópoles, cidades e até pequenas vilas de todo o mundo. E é 100% grátis!
Veja os exemplos abaixo e obtenha o código que se adapte ao seu website. Se você precisar de ajuda na configuração deste widget, leia Parâmetros de instalação e FAQ abaixo.
Esta instalaçao é designada a layouts com espaço horizontal amplo. Para uma previsão de sete dias na semana, o widget precisa de uma largura mínima de 575px. Se seu layout é mais largo, o widget se expandirá automaticamente para preencher o espaço disponível.
Para inserir o widget em uma largura de 575px, você tem que:
.WFOT1 {border:0;padding:0}
Se a largura de seu layout for menor que 575px, você pode definir a variável days para um valor mais baixo (ou seja, 4), ou você poderia usar columns variáveis para forçar o widget a usar as duas (ou mais) linhas (veja o próximo exemplo).
Previsão do tempo
fornecido por tititudorancea.info
|
Neste exemplo, as columns variáveis foram definidas para 3, e a variável days foi definida para 6 para fazer o widget usar duas linhas. Se você quiser |
Previsão do tempo
fornecido por tititudorancea.info
|
Neste exemplo, a variável columns foi definida para 2 e o widget usa três linhas. Com as definições CSS padrão, o widget precisa de 232 pixels. Se você definir Se você definir o preenchimento para 4px, como o seguinte exemplo: |
Previsão do tempo
fornecido por tititudorancea.info
|
Esta instalaçao é destinada a colunas estreitas (isto é, as coluna com uma largura de cerca 200px, mais ou menos). Nós estamos usando um no website também. O widget se expandirá para preencher a largura disponível da sua coluna. A variável sidebyside=yes faz com que o texto apareça próximo aos ícones (e não abaixo dos ícones, como nos exemplos precedentes). Se a variável sidebyside é definida para yes, as columns da variável serão ignoradas. |
Previsão do tempo
fornecido por tititudorancea.info
|
Se você precisar de inserir o widget em um espaço estreito, esta é a instalação que você precisa. Isso normalmente precisa de 106px, mas se você definir para Neste exemplo o parâmetro days foi definido para 2, mas você pode definir para 7 para uma previsão completa. |
place (necessário)
Este é o parâmetro mais importante: seu valor deve ser o ID (como um string) do lugar onde você quer exibir na previsão do tempo. Para obter o ID de um lugar, vá a página da previsão para aquele lugar e a seguir clique no primeiro botão "OBTER CÓDIGO" na coluna à direita. Quando você clicar no botão, todos os widgets nesta página serão atualizados para usar o ID do lugar e você pode copiar o código a partir de qualquer exemplo.
Se você não visitou a página de previsão de um lugar antes de chegar aqui, digite o nome de um lugar na caixa de pesquisa à direita e assim que encontrá-lo, clique no primeiro botão "OBTER CÓDIGO" na coluna à direita da página.
lang (opcional)
Este parâmetro controla o idioma da previsão: inglês (en), francês (fr), alemão (de), espanhol (es), italiano (it), português (pt) e mais. O valor de padrão é en.
days (necessário)
Este é outro parâmetro importante. Isso controla o número de dias (o intervalo válido é entre 1 e 7) da previsão.
s (opcional, mas recomendado)
Este parâmetro controla o tipo de lugar e ajuda o widget a funcionar mais rápido. Seu valor é preenchido automaticamente (com o lugar ID) quando você clicar o botão "OBTER CÓDIGO" na página previsão. Os valores aceitos estão no intervalo 1-3.
utf8 (opcional)
Os nomes de alguns lugares incluem caracteres especiais. Se seu website tem codificação UTF-8, defina este parâmetro para yes para exibi-los como eles são. Se seu website usa outra codificação, defina o valor desse parâmetro para no (o valor padrão) para traduzir caracteres especiais em ASCII.
Se a codificação de fonte do seu website inclui algo como meta http-equiv="Content-Type" content="text/html; charset=utf-8"
, então seu site está codificado em UTF-8 e você pode definir o parâmetro utf8 do widget para yes.
Se o nome do lugar onde você quer exibir a previsão não incluir caracteres especiais, o valor deste parâmetro não é importante e você pode excluí-lo.
columns (opcional)
Se você quer limitar o número de colunas (isto é, dias de previsão) em cada linha, defina os parâmetros de columns. Os valores estão no intervalo entre 1 e 7. Veja os exemplos acima.
sidebyside (opcional)
Se este é definido para yes, o texto da previsão é exibido ao lado dos ícones, não abaixo. Por favor, lembre-se que se você definir sidebyside para yes, o parâmetro columns será ignorado.
Posso mudar as cores/fontes/cor de plano de fundo do widget?
Você pode mudar as definições de CSS para adaptar o widget ao design do seu website ou blog.
Por exemplo, se você quer remover a margem cinza, nas definições de CSS, excluir isso: border:2px solid #E1E1E1;
.
Para remover o plano de fundo, substitua background-color:#F1F1F1;
com background-color:#FFFFFF;
na definição .WFOT1
.
Para remover o preenchimento, substitua padding:10px
com padding:0
na definição .WFOT1
.
Posso usar dois (ou mais) widgets na mesma página?
Sim, mas você deve excluir a partir de cada widget a linha <div id="wf_div"></div>
. Também, como todos os widgets usarão as mesmas definições de CSS, você pode excluir a parte de estilos de CSS (isto é, a partir de <style>
a </style>
) do segundo e e subsequente widget (mantenha apenas as definições de CSS do primeiro).
Qual a frequência de atualização das previsões?
Nossas previsões do tempo são normalmente atualizadas quatro vezes por dia.
Quanto este widget é rápido?
Nosso widget de previsão do tempo é muito rápido. É normalmente entregue ao cliente em cerca 0.02 segundos.
Posso mover as definições de CSS na parte do cabeçalho do meu website? Ou no meu arquivo CSS externo?
Sim, esta é uma boa ideia, alguns DOCTYPEs requerem definições de CSS que serão posicionadas no HEAD da página HTML e se for feito jamais será um erro.
If you own or manage a travel-related business such as a hotel, a bed-and-breakfast, a restaurant, a pub or a cafeteria, you can create a web page for your business for free on Titi Tudorancea Travel Info. » |