Serwis wykorzystuje pliki cookies. Korzystając z forum wyrażasz zgodę na używanie cookies. Więcej informacji w regulaminie.
StacjePogody.waw.pl

Autor Wątek: Jak zrobić banner pogodowy  (Przeczytany 52234 razy)

Offline Parasol

  • Administrator
  • *****
  • Wiadomości: 2118
  • Otrzymał podziękowań: 91
  • Płeć: Mężczyzna
    • Smartfonki.pl
  • Typ stacji: Netatmo, wcześniej TFA NEXUS i WS3500
Odp: Jak zrobić banner pogodowy
« Odpowiedź #30 dnia: 01 Październik, 2012, 23:07:11 »
Parasol a więc czekam na rozwiązanie bo nic mi nie wychodzi chciałem wzorować się na pliku z róży wiatrów ale i to nie działa więc już straciłem nerwy bzzz.
Jak znajdziesz chwilę to poproszę o podpowiedz co i jak to zrobić.

Trzeba dodać poniższe linie, po $im=imagecreatefrompng('tlo.png'):

$obr_pogoda=imagecreatefrompng(prognoza_pogody($pogoda['48']));
$szerokosc = imagesx($obr_pogoda);
$wysokosc = imagesy($obr_pogoda);
imagecopyresampled($im,$obr_pogoda, 175, 147,0,0,$szerokosc, $wysokosc, $szerokosc, $wysokosc);
imagedestroy($obr_pogoda);

W funkcji prognoza_pogody muszą znajdować się nazwy ikonek np. 'slonce.png' zamiast opisów.

Kod dostosowany dla ikonki pogody w rozmiarze 50x50 pikseli. Zarówno ikonka jak i tło banera musi być plikiem PNG-24 (ważne). Stare tło jest w PNG-8! Ikonka pogody musi być oczywiście transparentna. W załączniku jak to wygląda - dla słońca i deszczu. W najbliższym czasie napisze w serwisie Stacje-Pogody.pl jak to dokładnie zrobić.
« Ostatnia zmiana: 02 Październik, 2012, 09:51:11 wysłana przez Parasol »
Zapraszam do dodawania opinii o swojej stacji pogodowej na stronie:  http://stacje-pogody.pl - Twoja opinia pomoże dokonać właściwego wyboru innym!

Forum Użytkowników Stacji Pogodowych

Odp: Jak zrobić banner pogodowy
« Odpowiedź #30 dnia: 01 Październik, 2012, 23:07:11 »

Offline dandi

  • Stratus
  • ***
  • Wiadomości: 102
  • Otrzymał podziękowań: 1
    • ikonka GG
    • Prognozowanie Pogody dla miasta Choszczno i okolic.
  • Typ stacji: WH 2080
Odp: Jak zrobić banner pogodowy
« Odpowiedź #31 dnia: 02 Październik, 2012, 08:25:35 »
Wszystko pięknie ładnie ale powiedz mi jeszcze gdzie muszą znajdować się ikonki pogody w jakim katalogu przypuszczam że tam gdzie jest tło.
Jak zdefiniować nazwy tych ikonek? Czy muszę coś jeszcze dodawać do pliku php?
Edit:
Ok działa tylko jeszcze jak teraz pozbyć się nazwy ikony slonce.png
Zobacz: http://www.pogoda-choszczno.pl/choszczno_test.php
« Ostatnia zmiana: 02 Październik, 2012, 08:53:52 wysłana przez dandi »

Offline Parasol

  • Administrator
  • *****
  • Wiadomości: 2118
  • Otrzymał podziękowań: 91
  • Płeć: Mężczyzna
    • Smartfonki.pl
  • Typ stacji: Netatmo, wcześniej TFA NEXUS i WS3500
Odp: Jak zrobić banner pogodowy
« Odpowiedź #32 dnia: 02 Październik, 2012, 09:23:32 »
Wszystko pięknie ładnie ale powiedz mi jeszcze gdzie muszą znajdować się ikonki pogody w jakim katalogu przypuszczam że tam gdzie jest tło.
Jak zdefiniować nazwy tych ikonek? Czy muszę coś jeszcze dodawać do pliku php?

Ikonki możesz umieścić w dowolnym katalogu, nazwy zastosować dowolne. Jeżeli nie w głównym, to trzeba podać ścieżkę do pliku, czyli zamiast np. 'slonce.png' => 'pogoda/slonce.png' itp.

