Creare un sito image sharing
× Accedi al tuo account

Hai perso la password?
Registrati adesso è GRATUITO

Appena entrato avrai:
Norton Safe Web Connessione HTTPS Sicura

Registrati Adesso!

Menu
NAV
Pubblicità

BETA
Tag: Creare, sito, image, sharing,
Valutazione discussione:
  • 1 voto(i) - 1 media
  • 1
  • 2
  • 3
  • 4
  • 5

Creare un sito image sharing

09/02/2014, 23:19
Tutorial 
2430 Visualizzazioni

Un sito image sharing è un sito che ti permette di hostare le immagini, come tinypic
Ecco come crearne uno
Creiamo un file e lo chiamiamo "index.php":
All'interno del file inseriamo questi codici, possiamo modificare le scritte, e se vogliamo anche i codici

Codice PHP:
<?php
include('config.php');
?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><?php print $title?> - Carica Le Tue Foto </title>
<link rel="stylesheet" type="text/css" media="screen" title="<?php print $title?> Cascading Stylesheet" href="style.css" />
<script type="text/javascript">
//<=!=[=C=D=A=T=A=[

window.onload = function() {
    if(window.location.hash) {
        document.getElementById('showimg').src = '<?php print $filedir?>/' + window.location.hash.substring(1);
        document.getElementById('showdiv').style.display = 'block';
        
    }
}
//]=]=>
</script>
</head>
<body>
<?php 
echo '<P ALIGN="CENTER"><img src="LINK IMMAGINE LOGO" width="600" /></p>'
?>
<h1>Carica le tue foto su <?php print $title?> </h1>
</div>

