Petit Site

Présentez votre profil, votre serveur ou votre projet ... .
Avatar du membre
Diconico07
Messages : 1783
Enregistré le : 18 juin 2008, 18:14
Localisation : sur la loire

Message par Diconico07 » 20 sept. 2008, 22:08

Si ça t'intéresse j'ai fait un script qui agrandis les images quand tu clique dessus, avec une animation en entrée et en sortie.
tu peux le voir sur la galerie de map que j'avais faites (ratée) quand tu clique sur une image (je rappelle le lien pour les amnésiques : http://diconico07.free.fr/Map_gallery/m ... e=map&id=5)
Autrement je pour un style regarde ceci pour une image de fond : http://www.stripegenerator.com/
et pour faire des menus avec une couleur de fond transparente il y a la propriété css opacity (1:opaque 0:transparent)
Modifié en dernier par Diconico07 le 20 sept. 2008, 23:19, modifié 1 fois.
“A computer is like air conditioning; it becomes useless when you open Windows.” Linus Torvalds

Avatar du membre
ermina
Messages : 1034
Enregistré le : 27 avr. 2008, 14:38

Message par ermina » 20 sept. 2008, 23:17

Diconico07 a écrit :pour une image de fond : http://www.stripegenerator.com/
énorme, ce site. par contre après quelques essais je peux affirmer sans trop me tromper
qu'il faut bien doser les différents paramètres pour éviter de faire un fond qui génère des maux de crâne terribles :p

on peut aussi regretter les modes / uniformisations de design sur le web, mais c'est un autre débat ^^

j'ai consulté un peu la norme html5 et pour ma part je verrai pas trop de différence avec html4 car j'évite
déjà toute mise en forme dans le document. (<div> + css sont suffisants pour mon usage).

ce topic devrait s'étoffer en un how-to webdesign :)
away for a while

Avatar du membre
Diconico07
Messages : 1783
Enregistré le : 18 juin 2008, 18:14
Localisation : sur la loire

Message par Diconico07 » 20 sept. 2008, 23:23

J'attends plus css3 moi.
un how-to webdesign qui n'est pas très complet alors :P
un logiciel pour ceux qui comme moi n'arrivent pas a trouver des couleurs qui vont ensemble : Agave (il est disponible sur les dépots ubuntu)
“A computer is like air conditioning; it becomes useless when you open Windows.” Linus Torvalds

Avatar du membre
ermina
Messages : 1034
Enregistré le : 27 avr. 2008, 14:38

Message par ermina » 20 sept. 2008, 23:51

chut, agave c'est un secret. pour faire croire qu'on a un sens des couleurs à toute épreuve.
(m'en sers tout le temps, c'est trop pratique).
away for a while

Avatar du membre
Diconico07
Messages : 1783
Enregistré le : 18 juin 2008, 18:14
Localisation : sur la loire

Message par Diconico07 » 20 sept. 2008, 23:58

c'est vrai que c'est très pratique. J'ai été ravi de le découvrir il y a quelque temps.
“A computer is like air conditioning; it becomes useless when you open Windows.” Linus Torvalds

Lidys
Messages : 1993
Enregistré le : 31 mai 2008, 19:49

Message par Lidys » 21 sept. 2008, 00:20

Ouch,

Le site est une bonne idée, mais moi perso les liens en rouge et tout ça me pète tellement les yeux que j'ai du mal à regarder le site :s

Et puis devoir ajouter les screenshots en te les envoyant par mail ça va en décourager plus d'un je pense, c'est un peu lourd :/
Fan des KoS

Mael
Ancien responsable UTF
Messages : 1223
Enregistré le : 30 juin 2008, 19:10
Localisation : un peu plus a droite

Message par Mael » 21 sept. 2008, 09:22

je sais mais je ne sais pas comment faire pour mettre un lien ajouter une image et ca l'upload sur le site ! si diconico sait :P !!
diconico sympa ton script sauf que le demarage et un poil lent mais je le veux bien et pour le fond je vais laisser comme ca, je connaissais pas pour faire des menu transparent, et je vient d'essayer et on peux pas le faire mi-transparent :( soit il est transparent et on voit quedal soit c'est normal ...

