Graph Paradise

Bienvenue dans un monde merveilleux. GraphParadise est un forum de graphisme avec tutoriels, jeux, un espace commandes,des ressources pour photoshop, photofiltre, gimp et autre mais aussi et surtout une ambiance de dingue.
 
AccueilCalendrierFAQRechercherMembresGroupesS'enregistrerConnexion

Partagez | 
 

 Réaliser une jolie galerie

Voir le sujet précédent Voir le sujet suivant Aller en bas 
 
Message
Webdesigner
avatar
http://www.synchronizer-design.com
 Synchro
Webdesigner

Age : 46
Messages : 229
Cash Graph : 732
Arrivé(e) sur GP : 21/11/2010
MessageSujet: Réaliser une jolie galerie   Jeu 16 Juin - 0:14

Bonjour a tous les membres de Graph-Paradise.
Je vais vous faire un petit tuto pour réaliser une galerie dans le même style que la mienne vue qu’on me la demander plusieurs fois je vous explique comment faire.

Je vous préviens tout de suite l’effet ne va marcher que sur Graph-Paradise.


Réaliser une jolie galerie pour ce forum

Première effet

Vous allez voir rien de bien compliquer pour l’effet fondu.
Donc commencer par choisir votre image aller l’héberger, récupérer son url et après il reste à la placer sur le forum.

Voila le code à copier collé dans votre topic :

Code:
<img class="gradualfader" src="l’url de votre image"/>

N’oublier pas de changer ça : ="l’url de votre image" par l’adresse de votre image.
Un exemple en image ci-dessous :




Réaliser une jolie galerie pour ce forum

Deuxième effet

Alors la ça va être aussi simple que le premier effet, vous aller pouvoir faire un effet popups sur votre image.
Il va vous falloir deux images une de taille réelle et l’autre plus petite pour pouvoir faire l’effet popups.
Donc commencer par héberger vos deux images.

Une fois héberger nous allons copier coller le code ci-dessous dans un topic :

Code:
<a rel="shadowbox" href="l’url de votre grande image"><img src="l’url de votre petite image"/></a>

Penser a bien changer les deux adresse de vos images la première adresse la grande image, la deuxième adresse la petite image.

Voila le résultat sympa non ? :




Voila pour les deux effets.
Maintenant si vous voulez avoir les deux effets en même temps rien de plus simple il vous suffi de copier coller le code ci-dessous dans un topic :

Code:
<a rel="shadowbox" href=" l’url de votre grande image "><img class="gradualfader" src=" l’url de votre petite image "/></a>

Et bien sur comme pour l’effet d’avant penser a bien changer les deux adresse de vos images.

Résultat des deux effets en même temps :



Voila j’espère que vous allez nous faire des superbes galeries.

~~~~~~~~~~~~~~

Spoiler:
 

Ma Galerie Spécial Web Design
  
 

Réaliser une jolie galerie

Voir le sujet précédent Voir le sujet suivant Revenir en haut 

 Sujets similaires

-
» Galerie de banniere non animer
» Réseau avec RRTC près de Paris ou de Mantes la Jolie
» Galerie de Mars [2012]
» Angelina Jolie
» SWISH MAX - VOTRE GALERIE FLASH
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Graph Paradise :: Espace Administratif :: Infos :: Les news-
Forum crée par Jess, administré par Jess et Candice. Design, codage, structure générale et css crée par Synchronizer-Design. Merci de ne pas prendre les idées de Graph-Paradise pour votre forum. Essayer d'être créatif
Créer un forum | © phpBB | Forum gratuit d'entraide | Contact | Signaler un abus | Forum gratuit