Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

weather on my website

Featured Replies

hi every one,

 

guys i have a question, i have a website and i want to put a weather into my website but the problem is i can not find any website that allows me to choose a layout or design of how weather should appear on the web. i want to design a the weather icons and the layout with a ( GRAPHIC PROCESSING ) application then get an HTML code.

 

Please help me if you any one have an idea...

How do you mean "put a weather on my website" ?

 

Do you mean a weather reporting widget or do you mean you want snow or rain or something appearing on the screen?

 

If the latter try Dynamic Drive.

Edited by nfc212

It doesn't have the flexibility of layout you want, but you can vary the amount of content from basic to quite a lot of weather info

 

Can I change the colour of the Weather Widget, it doesn’t fit the style of my web page?

Only the border colour of the Weather Widget can be changed, the rest should remain in our branded colours.

 

Met Office Weather Widget

i have a website and i want to put a weather into my website but the problem is i can not find any website that allows me to choose a layout or design of how weather should appear on the web. i want to design a the weather icons and the layout with a ( GRAPHIC PROCESSING ) application then get an HTML code.

 

 

Remember computers have no eyes ;) teaching them to see is a lot like braille where you basically poke each pixel one at a time and ask what colour is it? It can be done but it's not easy, slow and a headache to code. But there is an easy way!

 

Find a website that provides an RSS feed for the weather in your area....

http://newsrss.bbc.co.uk/weather/forecast/2576/ObservationsRSS.xml this will give something like this an a lot more information...

 

Temperature: 13°C (55°F), Wind Direction: SW, Wind Speed: 5mph,....etc

 

Pull the string apart using the PHP 'explode' to get at the variables

<?php

// EXPLODE string example

$pizza = "Temperature: 13°C (55°F), Wind Direction: SW, Wind Speed: 5mph,";

$pieces = explode(",", $pizza);

echo $pieces[0]; // Temperature: 13°C (55°F)

echo $pieces[1]; // Wind Direction: SW

 

 

 

Then use IF statements to select your custom images

 

if ($pieces[1] == 'Wind Direction: SW') $wind-pic = 'SW.gif';

if ($pieces[1] == 'Wind Direction: NW') $wind-pic = 'NW.gif';

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.