<div id="showdiv"<?php if(empty($imgurl)) { ?> style="display: none;"<?php ?>>
<img id="showimg" src="<?php if(!empty($imgurl)) print $imgurl; else { ?>about:blank<?php ?>" alt="Caricamento immagine..." />
</div>

<?php
if($_SERVER['REQUEST_METHOD'] == 'POST') {
    
preg_match('/\.([a-zA-Z]+?)$/'$_FILES['file']['name'], $matches);
    if(
in_array(strtolower($matches[1]), $accepted)) {
        if(
$_FILES['file']['size'] <= $maxsize) {
            
$newname md5_file($_FILES['file']['tmp_name']).'.'.$matches[1];
            
move_uploaded_file($_FILES['file']['tmp_name'], $filedir.'/'.$newname);
            
$linkurl 'http://'.$_SERVER['HTTP_HOST'].preg_replace('/\/([^\/]+?)$/''/'$_SERVER['PHP_SELF']).'#'.$newname;
            
$imgurl 'http://'.$_SERVER['HTTP_HOST'].preg_replace('/\/([^\/]+?)$/''/'$_SERVER['PHP_SELF']).$filedir.'/'.$newname;
            print 
'<h2>Caricamento Completato!</h2> <p id="codes"><label for="codebb">Codice per forum:</label><br />
            <input type="text" id="codebb" value="[URL='
.$linkurl.'][IMG]'.$imgurl.'[/IMG][/URL]" onclick="javascript:this.focus();this.select();" readonly="true" /><br />
            <label for="codehtml">Codice per pagina Web: </label><br />
            <input type="text" id="codehtml" value=\'<a href="'
.$linkurl.'"><img src="'.$imgurl.'" alt="Image hosting by '.$title.'" /></a>\' onclick="javascript:this.focus();this.select();" readonly="true" /><br />
            <label for="codedirect">Link Diretto:</label><br />
            <input type="text" id="codedirect" value="'
.$imgurl.'" onclick="javascript:this.focus();this.select();" readonly="true" /></p>';
        } else 
            print 
'<p>Spiacente,il file che stai cercando di caricare è troppo grande!</p>';
    } else
        print 
'<p>Spiacente,il formato del file che stai cercando di caricare non è supportato';
} else
?>
<form enctype="multipart/form-data" action="<?php print preg_replace('/\/([^\/]+?)$/''/'$_SERVER['PHP_SELF']) ?>" method="post">
<input type="hidden" name="MAX_FILE_SIZE" value="<?php print (ini_get('upload_max_filesize')>$maxsize)?ini_get('upload_max_filesize'):$maxsize?>" />
<label for="file">Carica un'immagine: </label><input type="file" name="file" id="file" />  (Dimensione massima <?php print ((ini_get('upload_max_filesize')>$maxsize)?ini_get('upload_max_filesize'):$maxsize)/1024?> KiB)<br />
<input name="submit" type="submit" value="Carica" /> 
</form>
<p id="footer">
 <?php print $title?>
<!--ciao asd!-->
Powered by "NOME CREATORE".
</p>
</body>
</html> 
Adesso creiamo il un altro file che chiamiamo "config.php":
Codice PHP:
<?php
$title 
'Stertix';
$filedir 'pics';
$maxsize 1024*1024//in bytes, 1024*1024 is 1MB
$accepted = array('png''jpg''jpeg''gif''bmp');
$adsenseid 'pub-4572632433232517';
?>
Dovete solo cambiare "Stertix" con il nome del vostro sito
Ora creiamo in file che chiamiamo "style.CSS":
Codice:
.codes {
    display: block;
    width: 100%;
    overflow: scroll;
    white-space: nowrap;
    height: 2.5em;
    font-size: 100%;
    background-color: #FFF
    color: #000
    border: 1px solid #000
}
html {
    text-align: center;
    background: #FFF
}
body {
    background: #FFF
    color: [#000
    text-align: left;
    font-family: sans-serif;
    width: 798px;
    padding: 0 1em 0 1em;
    margin: 0 auto;
    border: 1px solid #CCC
}
#showdiv {
    text-align: center;
}
#squares {
    text-align: center;
}
#squares iframe {
    margin: 0 auto;
}
#codes input{
    width: 80%;
}
#footer {
    text-align: center;
    font-size: small;
}
Qui non avete bisogno di modificare nulla, tranne i colori se volete.
Ok ora creiamo sul desktop un cartella che chiamiamo "template":
[Immagine: 4f92d18f4cd6415a9b4ce16d7746a281.gif]
Dopodichè creiamo un file che chiamiamo "index.html":
Codice PHP:
<?xml encoding="UTF-8">
<!
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
>
<
html xmlns="http://www.w3.org/1999/xhtml">
<
head>
<
title>%SITENAME%</title>
<
link rel="stylesheet" type="text/css" media="screen" title="<?php print $title; ?> Cascading Stylesheet" href="style.css" />
<
script type="text/javascript">
//<=!=[=C=D=A=T=A=[