merci
Modifié en dernier par Mael le 21 sept. 2008, 09:27, modifié 1 fois.
#mG`M@3l
Tousse pour un, rhume pour tous

Mael
Ancien responsable UTF
Messages : 1223
Enregistré le : 30 juin 2008, 19:10
Localisation : un peu plus a droite

Message par Mael » 21 sept. 2008, 11:49

uP :D
#mG`M@3l
Tousse pour un, rhume pour tous

Mael
Ancien responsable UTF
Messages : 1223
Enregistré le : 30 juin 2008, 19:10
Localisation : un peu plus a droite

Message par Mael » 21 sept. 2008, 12:07

C'est bon j'ai reussi a te piquer ton script :P lol avec safari sur mac je peux tout piquer sur les pages web meme les vidéos :D
#mG`M@3l
Tousse pour un, rhume pour tous

Avatar du membre
Diconico07
Messages : 1783
Enregistré le : 18 juin 2008, 18:14
Localisation : sur la loire

Message par Diconico07 » 21 sept. 2008, 12:40

pour tout transparent ou non, il faut mettre une virgule 0.5 mi transparent.
quant au script pour les screenshots, il faut utiliser du php.

PS: si tu es obligé de mettre de la pub sur ton site change d'hébergeur
PS2: Tu devrai mettre le lien dans ton profil a site web pour que l'on y accède plus facilement.
Edit: si le début de mon script est lent, c'est qu'il attend que l'image soit charger avant de l'afficher.
Modifié en dernier par Diconico07 le 21 sept. 2008, 12:41, modifié 1 fois.
“A computer is like air conditioning; it becomes useless when you open Windows.” Linus Torvalds

Mael
Ancien responsable UTF
Messages : 1223
Enregistré le : 30 juin 2008, 19:10
Localisation : un peu plus a droite

Message par Mael » 21 sept. 2008, 12:48

pour ton script je vient de comprendre lol suis-je bete ! pour les pubs les annonces google ou les textes de m**** en bas ?
et je ne m'y connais pas en php pour la simple et bonne raison que je ne peux pas apprendre car mon logiciel de php (MAMP car sous mac) j'y pige quedal xD mais toi tu t'y connais ? car tu pourrais me faire un piti code :P lol. et super ton petit script, bien pratique.
et aussi j'allais oublier pour le semi transparent j'avais essayer mais avec un virgule comme ca 0,5 et comme tu me dit qu'il faut faire comme ca 0.5 je vais essayer

merci de m'aider a améliorer
Modifié en dernier par Mael le 21 sept. 2008, 12:49, modifié 1 fois.
#mG`M@3l
Tousse pour un, rhume pour tous

Avatar du membre
Diconico07
Messages : 1783
Enregistré le : 18 juin 2008, 18:14
Localisation : sur la loire

Message par Diconico07 » 21 sept. 2008, 13:02

C'est pour les textes en bas.
Et bien en fait un piti code c'est plus compliqué que ça faut tout refaire en php car si il envoi les image faut aussi qu'il les rajoute aux pages et que tu puisse les accepter/refuser . Tu peux te renseigner sur les galleries en php déjà toutes faites autrement, peut-être qu'une d'entre elle aura toute les fonctionnalités que tu souhaite.
pour mamp voici un tuto pour son installation/configuration : http://www.apprendre-php.com/tutoriels/ ... -mamp.html
Pour apprendre Php je te conseille ce tuto : http://www.siteduzero.com/tutoriel-3-14 ... c-php.html
Je t'aurais bien fait ce script, mais je n'ai pas le temps de le faire.
“A computer is like air conditioning; it becomes useless when you open Windows.” Linus Torvalds

Mael
Ancien responsable UTF
Messages : 1223
Enregistré le : 30 juin 2008, 19:10
Localisation : un peu plus a droite

Message par Mael » 21 sept. 2008, 13:05

c'est pas grave de toute façon c'etait a moitié une plaisanterie et pour le tuto PHP je connais c'est la que j'apprend :) et merci pour le tuto mamp !
je vais chercher des galeries d'images en php je sais pas si ca existe comme moi, ajouter chacun ses screenshots

