[GUIDA]Creare un'immagine countdown in PHP

Inviato 13 Aprile 201014 anni

Ciao a tutti, visto che ad alcuni di voi interessa, ho deciso di creare questa guida che vi permetterà di creare la vostra personalissima immagini countdown col linguaggio PHP...

Occorrente:

Uno sfondo in formato .png di qualsiasi dimensione.

Un editor di testo (il blocco note va bene, ma è meglio Notepad++ (Googleate!)

Bene, prima di tutto creiamo un nuovo file di testo e salviamolo in estensione PHP (con Np++ sarà tutto molto più semplice, vi raccomando però di non salvarlo come SCRIPT.php.txt, ma come SCRIPT.php - fate attenzione!).

Iniziamo lo script come inizia un qualsiasi script PHP:

<span class="syntaxdefault"></span><span class="syntaxkeyword"><?</span><span class="syntaxdefault">php</span>[/code:1xzr8oh7]

Bene, lo script è iniziato, ora inseriamo un paio di funzioni che ci serviranno più tardi. La funzione imageoutlinedstring() che ho assemblato io ci permetterà di creare un testo circondato da una linea esterna che renderà l'effetto migliore, aggiungiamola e lo script diventerà così:

[code=PHP:1xzr8oh7]

<?php

functionÂ imageoutlinedstring($image,$font,$x,$y,$string,$incolor,$outcolor){

Â Â Â Â imagestring($image,$font,$x-1,$y,$string,$outcolor);

Â Â Â Â imagestring($image,$font,$x+1,$y,$string,$outcolor);

Â Â Â Â imagestring($image,$font,$x,$y-1,$string,$outcolor);

Â Â Â Â imagestring($image,$font,$x,$y+1,$string,$outcolor);

Â Â Â Â imagestring($image,$font,$x-1,$y-1,$string,$outcolor);

Â Â Â Â imagestring($image,$font,$x+1,$y-1,$string,$outcolor);

Â Â Â Â imagestring($image,$font,$x-1,$y+1,$string,$outcolor);

Â Â Â Â imagestring($image,$font,$x+1,$y+1,$string,$outcolor);

Â Â Â Â imagestring($image,$font,$x,$y,$string,$incolor);

}Â [/code:1xzr8oh7]

Ora ci serve una funzione per calcolare i giorni mancanti, per la quale vi serve sapere esattamente QUANTI GIORNI dall'inizio dell'anno ci sono prima dell'evento attesto. A questo punto base usare la funzione date("z"); per ottenere i giorni passati dall'inizio dell'anno e ottenere quelli mancanti con una semplice differenza.

[code=PHP:1xzr8oh7]

<?php

Â Â Â Â imagestring($image,$font,$x+1,$y,$string,$outcolor);

Â Â Â Â imagestring($image,$font,$x,$y-1,$string,$outcolor);

Â Â Â Â imagestring($image,$font,$x,$y+1,$string,$outcolor);

Â Â Â Â imagestring($image,$font,$x-1,$y-1,$string,$outcolor);

Â Â Â Â imagestring($image,$font,$x+1,$y-1,$string,$outcolor);

Â Â Â Â imagestring($image,$font,$x-1,$y+1,$string,$outcolor);

Â Â Â Â imagestring($image,$font,$x+1,$y+1,$string,$outcolor);

Â Â Â Â imagestring($image,$font,$x,$y,$string,$incolor);

}

functionÂ calculatedays($dayone){

Â Â Â Â $todayÂ =Â date("z")Â +Â 1;

Â Â Â Â $rmnÂ =Â ($dayoneÂ -Â $today);

Â Â Â Â returnÂ $rmn;

}Â [/code:1xzr8oh7]

Fatto, tutte le funzioni personalizzate sono pronte. Ora iniziamo a "creare l'immagine".

In questa seconda parte di codice metterò dei commenti al codice di fianco alle righe per farvi capire meglio.

[code=PHP:1xzr8oh7]

