CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| Créer une galerie [Remise en cours exceptionnelle, ne pas déplacer] | |
| Calico
{ Membre }
Messages : 36
| Bonjour, - Objet de la commande: Page css & html
- Détails:
La galerie des membres: Il s'agit d'une mosaïque d'image sur un fond #1a1a1a; Lorsque le curseur passe sur l'une des images, un contour de 2px de couleur #D2D2D2 apparait autour de l'image, lors d'un clique, l'image renvoie à une autre page (différent à chaque image). Différentes galeries: Une suite de lien changeant la partie de droite (voir aperçu: intitulé "Evènement semaine du dessin). Dernière partie: Une suite d'images réduite à 25%, qui lors du passage du curseur laisse apparaître un cadre noir d'opacité 50% (qui apparaît par un défilement du bas vers le haut) avec un texte en blanc. Lors d'un clic, la même image apparait en taille réelle au centre de l'écran (le reste de la page est alors en noir opacité 70%) avec une icone pour fermer cet "fenêtre". Lorsque la souris passe vers la droite du cadre initial, un défilement permet de voir les images suivantes, vers la gauche, de même avec les images précédentes. La page est de largeur 1000px.
- Aperçu:
- Spoiler:
- Autoriser un membre à répondre [X] Oui [] Non
J'espère que ce n'est pas trop demandé, a priori c'est une commande assez longue donc je ne suis pas pressée, Merci d'avance!! ----------------------------------- Edit Imari : REMISE EN COURS EXCEPTIONNELLE, NE PAS CLASSER |
Dernière édition par Calico le Jeu 24 Juin 2010, 08:19, édité 1 fois | |
| | | Kaiji
Blanche-Neige
Messages : 5578
| Bonjour, les codeurs vont avoir besoin des images nécessaires à la construction du code, merci à toi de les leur fournir afin de leur faciliter la tâche. Avec les images fournises, ils peuvent faire des essais sur le forum test et arranger d'éventuels problèmes qu'ils ne verraient pas sans les images.
Merci de ta compréhension ! | | |
| | | Calico
{ Membre }
Messages : 36
| Ah, désolée de pas y avoir penser! Par contre, ce ne sont que des images test..
Première partie: > https://sd-1.archive-host.com/membres/images/1128114841920494/01_43.png > https://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png > https://sd-1.archive-host.com/membres/images/1128114841920494/03_120.png > https://sd-1.archive-host.com/membres/images/1128114841920494/04_16.png
Troisième partie (taille réelle): > https://sd-1.archive-host.com/membres/images/1128114841920494/01b.png > https://sd-1.archive-host.com/membres/images/1128114841920494/02b.png > https://sd-1.archive-host.com/membres/images/1128114841920494/03b.png | | |
| | | Orange
RocketMan
Messages : 3086
| Bonjour, J'ai commencé ta commande, mais je n'aurais pas le temps de la compléter puisque je serais absent jusqu'au 4 ou 5 juillet. C'est pourquoi je te donne mon début de code, un codeur pourra le compléter d'ici mon retour. - Code:
-
<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> <!-- .gal-titre { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 20px; font-style: italic; }
.gal-td { background-color: #CBABAB; }
.gal-td:hover { border: 2px #D2D2D2 solid; } --> </style></head>
<body> <table width="1000" border="0" cellspacing="0" cellpadding="0"> <tr> <td colspan="2"><div class="gal-titre">Galeries des membres</div> <table border="0" cellspacing="8" cellpadding="0" style="background-color: #1a1a1a;" align="center"> <tr> <td colspan="4" rowspan="6" align="center" valign="middle" class="gal-td"><img alt="http://sd-1.archive-host.com/membres/images/1128114841920494/04_16.png" src="http://sd-1.archive-host.com/membres/images/1128114841920494/04_16.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td colspan="2" rowspan="2" align="center" valign="middle" class="gal-td"> </td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img a src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td colspan="2" rowspan="2" align="center" valign="middle" class="gal-td"> </td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img a src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img a src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img a src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img a src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img a src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img a src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> </tr> <tr> <td colspan="3" rowspan="2" align="center" valign="middle" class="gal-td"> </td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img a src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img a src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img a src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img a src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img a src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img a src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img a src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> </tr> <tr> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img a src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img a src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img a src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img a src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img a src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img a src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img a src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img a src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> </tr> <tr> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td rowspan="3" align="center" valign="middle" class="gal-td"> </td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td colspan="3" rowspan="2" align="center" valign="middle" class="gal-td"> </td> <td rowspan="2" align="center" valign="middle" class="gal-td"> </td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img a src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img a src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img a src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img a src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img a src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img a src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img a src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img a src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> </tr> <tr> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img a src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img a src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img a src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td colspan="4" rowspan="2" align="center" valign="middle" class="gal-td"> </td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img a src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> </tr> <tr> <td colspan="2" rowspan="2" align="center" valign="middle" class="gal-td"> </td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td colspan="3" align="center" valign="middle" class="gal-td"> </td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img a src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img a src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img a src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img a src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> </tr> <tr> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="70" height="28" align="center" valign="middle" class="gal-td"> </td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img a src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img a src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img a src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img a src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img a src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img a src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img a src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> <td width="28" height="28" align="center" valign="middle" class="gal-td"><img a src="http://sd-1.archive-host.com/membres/images/1128114841920494/02_90.png" /></td> </tr> </table> <br /></td> </tr> <tr> <td width="300" valign="top"><div class="gal-titre">Différentes galeries</div> <p style="margin-left: 40px;"><strong>> Événement: Semaine du dessin</strong><br /> Peintures (huile-acrylique)<br /> Autre...<br /> Autre...<br /> Autre...<br /> Autre...<br /> Autre...<br /> Autre...<br /> </td> <td width="700" valign="top"><div class="gal-titre">Événement: Semaine du dessin</div></td> </tr> </table> </body> </html>
Note au codeur qui prendra la commande: Pour le script demandé par le membre (pour voir les images en taille réelle) voir: http://www.huddletogether.com/projects/lightbox2/ Voilà. | | |
| | | Calico
{ Membre }
Messages : 36
| Merci déjà d'avoir commencé ma commande (: (: (: | | |
| | | Contenu sponsorisé
| | | | | Créer une galerie [Remise en cours exceptionnelle, ne pas déplacer] | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|
|