merci :)
#mG`M@3l
Tousse pour un, rhume pour tous

Mael
Ancien responsable UTF
Messages : 1223
Enregistré le : 30 juin 2008, 19:10
Localisation : un peu plus a droite

Message par Mael » 21 sept. 2008, 16:26

c'est bon j'ai fait un formulaire en php etc... ca marche et après quedal dans mon dossier o_O :O !!!
diconico aide moi :'( stp lol

code upload.html (formulaire) :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>envoi d'un screenshot</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<body>

<link rel="stylesheet" media= "screen" type="text/css" title="hhh" href="index.css"/><center><p class="bienvenue">screenshots sur screen-urt.tk</p></center>

<center>
<p class="formulaire"> * = champs obligatoires</p>

<form method="post" action="upload.php" enctype="multipart/form-data">
<label for="categ">Catégorie de l'image (catégorie du site)*</label><br/>
<input type="text" name="categ" value="catégorie" id="categ"/><br/><br/>
<label for="categ2">Catégorie manquante sur le site</label><br/>
<input type="text" name="categ2" value="catégorie manquante" id="categ2"/><br/><br/>
<label for="mon_fichier">Fichier image (tout format image | max. 1Mo)*</label><br />
<input type="hidden" name="MAX_FILE_SIZE" value="100000" />
<input type="file" name="avatar" id="avatar" /><br /><br/>
<label for="titre">Titre de l'image | max 50 caractères:</label><br />
<input type="text" name="titre" value="Titre du fichier" id="titre" /><br /><br/>
<input type="submit" name="submit" value="Envoyer" />
</form>
</center>

</head></body>
</html>


code upload.php (envoi) :

<?php
$dossier = 'upload/';
$fichier = basename($_FILES['avatar']['name']);
$taille_maxi = 100000;
$taille = filesize($_FILES['avatar']['tmp_name']);
$extensions = array('.png', '.gif', '.jpg', '.jpeg');
$extension = strrchr($_FILES['avatar']['name'], '.');
//Début des vérifications de sécurité...
if(!in_array($extension, $extensions)) //Si l'extension n'est pas dans le tableau
{
$erreur = 'Vous devez uploader un fichier de type png, gif, jpg ou jpeg !';
}
if($taille>$taille_maxi)
{
$erreur = 'Le fichier est trop gros !';
}
if(!isset($erreur)) //S'il n'y a pas d'erreur, on upload
{
//On formate le nom du fichier ici...
$fichier = strtr($fichier,
'ÀÁÂÃÄÅÇÈÉÊËÌÍÎÏÒÓÔÕÖÙÚÛÜÝàáâãäåçèéêëìíîïðòóôõöùúûüýÿ',
'AAAAAACEEEEIIIIOOOOOUUUUYaaaaaaceeeeiiiioooooouuuuyy');
$fichier = preg_replace('/([^.a-z0-9]+)/i', '-', $fichier);
if(move_uploaded_file($_FILES['avatar']['tmp_name'], $dossier . $fichier)) //Si la fonction renvoie TRUE, c'est que ça a fonctionné...
{
echo 'Image envoyée avec succès !';
}
else //Sinon (la fonction renvoie FALSE).
{
echo 'Echec de l'envoi !';
}
}
else
{
echo $erreur;
}
?>



voila HELP !!! :P
#mG`M@3l
Tousse pour un, rhume pour tous

Avatar du membre
Diconico07
Messages : 1783
Enregistré le : 18 juin 2008, 18:14
Localisation : sur la loire

Message par Diconico07 » 21 sept. 2008, 16:47

est-ce que php a le droit d'écrire dans le dossier upload ?
pour le nom de fichier utilise plutot un uniqid() (pour éviter les conflits) et n'oublie pas l'extention.
edit: je viens de tester pour moi ça marche
reedit : ton fichier affiche du iso8859-1 mais est écrit en utf-8
Modifié en dernier par Diconico07 le 21 sept. 2008, 16:58, modifié 1 fois.
“A computer is like air conditioning; it becomes useless when you open Windows.” Linus Torvalds

Répondre