$imÂ =Â imagecreatefrompng("LAMIAIMMAGINE.png");Â //Â metteÂ l'immagineÂ diÂ sfondoÂ inÂ unaÂ variabile

$whiteÂ =Â imagecolorallocate($im,Â 255,Â 255,Â 255);Â //Â allocaÂ nell'immagineÂ ilÂ coloreÂ bianco,Â inÂ modoÂ cheÂ possaÂ essereÂ usatoÂ piùÂ tardi

$blackÂ =Â imagecolorallocate($im,Â 0,Â 0,Â 0);Â //Â idemÂ colÂ coloreÂ nero

header("Content-type:Â image/png");Â //Â dichiaraÂ l'headerÂ dellaÂ pagina,Â diÂ modoÂ cheÂ ilÂ browserÂ sappiaÂ diÂ cosaÂ siÂ tratta

imageoutlinedstring($im,FONTÂ (NUMEROÂ AÂ CASOÂ DAÂ 1Â AÂ 5),COORDINATAÂ XÂ DELÂ TESTOÂ QUI,COORDINATAÂ YÂ DELÂ TESTOÂ QUI,"-"Â .Â calculatedays(GIORNOATTESOINNUMERODALL'INIZIODELL'ANNO),$white,$black);Â //Â scriveÂ iÂ giorniÂ mancantiÂ sull'immagine,Â quiÂ doveteÂ impostareÂ leÂ coseÂ inÂ maiuscolo.Â perÂ laÂ fontÂ consiglioÂ 3,Â perÂ xÂ eÂ yÂ dipendeÂ dallaÂ vostraÂ immagine

imagepng($im);Â //Â finalmente,Â mostraÂ l'immagine

imagedestroy($im);Â //Â distruggeÂ l'immagineÂ inÂ modoÂ daÂ liberareÂ laÂ memoria

Â [/code:1xzr8oh7]

Ecco, il codice è completo, fatti i dovuti aggiustamenti (rileggetevelo e usate un po' di senso logico, ci arriverete).

[code=PHP:1xzr8oh7]

<?php

Â Â Â Â imagestring($image,$font,$x+1,$y,$string,$outcolor);

Â Â Â Â imagestring($image,$font,$x,$y-1,$string,$outcolor);

Â Â Â Â imagestring($image,$font,$x,$y+1,$string,$outcolor);

Â Â Â Â imagestring($image,$font,$x-1,$y-1,$string,$outcolor);

Â Â Â Â imagestring($image,$font,$x+1,$y-1,$string,$outcolor);

Â Â Â Â imagestring($image,$font,$x-1,$y+1,$string,$outcolor);

Â Â Â Â imagestring($image,$font,$x+1,$y+1,$string,$outcolor);

Â Â Â Â imagestring($image,$font,$x,$y,$string,$incolor);

}

functionÂ calculatedays($dayone){

Â Â Â Â returnÂ $rmn;

}

$imÂ =Â imagecreatefrompng("LAMIAIMMAGINE.png");Â //Â metteÂ l'immagineÂ diÂ sfondoÂ inÂ unaÂ variabile

?>[/code:1xzr8oh7]

Il codice completo è qui sopra. Se vi servono chiarimenti chiedete pure.

Inviato 14 Aprile 201014 anni

sembra facile appena o tempo provo.

non ho capito come si mette l'immagine (l'immagine la dobbiamo creare noi giusto?)

Inviato 14 Aprile 201014 anni

Autore

Sì e poi esportarla in png.

Inviato 14 Aprile 201014 anni

Sì e poi esportarla in png.

L'IMMAGINE LA CREO CON PHOTOSHOP E POI COME CE LA METTO LA?

Inviato 14 Aprile 201014 anni

Autore

Allooora...

La salvi in png dopo averla creata con quello che ti pare, dopodiché le dai un nome che ti pare e nello script cambi "LAMIAIMMAGINE.png" in "ILNOMEDELL'IMMAGINECHEHAIAPPENASALVATO.png".