window.onload = function() {
    if(
window.location.hash) {
        
document.getElementById('showimg').src '%FILEDIR%/' window.location.hash.substring(1);
        
document.getElementById('showdiv').style.display 'block';
        
    }
}
//]=]=>
</script>
</head>
<body>
<h1>%SITENAME%</h1>
</div>
<div id="showdiv" style="display: none;">
<img id="showimg" alt="Caricamento immagine." />
</div>
%UPLOADEDPIC%
<div id="squares">
<script type="text/javascript"><!--
google_ad_client = "%ADSENSEID%";
google_ad_width = 336;
google_ad_height = 280;
google_ad_format = "336x280_as";
google_ad_type = "text_image";
google_ad_channel = "";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "0000FF";
google_color_text = "000000";
google_color_url = "008000";
//--></script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<script type="text/javascript"><!--
google_ad_client = "%ADSENSEID%";
google_ad_width = 336;
google_ad_height = 280;
google_ad_format = "336x280_as";
google_ad_type = "text_image";
google_ad_channel = "";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "0000FF";
google_color_text = "000000";
google_color_url = "008000";
//--></script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<?php
if($_SERVER['REQUEST_METHOD'] == 'POST') {
    
preg_match('/\.([a-zA-Z]+?)$/'$_FILES['file']['name'], $matches);
    if(
in_array(strtolower($matches[1]), $accepted)) {
        if(
$_FILES['file']['size'] <= $maxsize) {
            
$newname md5_file($_FILES['file']['tmp_name']).'.'.$matches[1];
            
move_uploaded_file($_FILES['file']['tmp_name'], $filedir.'/'.$newname);
            
$linkurl 'http://'.$_SERVER['HTTP_HOST'].preg_replace('/\/([^\/]+?)$/''/'$_SERVER['PHP_SELF']).'#'.$newname;
            
$imgurl 'http://'.$_SERVER['HTTP_HOST'].preg_replace('/\/([^\/]+?)$/''/'$_SERVER['PHP_SELF']).$filedir.'/'.$newname;
            print 
'<h2>Immagine caricata con successo</h2> <p id="codes"><label for="codebb">Codice per i forum:</label><br />
            <input type="text" id="codebb" value="[URL='
.$linkurl.'][IMG]'.$imgurl.'[/IMG][/URL]" onclick="javascript:this.focus();this.select();" readonly="true" /><br />
            <label for="codehtml">HTML per siti web: </label><br />
            <input type="text" id="codehtml" value=\'<a href="'
.$linkurl.'"><img src="'.$imgurl.' alt="Immagine hostata da '.$title.'" /></a>\' onclick="javascript:this.focus();this.select();" readonly="true" /><br />
            <label for="codedirect">Link diretto:</label><br />
            <input type="text" id="codedirect" value="'
.$imgurl.'" onclick="javascript:this.focus();this.select();" readonly="true" /></p>';
        } else 
            print 
'<p>File troppo grande.</p>';
    } else
        print 
'<p>Tipo di file non supportato.</p>';
}
?>
<form enctype="multipart/form-data" action="<?php print preg_replace('/\/([^\/]+?)$/''/'$_SERVER['PHP_SELF']) ?>" method="post">
<input type="hidden" name="MAX_FILE_SIZE" value="<?php print (ini_get('upload_max_filesize')>$maxsize)?ini_get('upload_max_filesize'):$maxsize?>" />
<label for="file">Upload an image: </label><input type="file" name="file" id="file" />  (must not be bigger than <?php print ((ini_get('upload_max_filesize')>$maxsize)?ini_get('upload_max_filesize'):$maxsize)/1024?> KiB)<br />
<input name="submit" type="submit" value="Carica" /> 
</form>
<div class="banner">
<script type="text/javascript"><!--
google_ad_client = "%ADSENSEID%";
google_ad_width = 728;
google_ad_height = 90;
google_ad_format = "728x90_as";
google_ad_type = "text_image";
google_ad_channel = "";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "0000FF";
google_color_text = "000000";
google_color_url = "008000";
//--></script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<p id="footer">
Copyright  VOSTRO NOME 
<!--You may not remove the following line without permission!-->
Powered by <a href="INDIRIZZO DEL VOSTRO SITO">NOME DEL SITO</a>.
</p>
</body>
</html> 
Modificate le SCRITTE IN MAIUSCOLO con le vostre informazioni.
Adesso salvate ed inserite il file html nella cartella.
Creiamo una cartella sul desktop e la chiamiamo "pisc":
[Immagine: 77eb914e3ff9b4b5edde560c50cc49c6.gif]
Adesso scarichiamo:
94f4ab2731cae527cf8be067ccb0a7fb: www.mediafire.com/?69cipdie7mg94mw]
una volta scaricati placeholder e 94f4ab2731cae527cf8be067ccb0a7fb inseriteli nella cartella pics.
Per far funzionare il tutto registratevi su un sito hosting (come altervista) e inserite i file e le cartelle dentro "gestione file" e poi farà tutto da solo.
La guida è finita ricordo
NON DOVETE ASSOLUTAMENTE MODIFICARE I NOMI DEI FILE CHE SCARICATE PERCHE' NEI CODICI SONO SELEZIONATI CON I LORO NOMI.



Rispondi
1 utente hanno dato Love a Li3s per questo post:
Natnox (02-10-2014)
Li3s
Utente Genio
106
Tecnico e Gestore
*******
5,072.50C
03/2013
116
979
Gestori
Messaggio: #2
Tutorial Creare un sito image sharing
10/02/2014, 00:09