Ok działa tylko jeszcze jak teraz pozbyć się nazwy ikony slonce.png

Tutaj, to już nie wiem kompletnie o co ci chodzi :)
« Ostatnia zmiana: 02 Październik, 2012, 09:36:19 wysłana przez Parasol »
Zapraszam do dodawania opinii o swojej stacji pogodowej na stronie:  http://stacje-pogody.pl - Twoja opinia pomoże dokonać właściwego wyboru innym!

Offline dandi

  • Stratus
  • ***
  • Wiadomości: 102
  • Otrzymał podziękowań: 1
    • ikonka GG
    • Prognozowanie Pogody dla miasta Choszczno i okolic.
  • Typ stacji: WH 2080
Odp: Jak zrobić banner pogodowy
« Odpowiedź #33 dnia: 02 Październik, 2012, 09:50:02 »
Zobacz http://www.pogoda-choszczno.pl/choszczno_test.php
Obok ikonki z lewej strony jest nazwa jej ścieżki jak to zlikwidować?

Offline Parasol

  • Administrator
  • *****
  • Wiadomości: 2118
  • Otrzymał podziękowań: 91
  • Płeć: Mężczyzna
    • Smartfonki.pl
  • Typ stacji: Netatmo, wcześniej TFA NEXUS i WS3500
Odp: Jak zrobić banner pogodowy
« Odpowiedź #34 dnia: 02 Październik, 2012, 09:53:21 »
Zobacz http://www.pogoda-choszczno.pl/choszczno_test.php
Obok ikonki z lewej strony jest nazwa jej ścieżki jak to zlikwidować?

Musiałbym mieć wgląd w kod.
Zapraszam do dodawania opinii o swojej stacji pogodowej na stronie:  http://stacje-pogody.pl - Twoja opinia pomoże dokonać właściwego wyboru innym!

Offline dandi

  • Stratus
  • ***
  • Wiadomości: 102
  • Otrzymał podziękowań: 1
    • ikonka GG
    • Prognozowanie Pogody dla miasta Choszczno i okolic.
  • Typ stacji: WH 2080
Odp: Jak zrobić banner pogodowy
« Odpowiedź #35 dnia: 02 Październik, 2012, 09:59:56 »

Offline Parasol

  • Administrator
  • *****
  • Wiadomości: 2118
  • Otrzymał podziękowań: 91
  • Płeć: Mężczyzna
    • Smartfonki.pl
  • Typ stacji: Netatmo, wcześniej TFA NEXUS i WS3500
Odp: Jak zrobić banner pogodowy
« Odpowiedź #36 dnia: 02 Październik, 2012, 10:11:46 »
Kod php wygląda ok.
Zapraszam do dodawania opinii o swojej stacji pogodowej na stronie:  http://stacje-pogody.pl - Twoja opinia pomoże dokonać właściwego wyboru innym!

Offline dandi

  • Stratus
  • ***
  • Wiadomości: 102
  • Otrzymał podziękowań: 1
    • ikonka GG
    • Prognozowanie Pogody dla miasta Choszczno i okolic.
  • Typ stacji: WH 2080
Odp: Jak zrobić banner pogodowy
« Odpowiedź #37 dnia: 02 Październik, 2012, 10:21:59 »
hmm to jak zlikwidować ten opis obrazka wraz ze ścieżką?
Wiesz o jakim mówię?

Edit:
hmm działało i przestało działać hmm nic nie zmieniałem.
Ok już sobie poradziłem teraz tylko wszystko ładnie ułożyć i będzie dobrze dziękuję za pomoc plusik leci
« Ostatnia zmiana: 02 Październik, 2012, 10:54:46 wysłana przez dandi »

Offline Parasol

  • Administrator
  • *****
  • Wiadomości: 2118
  • Otrzymał podziękowań: 91
  • Płeć: Mężczyzna
    • Smartfonki.pl
  • Typ stacji: Netatmo, wcześniej TFA NEXUS i WS3500
Odp: Jak zrobić banner pogodowy
« Odpowiedź #38 dnia: 02 Październik, 2012, 11:12:14 »
Z tym dodaniem zdjęcia to dobry pomysł. Można jeszcze przygotować 2 wersje zdjęć swojej miejscowości. Za dnia i w nocy, i wykorzystać "flagę" informującą o porze dnia. Jeżeli w $pogoda['49'] jest 1 to jest dzień, 0 -noc. W zależności od tego ładujesz określone zdjęcie.
Zapraszam do dodawania opinii o swojej stacji pogodowej na stronie:  http://stacje-pogody.pl - Twoja opinia pomoże dokonać właściwego wyboru innym!