E la metti nella stessa directory dello script.

Inviato 14 Aprile 201014 anni

ma poi come lo metto su facebook o ms?

Inviato 14 Aprile 201014 anni

che dimensione deve avere l'immagine?

Inviato 14 Aprile 201014 anni

Autore

L'immagine può avere qualsiasi dimensione.

Dopo aver finito lo script lo carichi ad esempio su Altervista e poi metti l'indirizzo del file .php tra i tag .

Inviato 14 Aprile 201014 anni

L'immagine può avere qualsiasi dimensione.
Dopo aver finito lo script lo carichi ad esempio su Altervista e poi metti l'indirizzo del file .php tra i tag .

grazie

Inviato 14 Aprile 201014 anni

jack

COORDINATA X DEL TESTO QUI,COORDINATA Y DEL TESTO QUI,

che significa?

Inviato 14 Aprile 201014 anni

L'immagine può avere qualsiasi dimensione.
Dopo aver finito lo script lo carichi ad esempio su Altervista e poi metti l'indirizzo del file .php tra i tag .

i tag [imag] non funzionano su facebook vero?

Inviato 14 Aprile 201014 anni

jack mi puoi controllare il codice ?

<?php
function imageoutlinedstring($image,$font,$x,$y,$string,$incolor,$outcolor){
   imagestring($image,$font,$x-1,$y,$string,$outcolor);
   imagestring($image,$font,$x+1,$y,$string,$outcolor);
   imagestring($image,$font,$x,$y-1,$string,$outcolor);
   imagestring($image,$font,$x,$y+1,$string,$outcolor);
   imagestring($image,$font,$x-1,$y-1,$string,$outcolor);
   imagestring($image,$font,$x+1,$y-1,$string,$outcolor);
   imagestring($image,$font,$x-1,$y+1,$string,$outcolor);
   imagestring($image,$font,$x+1,$y+1,$string,$outcolor);
   imagestring($image,$font,$x,$y,$string,$incolor);
}
function calculatedays($dayone){
   $today = date("z") + 1;
   $rmn = ($dayone - $today);
   return $rmn;
}
$im = imagecreatefrompng("contoallarovescia.png"); 
$white = imagecolorallocate($im, 255, 255, 255);
$black = imagecolorallocate($im, 0, 0, 0);	\
header("Content-
type: image/png");
imageoutlinedstring($im,FONT (4) x5,y5,
,$black);
imagepng($im);
imagedestroy($im);
?>

naturalmente rep +

Inviato 15 Aprile 201014 anni

per hostarlo su altervista mi devi registrare?

Inviato 15 Aprile 201014 anni

Autore

Si devi registrarti.

Comunque ho fatto una modifica alla fine dello script, guardaci.

I tag img non vanno su fb.

Il codice che hai postato non va bene, devi solo copiare lo script in fondo al post e cambiare le parti in maiuscolo. Quella del giorno dall'inizio dell'anno funziona come ad esempio il 15 marzo è 73 (31 + 28 + 15).

La rep+ comunque non la vedo... vabbe'

Inviato 15 Aprile 201014 anni

La rep+ comunque non la vedo... vabbe'

come nooooooo!!!!!!!!!!!!!!!!!!!!!!!!!! ora la rimetto

Inviato 15 Aprile 201014 anni

I tag img non vanno su fb.

come posso fare per metterla su facebook?

Inviato 15 Aprile 201014 anni

Autore

Non lo so, credo serva un'applicazione per mettercela, oppure usarla come immagine di un link ma non so se accetta l'estensione.

Grazie per la rep.

Inviato 15 Aprile 201014 anni

ho finito lo script mi manca solo questo che significa?

header("Content-type: image/png");

come calcolo i giorni?

calculatedays(GIORNOATTESOINNUMERODALL'INIZIODELL'ANNO),$white,$black)

Inviato 15 Aprile 201014 anni

Autore