@LI3S bella guida!


Firma:

Ciao Carò Utente Hai un Problema o una Domanda? bhe allora Contattaci:

Email: info@natnox.com
Twitter: Natnox
Facebook: Natnox

EMINEM & RIHANNA
[Immagine: 9vJLLEP.gif][Immagine: AUpdxc9.gif]

Rispondi


Utente Medio
**
5.00C
02/2014
10
62
Utente Medio
Messaggio: #3
Tutorial Creare un sito image sharing
10/02/2014, 10:27


Inserisci la fonte: :censurato: ;)

Rispondi


(Questo messaggio è stato modificato l'ultima volta il: 10/02/2014, 17:59 da Natnox.)
Tecnico e Gestore
*******
5,072.50C
03/2013
116
979
Gestori
Messaggio: #4
Tutorial Creare un sito image sharing
10/02/2014, 17:57


@SKAUZITREK sei che cavolo fai -.- metti il link di un altro sito -.-


Firma:

Ciao Carò Utente Hai un Problema o una Domanda? bhe allora Contattaci:

Email: info@natnox.com
Twitter: Natnox
Facebook: Natnox

EMINEM & RIHANNA
[Immagine: 9vJLLEP.gif][Immagine: AUpdxc9.gif]

Rispondi


Utente Genio
****
-20.00C
12/2013
28
192
Utente Genio
Messaggio: #5
Tutorial Creare un sito image sharing
10/02/2014, 18:07


Ottima guida,bravo!

Rispondi


Utente Medio
**
5.00C
02/2014
10
62
Utente Medio
Messaggio: #6
Tutorial Creare un sito image sharing
14/02/2014, 17:05


@markselux allora gli dite di inserire la fonte ;) non di prendersi meriti per lavoro di altri XD

Rispondi


Tecnico e Gestore
*******
5,072.50C
03/2013
116
979
Gestori
Messaggio: #7
Tutorial Creare un sito image sharing
14/02/2014, 18:57


@LI3S metti la fonte


Firma:

Ciao Carò Utente Hai un Problema o una Domanda? bhe allora Contattaci:

Email: info@natnox.com
Twitter: Natnox
Facebook: Natnox

EMINEM & RIHANNA
[Immagine: 9vJLLEP.gif][Immagine: AUpdxc9.gif]

Rispondi


Utente Genio
****
-20.00C
12/2013
28
192
Utente Genio
Messaggio: #8
Tutorial Creare un sito image sharing
14/02/2014, 19:11


@Li3s inserisci la fonte entro 24 h o saremo costretti a chiudere!

Rispondi


Utente Genio
****
-6.50C
12/2013
15
106
Utente Genio
Messaggio: #9
Tutorial Creare un sito image sharing
14/02/2014, 19:36


(14/02/2014, 19:11)Giuppi Ha scritto: @Li3s inserisci la fonte entro 24 h o saremo costretti a chiudere!
Non l'aveva già detto mark? :)


Comunque è sottinteso che i codici non li ho fatti io da 0, la guida dal link che ha fornito skauzitrek non scrive per niente le stesse cose.

Rispondi


(Questo messaggio è stato modificato l'ultima volta il: 14/02/2014, 20:13 da Li3s.)
Utente Medio
**
5.00C
02/2014
10
62
Utente Medio
Messaggio: #10
Tutorial Creare un sito image sharing
16/02/2014, 19:21


si i codici dei file sono gli stessi quindi inserisci la fonte ;)

Rispondi


Aggiorna il tuo account per nascondere gli annunci pubblicitari.




Utenti che stanno guardando questa discussione: 1 Ospite(i)



Discussioni simili
Discussione Autore Risposte Letto Ultimo messaggio
  Tutorial [HTML] Creare un link per invio di messaggi o chiamate su iPhone Natnox 0 933 26/02/2015, 02:13
Ultimo messaggio: Natnox
  Problema image sharing Golem0606 3 1,024 09/02/2014, 23:30
Ultimo messaggio: Li3s