Comment mettre les membres du staff, clicable:

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Comment mettre les membres du staff, clicable:

Message par Dark-Sasuxis le Mer 21 Juil 2010 - 20:47

Bonjour,
Je voudrais savoir comment faire les membres du staff, mais Clicable, j'ai essayé de faire mais j'y n'arrive pas!

Voici un petit exemple!

Spoiler:


Dark-Sasuxis
**

Masculin
Messages : 86
Inscrit(e) le : 07/07/2010

http://narutoultimecombat.1fr1.net/
Dark-Sasuxis a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment mettre les membres du staff, clicable:

Message par Playgirl1986 le Mer 21 Juil 2010 - 21:38

Bonsoir,

Ce que vous essayer de faire s'appelle Infobulle. Que l'ont peut placer sur une page d'accueil par exemple.

Le code est à placé > (Panneau d'administration > Affichage > Images & Couleurs > Couleurs > Feuille de style CSS) et vous copiez collez dedans :

C'est personnalisable. J'ai testé sur mon forum test et ça fonctionne à merveille.

Code:
.tstaff{font-size:1em;}

.thumbnail{position: relative;z-index: 0;}

.thumbnail:hover{background-color: transparent;z-index: 50;}

.thumbnail span{
position: absolute;
background-color: (couleur du fond de l'infobulle);
padding: 5px;
left: -1000px;
visibility: hidden;
color: (couleur du texte à l'intérieur de l'infobulle);}

.thumbnail span img{border: 1px groove;padding: 2px;}

.thumbnail:hover span{
visibility: visible;
top: 15px;
left: 25px;
width: (largeur de l'infobulle, mettre un peu plus que l'image à l'intérieur);}

Ensuite, ouvrez l'endroit où vous voulez voir apparaitre l'infobulle (cela peut-être sur votre page d'accueil, ou dans un sous-forum, à vous de voir) et copiez/collez-y ce code HTML :

Code:
<table><tr>
<td><div class="thumbnail">
<img src="Lien de la mini image vue de tous">
<span><div class="tstaff" align="center">
Texte que tu peux ajouter, qui sera centré au-dessus de l'image interne
<img src="lien de l'image à l'intérieur de l'info-bulle"><br>
Texte que tu peux ajouter, qui sera centré au-dessous de l'image interne
</div></span>
</div></td>
</tr></table>

Pensez à mettre les liens des images. Si vous souhaitez que l'infobulle apparaisse à partir d'un texte, retirer < img src="Lien de la mini image vue de tous" > & remplacez par le texte que vous souhaitez.

Certaines astuces pour l'infobulle ne fonctionnent que sous mozilla firefox. Celle que je vous donne marche également sous opéra & internet explorer, ce qui est un plus. Bon courage =D

Ce tuto est de Yummy Cookie ©

J'espère t'avoir aidé.

Bonne soirée.

Playgirl1986
**

Féminin
Messages : 75
Inscrit(e) le : 21/07/2009

http://okayahighschool.bbactif.com/forum
Playgirl1986 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment mettre les membres du staff, clicable:

Message par Dark-Sasuxis le Mer 21 Juil 2010 - 22:02

Oooo magnifique, je vais tester!

Dark-Sasuxis
**

Masculin
Messages : 86
Inscrit(e) le : 07/07/2010

http://narutoultimecombat.1fr1.net/
Dark-Sasuxis a été remercié(e) par l'auteur de ce sujet.

L'auteur de ce message est actuellement banni du forum - Voir le message

Résolu Re: Comment mettre les membres du staff, clicable:

Message par magie010101 le Jeu 22 Juil 2010 - 18:08

Juste comme sa, je ne suis pas modos, mais faut mettre le sujet en "résolu".
Puisque je vois que tu es nouveau membres, je t'explique.
Clique sur éditer sur ton 1er message, coche résolu puis enregistre.

magie010101
***

Masculin
Messages : 196
Inscrit(e) le : 16/10/2009

magie010101 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment mettre les membres du staff, clicable:

Message par Dark-Sasuxis le Jeu 22 Juil 2010 - 20:42

Merci, futur Modo^^! BOn j'arrête de délirer

Dark-Sasuxis
**

Masculin
Messages : 86
Inscrit(e) le : 07/07/2010

http://narutoultimecombat.1fr1.net/
Dark-Sasuxis a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment mettre les membres du staff, clicable:

Message par Dark-Sasuxis le Jeu 22 Juil 2010 - 20:43

Ooups, oublier de mettre résolu

Dark-Sasuxis
**

Masculin
Messages : 86
Inscrit(e) le : 07/07/2010

http://narutoultimecombat.1fr1.net/
Dark-Sasuxis a été remercié(e) par l'auteur de ce sujet.

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


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum