Petit astucien | Bonjour, J'ai réaliser un pt'it site, dans l'ensemble il fonctionne, mais juste mes photos s'ouvre en beaucoup trop dedans, j'aimerai que l'affichage ce redimenssionne automatiquement, mais sans perdre la qualité, si les personnes veulent télechargé mes images. l'adresse du site: http://pagesperso-orange.fr/Fan-Aphrodite/ j'aimerai bien avoir des retours, et si vous avez une idée, d'avance mercin Francois | ||||||||
Publicité | |||||||||
| |||||||||
Petit astucien ![]() |
je suis rester 30 secondes ca fait mal au yeux | ||||||||
![]() |
Avec un logiciel de retouches photos, tu fais une miniature et dans dream tu insères d'abord la miniature puis tu vas sur la ligne en dessous et tu mets le lien de l'original et en dessous tu choisis blank pour que l'image entière s'affiche sur une page vierge. Je vais mettre dream sous seven et te faire des screens si tu veux P.S. Change la couleur de police c'est illisible Modifié par eliot3 le 06/05/2010 10:53 | ||||||||
Petit astucien | lafouine: Ok, j vai modifié pour que ce soit plus lisible
Elliot: oui c'est je ke j'ait fait, ta pa vu ke les fond ecran souvre dan 1 nouvelle page? et certain sont immense, j'aimerai ke l'affichage ce reduise automatiquement sans ke je reduise la taille d'origine des mes fichiers... je sait pas si c très claire... | ||||||||
![]() | francoisfrench a écrit :
Je te dis qu'il faut d'abord te faire des miniatures qui seront cliquables et qui mèneront vers l'image original qui ne perdra pas sa qualité. Perso je fais une image de la taille de 400*400 et que je nomme identique à l'original sauf que je mets _1 pour la miniature regardes mon site dans ma signature il est fait avec dream. | ||||||||
Petit astucien | c'est fait ca, tu a regardé mon site? | ||||||||
Petit astucien | dans la categorie fond d'ecran j mis les miniature, kan tu clike dessu ca ovre en grand dans une nouvelle page.. | ||||||||
![]() |
Je viens de regarder en effet ton site et effectivement sur firefox elles sont vraiment grandes. Je vais voir par IE8 | ||||||||
Petit astucien | tu comprend ce ke j'aimerai ? c'est que l'affichage s'adapte a la taille de la fenetre | ||||||||
Petit astucien | personne ne peut m'donner une p'tite piste? | ||||||||
Petit astucien ![]() |
change deja la couleur de ton texte ca fait fuir les gens apres on en parlera moi je fuis ton site comme la peste voila ce que je pense de ton site si tu comprend pas c'est toutes mes condoleances... va voir mon site ici Modifié par lafouine68 le 07/05/2010 19:56 | ||||||||
![]() ![]() | lafouine68 a écrit : Je ne te trouve pas cool de faire ce genre de remarques et j'imagine que toi aussi, tu as fait des erreurs quand tu as débuté , comme nous tous d'ailleurs !!! Un peu de compréhension est toujours bienvenue , PCA est un forum d'entr'aide , il ne faudrait pas l'oublier !!! | ||||||||
Petit astucien | ouf o, ok ! j'ai vu ton site, et il a encore plus de problème d'affichage que le mien, enfait tu y connait ke dal j'crois bien! tu devrais méditer ce dicton: "on voit la paille dans l'oeil de son voisin, on ne voit pas la poutre qui altere sa propre vision" sur ce, bien à toi.. | ||||||||
![]() ![]() | Je pense que l'idéal , c'est de prendre une photo ou image , lui donner une dimension standard ( 1024x768 par exemple) et surtouit pas lourde du tout et de la centrer sur ton écran , le tout sur un fond uni .....
Je dois reconnaitre que la couleur blanche sur du orange, c'est pas terrible pour le confort de lecture ....... | ||||||||
![]() ![]() |
Évidemment, si l'image est plus petite que la résolution d'écran, elle ne prendra pas toute la page, mais si elle est plus grande, elle va s'adapter selon les paramètres des navigateurs : soit elle affichera une barre de défilement horizontale, soit elle sera plus petite mais agrandissable en taille réelle en cliquant dessus. Modifié par elle le 07/05/2010 20:45 | ||||||||
Petit astucien | Oui biensur, je suis d'accord sur le fait que la lecture du texte va pas, y'a pas de soucis a ce niveau la, je vis le corriger. mon soucis viens pour la galeries des fonds d'ecrans que j'ai crée, certains s'ouvre en énorme, j'aimerai que la taille s'adapte au dimension de la fenetre comme cet exemple: http://www.fond-ecran.net/fondshd/automne_002.jpg comme ca je pourrai laisser les dimensions de créations merci de ton conseil, très bonne soirée à toi | ||||||||
PC Astuces a besoin de vous pour survivre. Nos conseils et astuces vous ont aidé ? Vous avez résolu un problème sur votre ordinateur ? Vous avez profité de nos bons plans ? Aidez-nous en retour avec un abonnement de soutien mensuel. 5 € par mois 10 € par mois 20 € par mois
| |||||||||
![]() ![]() |
| ||||||||
![]() ![]() | francoisfrench a écrit : j'aimerai que la taille s'adapte au dimension de la fenetre comme cet exemple: http://www.fond-ecran.net/fondshd/automne_002.jpg
Modifié par elle le 07/05/2010 20:49 | ||||||||
Petit astucien | excuse elle, je n'avai pas vu ton message.. j'ai inserer mes image dans une page html vierge, si je ne les mets PAS dans une page html, je les mets dans quoi? je blok un pu là.. est ce qu'il faut que j crée une regle css iu html?
entous cas merci, c'est constructif | ||||||||
Petit astucien ![]() | francoisfrench a écrit :
le mien non plus, mais il est optimiser pour internet explorer et firefox... je sais pas quel navigateur tu emploie... si ton texte etais déjà plus foncé ca serais plus agréable, car il y a de jolie photos... comme celle ci par exemple qui me plais bien et que j'ai enregistrer je te souhaite plein de visiteurs sur ton site... @+++lafouine | ||||||||
Petit astucien | y'a pas d'soucis j'suis pas succptible lol n'hesite pas un laisser un p'tit cm si t'aime bien... bon mais tous ca résoud pas mon problème pour les images ki s'ouvrent trop grande j'utilise Firefox of course ! | ||||||||
![]() ![]() |
Malheureusement, je pense que le redimensionnement automatique d'images ne peut se faire qu'avec du php, ce qu'Orange n'accepte pas ..... La solution consiterait à faire un album de vignettes avec un effet lightbox ( en js ou css avec images en format 800x600 ou 1024x768 ) et de mettre en dessous un lien pour télécharger la photo en grand, solution plus simple .
A+ | ||||||||
Petit astucien | ok, je pense ke je vais mettre mes images 1024, c le + simple merci pour vos aides | ||||||||
![]() ![]() | francoisfrench a écrit : Comme je disais , rien ne t'empêche même de les mettre en plus petit 600x800 ( plus légères à l'affichage !! ) et de mettre un lien de téléchargement en haute définition, tu ne seras limité que par ton espace d'hébergement ..... L'avantage d'une présentation par vignettes, c'est la clarté et la disposition !! | ||||||||
Petit astucien | t'a pas regardé mon site j'pense... c'est ce ke j'ai fait presentation par vignette et lien vers nouvelle page pour celle en taille normal | ||||||||
![]() ![]() | francoisfrench a écrit : Comme je te le disais, tu n'es pas obligé d'envoyer sur une autre page , tu peux le faire sur la même page .. Regardes ces exemples : - Avec JS : http://www.huddletogether.com/projects/lightbox2/ - Avec CSS : http://www.cssplay.co.uk/menu/magnify.html Ou alors avec popup ...... Pour le premier , c'est assez simple à installer !! | ||||||||
Petit astucien | mille excuse c moi ki avait mal lu ton explication, ca a l'air vachement bien ca ! je vais essayer ca , merci
| ||||||||
![]() ![]() | francoisfrench a écrit : Si tu as besoin d'aide ........ | ||||||||
Petit astucien | ben écoute merci, je crois bien que j'ai besoin d'1 coup de main...http://www.webinventif.fr/jquery-lightbox-plugin-mettez-de-leffet-sur-vos-images/ j'ai telechargé Jquery & light box, je l'ai mis dans le dossier de mon site, inserer les codes 1. < script type = "text/javascript" src = "/js/jquery.js" ></ script > 2. 3. < script type = "text/javascript" src = "/js/slimbox2.js" ></ script > 4. 5. < link rel = "stylesheet" href = "/css/slimbox2.css" type = "text/css" media = "screen" /> comme c expkiqué, juske la pas de problème....
mais aprés je pige pas :( je met mon image etje rentre les ligne des code comme écrit dans le tuto? | ||||||||
Petit astucien | je dois crée une nouvelle règle de css? | ||||||||
![]() ![]() | francoisfrench a écrit : L'idéal, c'est que tu utilises le premier lien que je t'ai donné , c'est le lus simple à mettreen oeuvre !!! | ||||||||
![]() ![]() | Je vais prendre ta page fond d'écran et te montrer ce que cela donne et tu auras les résultat ce soir !! | ||||||||
Petit astucien | ok, j'ai telecharger, mis dans le dossier du site mais c après, ke je blok.. dans lla page u j mes miniatures, j'inserer les 3 ligne de code
et ensuite ? cette ligne de code j capte pzas ou j dois l'ecrire
j'aurai pa du faire la fete hier ! c pas bon pour les neuronnes :( entous cas j'te remercie vachement !! :)
| ||||||||
Petit astucien | je dois crée un nouvelle balise a et inclure | ||||||||
![]() ![]() | Je vais tout de dire pas d'impatience !! Bon dans ton script entre <head> et </head> tu mets ceci :
Puis tu crées le lien sous cette forme
Tu remarqueras que le lien de téléchargement est dans le lightbox ....Bon, comme promis, j'ai presque fini de te faire un exemple avec ta page fond d'écran !! | ||||||||
Petit astucien | oui, j'ai enfin capter! c tout con!! j honte lol c en cherchant kon trouve lol entouts cas MERCI !! :D | ||||||||
Petit astucien | juste encore petite question "photo_1.jpg" c'est bien la petite image?
| ||||||||
![]() ![]() | francoisfrench a écrit : Non, c'est le contraire photo grand modèle, et vignette : petit modèle ...... Voilà ce que cela peut donner , bon tous les liens pour les très très grands modèles ne sont pas actifs ( le nom de tes images est à ch*** | ||||||||
Petit astucien | Waouuuu !! j'suis bluffer ! ok super :D j dis "respect" merci beaucoup | ||||||||
![]() ![]() | francoisfrench a écrit : C'est assez simple à faire , mais pour cela il faut utiliser quelques principes élémentaires : - Pas d'espaces, ni de majuscules dans les noms ( exemple : Elisa_Ferrari .jpg bilan 3 fautes ) pour les images, les boutons ( exemple : Elisa%20contenu.jpg le %20 veux dire un espace ) , etc .... - Utiliser des noms simples sinon une erreur est vite faite ( exemple : Aphrodite-Asia Argento.jpg 4 fautes et un nom trop long ) - Il faut alléger au maximum les photos, car plus tu as de photos lourdes plus la page sera longue à s'afficher et je ne te parle pas des bas-débits !!! La suite au prochain numéro !!
| ||||||||
Petit astucien | au secours lol j un petit problème... est ce que c juste mes ligne de code?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> parceke ca marche pas :( j du faire une erreur , kelke part ! les ficxhier js & css sont placer a la racine du site
| ||||||||
Les bons plans du moment PC Astuces | Tous les Bons Plans | ||||||||||||||||||
|