Offline dandi

  • Stratus
  • ***
  • Wiadomości: 102
  • Otrzymał podziękowań: 1
    • ikonka GG
    • Prognozowanie Pogody dla miasta Choszczno i okolic.
  • Typ stacji: WH 2080
Odp: Jak zrobić banner pogodowy
« Odpowiedź #39 dnia: 02 Październik, 2012, 11:28:29 »
No właśnie też o tym myślałem i fajnie by było to zastosować tylko na razie nie wiem jak. Niby proste a jednak mam z tym problem.
A jak zmienić czcionkę w tym co jest teraz?

Offline Parasol

  • Administrator
  • *****
  • Wiadomości: 2118
  • Otrzymał podziękowań: 91
  • Płeć: Mężczyzna
    • Smartfonki.pl
  • Typ stacji: Netatmo, wcześniej TFA NEXUS i WS3500
Odp: Jak zrobić banner pogodowy
« Odpowiedź #40 dnia: 02 Październik, 2012, 13:41:15 »
A jak zmienić czcionkę w tym co jest teraz?

Jest to opisane w artykule jak zrobić baner pogodowy.
Zapraszam do dodawania opinii o swojej stacji pogodowej na stronie:  http://stacje-pogody.pl - Twoja opinia pomoże dokonać właściwego wyboru innym!

Offline Mark

  • Nimbostratus
  • ****
  • Wiadomości: 278
  • Otrzymał podziękowań: 13
  • Płeć: Mężczyzna
    • Pogoda w gminie Ślesin
  • Miejscowość: Ślesin k. Konina
  • Typ stacji: Conrad WS-0101 (WH 2080)
Odp: Jak zrobić banner pogodowy
« Odpowiedź #41 dnia: 23 Grudzień, 2012, 14:55:46 »
Chciałbym dodać ikonkę pogody do banera, ale nie w oparciu o prognozę Cumulusa, ale o depeszę meteo, tzn. żeby było odwzorowanie aktualnej pogody (coś jak ikonka na widgetach meteo). Trudno to zrobić?

Offline Mark

  • Nimbostratus
  • ****
  • Wiadomości: 278
  • Otrzymał podziękowań: 13
  • Płeć: Mężczyzna
    • Pogoda w gminie Ślesin
  • Miejscowość: Ślesin k. Konina
  • Typ stacji: Conrad WS-0101 (WH 2080)
banner pogodowy z ikona deszczu/słońca/chmury
« Odpowiedź #42 dnia: 31 Grudzień, 2012, 12:11:50 »
Dla tych którym podoba się mój baner mam małą niespodziankę. Trochę się namęczyłem z czego niewiele wynikło, ale Karv z forum sandaysoft.com mi pomógł czego efektem jest banner, który pokazuje ikonkę słońca (gdy masz czujnik prom. słonecznego), chmury i deszczu (gdy w ciągu ostatniej godziny padało).
Ja do własnych potrzeb zostawiłem tylko deszcz, ale w załączonym pliku jest możliwość wyświetlenia 3 ikonek. Może komus się spodoba :)
« Ostatnia zmiana: 31 Grudzień, 2012, 12:14:55 wysłana przez Mark »

Offline Mark

  • Nimbostratus
  • ****
  • Wiadomości: 278
  • Otrzymał podziękowań: 13
  • Płeć: Mężczyzna
    • Pogoda w gminie Ślesin
  • Miejscowość: Ślesin k. Konina
  • Typ stacji: Conrad WS-0101 (WH 2080)
temperaura wyświetla się w różnych kolorach w zależności od wartości
« Odpowiedź #43 dnia: 26 Styczeń, 2013, 13:24:24 »
Kolejna modyfikacja z mojej strony. Dzięki podanemu skryptowi temperatura wyświetla się w różnych barwach w zależności od wskazania, czyli np. na granatowo gdy jest poniżej -5*C, a na czerwono gdy jest ok. 30*C. Może ktoś skorzysta :)

Najlepiej przed definicją kolorów tła i poszczególnych parametrów wprowadzić kod:

// Temperature colour mod
$temp_rgb=TEMP_COLOUR(ret_value("temp"));
$tr=$temp_rgb[0];
$tg=$temp_rgb[1];
$tb=$temp_rgb[2];


