Poster une réponse à un sujet: [Web Design] Trucs et Astuces
Attention, ce sujet est un sujet ancien (4362 jours sans réponse)
Gras [b]Texte[/b] Italique [i]Italique[/i] Souligné [u]Souligné[/u] Barré [strike]Barré[/strike]
Courriel [email=nobody@nobody.org]Nom[/email] Lien [url=http://www.website.com]Texte[/url] Ancre [anchor]Nom[/anchor] Image [img]http://www.website.com/image.jpg[/img] Insérer une image en provenance du site
Aligné à gauche [align=left]Texte[/align] Centré [align=center]Texte[/align] Aligné à droite [align=right]Texte[/align] Toute la largeur [align=justify]Texte[/text]
Couleur [color=#000000]Text[/color] Mise en forme [highlight=pascal]Texte[/highlight] Widgets Emoticons :code: [:code] Convertisseur HTML vers BBCode Convertisseur Word vers BBCode
Prévisualisation Vérification de l'orthographe

Copier Coller Couper Tout sélectionner
Tout effacer Insérer la date Insérer l'heure Insérer la date et heure Insérer votre IP
Liste [list=square][item]BlaBla[/item][/list] Liste Numérotée [list=decimal][item]BlaBla[/item][/list]
Citation [quote=name]Texte[/quote] Spoiler [spoiler]James est le meurtrier![/spoiler]
Tout en majuscules [uppercase]Texte[/uppercase] Tout en minuscules [lowercase]Texte[/lowercase] l33t [l33t]Je suis un nerd[/l33t] Texte en indice [sub]Texte[/sub] Texte en exposant [sup]Texte[/sup] Taille du texte [size=8]Texte[/size]
 
blietaer
MMmh cela commence à ressembler à qqchose, les photos sont fort proches, mais ne se recouvrent pas encore...dois-je jouer avec des valeurs de margin/padding négatives?!
max
ah ben voilà :smile: il est bien aussi celui là (et j'avais oublié de parler du float: left qui a son importance).
blietaer
OK, je fonce vers z-index... (connaissait pas)
C'est intéressant de savoir que tout peut être fait "on the fly", mais j'ai pris un plaisir certain à redécouvrir Gimp, donc mes images sont quasi "prêtes" (à leur taille près)
Si tu retrouves l'URL, c'est volontiers (si ce n'est pour le patrimoine de ce topic)


Josette: :cupra: http://line25.com/tutorials/how-to-create-a-pure-css-polaroid-photo-gallery
max
Si tu as déjà tes photos retravaillées (donc "penchées" si je comprends bien), c'est juste une histoire de couche (z-index hein! pas pampers) et de positionnement. Donc tu peux tout faire en css.

Si ça doit être fait de manière aléatoires, tu peux utiliser du js (avec jquery par exemple qui manipule très bien le css).

Si tu pars d'un repertoire de photo non retravaillé, alors on ajoute un peu de php (ou autre langage) pour ajouter un petit coup de pivot sur l'image).

Ou en html5 avec canvas.rotate() je crois, tu peux aussi t'amuser.


Sinon il y a un plugin pour faire ça dont je ne retrouve plus l'url (mais que j'ai dans un coin de pc à la maison)
blietaer
Premier sujet donc:
Comment faire (css? html5? jquery? gimp? ) pour afficher des photos qui se recouvrent légèrement ? Le principe serait de simuler un tas de photos versé sur une table..
Les photos sont déjà retravaillées pour faire 'comme' des photos papiers...
...reste plus qu'à les 'mélanger'
blietaer
Je lance un nouveau topic qui sera bientôt amené à dépasser 300 pages.
Ahem. :itm:

Je pense qu'il y a un bon tiers du forum ici qui compte une *très* belle expérience en web design et un autre tiers qui aimerait bien maitriser le sujet (le tiers restant continuera à couper ses arbres, regarder des videos de chats sur trampolines ou tuner sa tour ATX)
Catégorie:  






Ada
CSS
Cobol
CPP
HTML
Fortran
Java
JavaScript
Pascal
Perl
PHP
Python
SQL
VB
XML
Anon URL
DailyMotion
eBay
Flickr
FLV
Google Video
Google Maps
Metacafe
MP3
SeeqPod
Veoh
Yahoo Video
YouTube
6px
8px
10px
12px
14px
16px
18px
Informaticien.be - © 2002-2024 AkretioSPRL  - Generated via Kelare
The Akretio Network: Akretio - Freedelity - KelCommerce - Votre publicité sur informaticien.be ?