Watermark e descrizione di un’immagine, con PHP!

Sabato 7 Giugno 2008 at 7:46 pm (Guide, PHP, Programmazione, Tutti i posts) (, , , , , )

Ho realizzato questo script veramente facile da utilizzare e configurare (sotto una vista del codice di configurazione), con questo script potrete disegnare un box trasparente sulla vostra immagine ed inserirci del testo, ed aggiungere l’”effetto watermark”, ovvero una di quelle immagini sfumate con il copyright (usate da praticamente tutti i fotografi e photostock per evitare la copiatura selvaggia delle immagini destinate alla vendita). Che dire, se vi piace usatelo! =)

La trasparenza dell’immagine watermark è da impostare quando la si crea (in formato PNG)!

Archivio ZIP: quì
Demo funzionante: quì

Ecco l’anteprima di un’immagine e del codice:

Permalink 2 Commenti

Una classe per gestire l’upload di un file in PHP

Mercoledì 4 Giugno 2008 at 11:30 pm (Guide, PHP, Programmazione, Tutti i posts) (, , , , )

Oggi ho creato una classe che ritengo utile e che mi fa piacere condividere con voi, ecco come si usa:
La classe è reperibile quì

Prima pagina: un form di invio dati

Copiare quanto segue in una pagina ed omettere i cancelletti all’inizio delle righe

<form action=”seconda_pagina.php” method=”post” enctype=”multipart/form-data” name=”form1″>
<input type=”file” name=”to_upload”>
<input type=”submit” name=”Submit” value=”Submit”>
</form>

Seconda pagina (seconda_pagina.php)

Apriamo i tags php:
<?

Ed ora cominciamo ad usare la classe:
$upload=new fileUpload;

Configuriamo l’opzione safe_mode (default: 1)
0: Niente safe_mode
1: Non permette allo script di gestire le cartella madri, ovvero permette solo di usare la directory corrente e tutte le sue subdirectories
$upload->safe_mode=1;

Configuriamo l’opzione allow_overwrite:
0: Non permette agli utenti di sovrascrivere files
1: Permette agli utenti di sovrascrivere files
$upload->allow_overwrite=1;

Lista delle estensioni consentite (indicare senza il “.”, es. array(“png”, “gif”))
$upload->allowed_extensions=array(“jpg”,”jpeg”,”bmp”,”gif”,”png”,”tif”, “wav”);

Dimensione massima del file in byte
$upload->max_size=”3145728″;

La cartella nella quale salvare i files
$upload->setTargetDir(“mydir”);

File da uploadare (dove “to_upload” indica il nome del campo file del modulo)
$upload->setTargetFilename($_FILES['to_upload']['name']);

Nome temporaneo del file (non cambiare se non sai cosa tocchi :P )
if($upload->saveFile($_FILES['to_upload']))
{

Azioni da intraprendere qualora il trasferimento fosse andato a buon fine
print “Tutto ok!”;
}

Se vogliamo informare l’utente del massimo numero di bytes inviabile possiamo scrivere quanto segue
print “<strong>Dimensione massima file</strong>: “.$upload->getMaxSize().” bytes<br>\n”;

Configuriamo la modalità debug (questo parametro va inserito sempre in fondo)
0: Modalita’ debug disattivata
1: Modalita’ debug attivata: dei messaggi ti aiuteranno a capire dove si nascondono i problemi
$upload->debug(0);


Chiudiamo ora i tags
?>

Diamo ora uno sguardo al codice completo:

<?
$upload=new fileUpload;
$upload->safe_mode=1;
$upload->allow_overwrite=1;
$upload->allowed_extensions=array(“jpg”,”jpeg”,”bmp”,”gif”,”png”,”tif”, “wav”);
$upload->max_size=3145728;
$upload->setTargetDir(“mydir”);
$upload->setTargetFilename($_FILES['to_upload']['name']);
if($upload->saveFile($_FILES['to_upload']))
{
print “Tutto ok!”;
}
print “<strong>Dimensione massima file</strong>: “.$upload->getMaxSize().” bytes<br>\n”;
$upload->debug(0);
?>

Permalink Lascia un Commento

Google PageRank su Opera

Lunedì 2 Giugno 2008 at 7:20 pm (Guide, Tutti i posts) (, , , , , )

Premessa: cos’è il PageRank?

Il PageRank costituisce il punteggio attribuito ad un sito da google, viene utilizzato dallo stesso per ordinare i risultati di una ricerca, chi ha un punteggio più alto verrà visualizzato prima di chi ne ha uno basso.
Per ulteriori approfondimenti vi rimando a Wikipedia.

Da un po’ cercavo un widget funzionante da cui potessi ricavare informazioni relative al Pagerank di una pagina, oggi, googleando “page rank opera” ho trovato finalmente ciò che cercavo a questo indirizzo.
Non è un vero e proprio widget, si tratta di un bottone da inserire nella toolbar di Opera, io lo trovo veramente utile!

Veniamo al dunque

Collegarsi a questo indirizzo e premere il pulsante indicato in figura.

Premere “si”, questo permetterà l’aprirsi di una nuova finestra e l’”installazione” del bottone.

Trascinare ora il bottone dove preferiamo sulla toolbar, e rilasciarlo.

Io l’ho messo insieme ad altri collegamenti:

Premere “Ok”, altrimenti si annullerà tutto

Ecco cosa succede quando si clicka sul bottone, il pagerank visualizzato, ovviamente, sarà quello del sito che si stà visitando, il “numerino” che ci interessa è l’ultimo della lista, in questo caso è il 4, vuol dire che il rank della pagina è di 4/10 (10 è il massimo punteggio “ottenibile”).

:)

Permalink Lascia un Commento

Menu orizzontale “rotondeggiante” con css

Lunedì 2 Giugno 2008 at 7:20 pm (Guide, Programmazione, Tutti i posts) (, , , , )

Anteprima

Oggi pacioccavo con il CSS, e ne è venuto fuori qualcosa che ho ritenuto carino, ho deciso di condividerlo.

Ecco cosa ci serve:
Immagine sinistra (sfondo_sx.gif):

Immagine destra (sfondo_dx.gif):  

Logo (logo_30x30.gif):

CSS:

#main_menu {
padding: 9px;
background-color:#003300;
overflow:auto;
padding-bottom: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#main_menu ul, #main_menu ul li {
display: inline;
}
#main_menu a, #main_menu .logo {
float:left;
}
#main_menu a {
cursor: pointer;
color: #FFFFFF;
text-decoration:none;
margin:0 10px;
line-height:27px;
background:url(sfondo_dx.gif) right top no-repeat;
font-size: 12px;
padding-right:9px;
background-color: #006600;
}
#main_menu span {
background:url(sfondo_sx.gif) left top no-repeat;
display:block;
padding-left:9px;
}
#main_menu a:hover {
background-color:#007700;
}

Codice HTML:

<div id="main_menu">
<ul>
<li class="logo"><img src="logo_30x30.gif" width="30" height="30" border="0"></li>
<li><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>Catalogo</span></a></li>
<li><a href="#"><span>Marchi</span></a></li>
</ul>
</div>

Permalink Lascia un Commento