w definicji kolorów na końcu dopiszcie:
$temp               imagecolorallocate($im$tr$tg$tb);

a w funkcjach:

function TEMP_COLOUR($T)
{
	
if (
$T < -15)
	
{
	
	
$rgb = array("153","0","102"); // -16
	
}
	
elseif (
$T < -10 && $T >= -15)
	
{
	
	
$rgb = array("50","0","127");
	
}
	
elseif (
$T < -&& $T >= -10)
	
{
	
	
$rgb = array("0","0","51");
	
}
	
elseif (
$T < -&& $T >= -8)
	
{
	
	
$rgb = array("0","0","102");
	
}
	
elseif (
$T < -&& $T >= -6)
	
{
	
	
$rgb = array("0","0","153");
	
}
	
elseif (
$T < -&& $T >= -4)
	
{
	
	
$rgb = array("0","0","24");
	
}
	
elseif (
$T && $T >= -2)
	
{
	
	
$rgb = array("0","0","255");
	
}
	
elseif (
$T >= && $T <= 2)
	
{
	
	
$rgb = array("0","64","128"); //   0
	
}
	
elseif (
$T >= && $T <= 4)
	
{
	
	
$rgb = array("0","128","128");
	
}
	
elseif (
$T >= && $T <= 6)
	
{
	
	
$rgb = array("0","64","64");
	
}
	
elseif (
$T >= && $T <= 8)
	
{
	
	
$rgb = array("0","128","64");
	
}
	
elseif (
$T >= && $T <= 10)
	
{
	
	
$rgb = array("0","128","128");
	
}
	
elseif (
$T >= 10 && $T <= 12)
	
{
	
	
$rgb = array("0","64","0");
	
}
	
elseif (
$T >= 12 && $T <= 14)
	
{
	
	
$rgb = array("0","85","0");
	
}
	
elseif (
$T >= 14 && $T <= 16)
	
{
	
	
$rgb = array("0","128","0");
	
}
	
elseif (
$T >= 16 && $T <= 18)
	
{
	
	
$rgb = array("0","179","0");
	
}
	
elseif (
$T >= 18 && $T <= 20)
	
{
	
	
$rgb = array("105","210","0");
	
}
	
elseif (
$T >= 20 && $T <= 22)
	
{
	
	
$rgb = array("213","213","0");
	
}
	
elseif (
$T >= 22 && $T <= 24)
	
{
	
	
$rgb = array("221","111","0");
	
}
	
elseif (
$T >= 24 && $T <= 26)
	
{
	
	
$rgb = array("236","77","0");
	
}
	
elseif (
$T >= 26 && $T <= 28)
	
{
	
	
$rgb = array("255","40","40");
	
}
	
elseif (
$T >= 28 && $T <= 30)
	
{
	
	
$rgb = array("236","0","0");
	
}
	
elseif (
$T >= 30 && $T <= 32)
	
{
	
	
$rgb = array("173","0","0");
	
}
	
elseif (
$T >= 32 && $T <= 34)
	
{
	
	
$rgb = array("120","0","0");
	
}
	
elseif (
$T >= 34 && $T <= 36)
	
{
	
	
$rgb = array("128","0","64");
	
}
	
elseif (
$T 36)
	
{
	
	
$rgb = array("64","0","64"); // +36
	
}
	
return 
$rgb;
« Ostatnia zmiana: 26 Styczeń, 2013, 13:30:15 wysłana przez Mark »

Offline Areecki

  • Cumulonimbus
  • *****
  • Wiadomości: 506
  • Otrzymał podziękowań: 13
  • Płeć: Mężczyzna
    • ikonka GG
    • Pogoda Bukowa
  • Miejscowość: Osiek ( woj. świętokrzyskie )
  • Typ stacji: Viking 02047 ( klon WH 1090) , Termio-1 , Termometr LT-102
Odp: Jak zrobić banner pogodowy
« Odpowiedź #44 dnia: 26 Styczeń, 2013, 16:09:12 »
Możesz podesłać cały kod , żeby było wiadomo dokładnie gdzie co dodać ?
Mark z kolorami można się pobawić dokładniej używając skali wielu kolorów, np co 2 C

« Ostatnia zmiana: 26 Styczeń, 2013, 22:06:16 wysłana przez Areecki »

Fan Page Amatorskich Stacji Meteo na FB : https://www.facebook.com/groups/750342651716988/
Linki Pogodowe : http://areecki.pl/POGODA.html