La riga dell'header copiala così com'è.

Per calcolare i giorni devi contare tutti i giorni che passano dall'inizio dell'anno al giorno che aspetti.

Devi fare la somma aritmetica, non è tanto difficile.

Inviato 16 Aprile 201014 anni

jack ho aggiustato il codice cosi è giusto?

<?php
function imageoutlinedstring($image,$font,$x,$y,$string,$incolor,$outcolor){
   imagestring($image,$font,$x-1,$y,$string,$outcolor);
   imagestring($image,$font,$x+1,$y,$string,$outcolor);
   imagestring($image,$font,$x,$y-1,$string,$outcolor);
   imagestring($image,$font,$x,$y+1,$string,$outcolor);
   imagestring($image,$font,$x-1,$y-1,$string,$outcolor);
   imagestring($image,$font,$x+1,$y-1,$string,$outcolor);
   imagestring($image,$font,$x-1,$y+1,$string,$outcolor);
   imagestring($image,$font,$x+1,$y+1,$string,$outcolor);
   imagestring($image,$font,$x,$y,$string,$incolor);
}
function calculatedays($dayone){
   $today = date("z") + 1;
   $rmn = ($dayone - $today);
   return $rmn;
}
$im = imagecreatefrompng("contoallarovescia.png"); 
$white = imagecolorallocate($im, 255, 255, 255);
$black = imagecolorallocate($im, 0, 0, 0);	\
header("Content-
type: image/png");
imageoutlinedstring($im,FONT (5),x5,y5,
"-
" . calculatedays(109),$white,$black);
imagepng($im);
imagedestroy($im);
?>

quando lo osto su altervista devo hostare lo script e anche l'immagine o solo l'immagine? :3

Inviato 16 Aprile 201014 anni

un'altra cosa c'è il modo per vedere un anteprima?

Inviato 16 Aprile 201014 anni

Autore

<?php
function imageoutlinedstring($image,$font,$x,$y,$string,$incolor,$outcolor){
   imagestring($image,$font,$x-1,$y,$string,$outcolor);
   imagestring($image,$font,$x+1,$y,$string,$outcolor);
   imagestring($image,$font,$x,$y-1,$string,$outcolor);
   imagestring($image,$font,$x,$y+1,$string,$outcolor);
   imagestring($image,$font,$x-1,$y-1,$string,$outcolor);
   imagestring($image,$font,$x+1,$y-1,$string,$outcolor);
   imagestring($image,$font,$x-1,$y+1,$string,$outcolor);
   imagestring($image,$font,$x+1,$y+1,$string,$outcolor);
   imagestring($image,$font,$x,$y,$string,$incolor);
}
function calculatedays($dayone){
   $today = date("z");
   $rmn = ($dayone - $today - 1);
   if ($rmn > 0) {
       return $rmn;
  } else {
  return "";
  }
}
$im = imagecreatefrompng("contoallarovescia.png");
$white = imagecolorallocate($im, 255, 255, 255);
$black = imagecolorallocate($im, 0, 0, 0);
header("Content-type: image/png");
imageoutlinedstring($im,5,5,5,calculatedays(109),$white,$black);
imagepng($im);
imagedestroy($im);
?>

Ho corretto lo script. Il modo per vederlo in anteprima sarebbe troppo incasinato ad ogni modo.

1 mese dopo...

Inviato 31 Maggio 201014 anni

Download Notepad++

Potete scaricare Notepad++ qui: giuV

Inviato 31 Maggio 201014 anni

Re: Download Notepad++

Potete scaricare Notepad++ qui: giuV

non c'era bisogno di postarlo google è nostro amico

non scrivere post di aiuto ti ho gia detto come si fa

2 anni dopo...

Inviato 2 Maggio 201311 anni

Qualcuno riuscirebbe a riportare alla luce questo thread? Personalmente mi interessa parecchio! Sinceramente non saprei da che parte incominciare, al primo post non si capisce nulla. :/