Bonjour , les staff ect... Infobulles

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

Résolu Bonjour , les staff ect... Infobulles

Message par entonella161 le Mer 20 Avr 2011 - 11:35

Bonjour .

Je voudrais savoir comment installer ce-ci sur mon forum avec ma déco bien sur Wink .

Le voici ::
Spoiler:
*

Merci d'avance . I love you

Et aussi si vous pourriez me passer le code de l'infobulles car je n'i comprend rien . Thanks


Dernière édition par entonella161 le Ven 22 Avr 2011 - 21:26, édité 2 fois

entonella161
Nouveau membre

Féminin
Messages : 29
Inscrit(e) le : 09/03/2011

http://graphs-en-folie.forumgratuit.org/
entonella161 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bonjour , les staff ect... Infobulles

Message par Invité le Mer 20 Avr 2011 - 11:52

Bonjour,

Voici un tutoriel qui devrait vous permettre de débuter votre tableau:
> http://forum.forumactif.com/t222757-mettre-un-tableau-en-page-d-accueil .

Pour le Staff, il s'agit d'infobulles, voici quelques sujets qui en parlent:
> http://forum.forumactif.com/search?mode=searchbox&search_keywords=infobulles&show_results=topics .

Cordialement.

Invité
Invité


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

Résolu Re: Bonjour , les staff ect... Infobulles

Message par entonella161 le Mer 20 Avr 2011 - 12:03

Merci beaucoup , vous êtes très gentille . merci

Mes pour les infobulles je n'i comprend strictement rien dans les autres sujet , je vois leur infos bulle mes je n'arrive pas pourrait vous m'aider SVP .

Pourriez vous me faire par d'un code SVP .

entonella161
Nouveau membre

Féminin
Messages : 29
Inscrit(e) le : 09/03/2011

http://graphs-en-folie.forumgratuit.org/
entonella161 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bonjour , les staff ect... Infobulles

Message par entonella161 le Jeu 21 Avr 2011 - 11:29

Personne ne veut m'aider ?

entonella161
Nouveau membre

Féminin
Messages : 29
Inscrit(e) le : 09/03/2011

http://graphs-en-folie.forumgratuit.org/
entonella161 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bonjour , les staff ect... Infobulles

Message par Invité le Jeu 21 Avr 2011 - 11:42

Bonjour,
Une infobulle est constituée d'un code pour la page d'accueil, et d'un code CSS associé.

Le message en page d'accueil:
Code:
<div class="infobulle"><img src="lien image ou apparait l'infobulle">
<span>Contenu de la bulle</span></div>

Le code CSS ( panneau d'amdin' > affichage > couleur > feuille de style CSS) :
Code:
.infobulle{position: relative;z-index: 0;}

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

.infobulle span{
position: absolute;
background-color: #000000;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #FFFFFF;}

.infobulle span img{
border: 1px;
padding: 5px;}

.infobulle:hover span{
visibility: visible;
top: 70px;
left: 35px;
width: 150px ;
color:#FFFFFF;
border: 1px solid #000;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;}

La partie à personnaliser est la suivante:
Code:
.infobulle:hover span{
visibility: visible;
top: 70px;/*position par rapport au haut de l'image*/
left: 35px;/*position par rapport au bord gauche de l'image*/
width: 150px ;/*largeur de la bulle*/
color:#FFFFFF;/*couleur du texte*/
border: 1px solid #000;/*épaisseurs style et couleur des contours*/
-moz-border-radius: 12px;/*arrondis*/
-webkit-border-radius: 12px;/*arrondis*/
border-radius: 12px;/*arrondis*/}
Pour aligner plusieurs infobulles, placez les dans un tableau. Exemple pour un ligne de 3 infobulles:
Code:
<table><tr><td><div class="infobulle"><img src="lien image ou apparait l'infobulle 1">
<span>Contenu de la bulle 1</span></div><div class="infobulle"><img src="lien image ou apparait l'infobulle 2">
<span>Contenu de la bulle 2</span></div></td><td></td><td><div class="infobulle"><img src="lien image ou apparait l'infobulle 3">
<span>Contenu de la bulle 3</span></div></td></tr></table>

Cordialement.

Invité
Invité


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

Résolu Re: Bonjour , les staff ect... Infobulles

Message par entonella161 le Jeu 21 Avr 2011 - 11:53

Eux , je ne comprend pas votre code ...

entonella161
Nouveau membre

Féminin
Messages : 29
Inscrit(e) le : 09/03/2011

http://graphs-en-folie.forumgratuit.org/
entonella161 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bonjour , les staff ect... Infobulles

Message par Niten le Jeu 21 Avr 2011 - 12:10

Bonjour, avez vous essayé de placer simplement ce code ? Car je l'ai fait pour tester et ça marche parfaitement.
Courage.
Cordialement.

Niten
**

Messages : 80
Inscrit(e) le : 06/04/2011

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

Résolu Re: Bonjour , les staff ect... Infobulles

Message par entonella161 le Jeu 21 Avr 2011 - 12:16

Bien oui , fin je pense car le premier je les mis en page d'aceuille et le reste sur feuille CSS .

entonella161
Nouveau membre

Féminin
Messages : 29
Inscrit(e) le : 09/03/2011

http://graphs-en-folie.forumgratuit.org/
entonella161 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bonjour , les staff ect... Infobulles

Message par Invité le Jeu 21 Avr 2011 - 14:05

Pourriez-vous me donner plus de détails Sur ce que vous ne comprenez pas?
vous semblez avoir fait ce qu'il faut poutant Wink .
Si vous voulez un exemple concret, vous pouvez m'en dire plus: le nombre de membre du staff qui vont apparaitre, sur combien de lignes. Et donnez- moi l'adresse d'un image où doit apparaitre l'infobulle ainsi que ce que doit contenir la petit bulle descriptive ( exemple le rang, une image, un lien vers le profil, un petit texte ...) .

Cordialement.

Invité
Invité


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

Résolu Re: Bonjour , les staff ect... Infobulles

Message par entonella161 le Jeu 21 Avr 2011 - 21:18

Oki , alors le npmbres de staffs et 3 pour l'instant , l'image de l'infobllues je ne c'est pas car je n'est pas compris se que c'est , et je voudrais avoir dans les bulles ::
Staffs ; Notre Template ; Nos partenaires ;et la descriptions du forum Et le truc de personnalisations pour chaque membres de forum .

Voici les informations de ce que j'est compris .
Je c'est je ne comprend rien , et désoler de vous faire perdre votre temps .

entonella161
Nouveau membre

Féminin
Messages : 29
Inscrit(e) le : 09/03/2011

http://graphs-en-folie.forumgratuit.org/
entonella161 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bonjour , les staff ect... Infobulles

Message par Invité le Ven 22 Avr 2011 - 12:29

Bonjour,

Pas de soucis, je réexplique Smile . Je crois d'ailleurs que je n'avais pas compris votre demande correctement Wink .
Première chose à faire: créer un tableau dans lequel on placera tout ce qu'on veut. Dans ce tableau <th> correspond aux titres et <td> aux contenus.
Pour faire 2 cellules en haut et 3 en bas, on divise les lignes du tableau en 6 et on fusionne les cellules (2x3 et 3x2) c'est "colspan" qui permet cela.
A l'intérieur de la cellule du staff, on crée des infobulles que l'on met dans un petit tableau pour qu'elles soient bien positionnées.
A l'intérieur de la cellule des partenaires on insère l'adresse du site et la bannière des partenaires.

Ce qui donne:
Code:
<table cellspacing="4">
<tr>
<th colspan="3">Le staff</th>
<th colspan="3">Notre Template</th>
</tr>
<tr>
<td colspan="3">
   <table>
   <tr>
   <td><div class="infobulle"><img src="lien image ou apparait l'infobulle 1" /> staff1<span>Contenu de la bulle 1</span></td>
   <td><div class="infobulle"><img src="lien image ou apparait l'infobulle 2" /> staff2<span>Contenu de la bulle 2</span></td>
   <td><div class="infobulle"><img src="lien image ou apparait l'infobulle 3" /> staff3<span>Contenu de la bulle 3</span></td>
   </tr>
   </table>
</td>
<td colspan="3"> Votre texte ici</td>
</tr>
<tr>
<th colspan="2">Nos partenaires</th><th colspan="2"> Bienvenue {USER&amp;#8288;NAME}</th><th colspan="2"> Description du forum</th>
</tr>
<tr>
<td colspan="2">
   <a href="adresse partenaire1"><img src=" adresse bannière partenaire1" />partenaire 1</a>
   <a href="adresse partenaire2"><img src=" adresse bannière partenaire2" /> partenaire 2</a>
   <a href="adresse partenaire3"><img src=" adresse bannière partenaire3" /> partenaire 3</a>
   <a href="adresse partenaire4"><img src=" adresse bannière partenaire4" /> partenaire 4</a>
</td>
<td colspan="2">Message de bienvenue</td>
<td colspan="2"> Message de description du forum</td>
</tr>
</table>
A vous de personnaliser le contenu du tableau.

Cordialement.

Invité
Invité


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

Résolu Re: Bonjour , les staff ect... Infobulles

Message par entonella161 le Ven 22 Avr 2011 - 20:49

Merci !!
Mes je n'est pas compris le {USER&amp;#8288;NAME} ?

entonella161
Nouveau membre

Féminin
Messages : 29
Inscrit(e) le : 09/03/2011

http://graphs-en-folie.forumgratuit.org/
entonella161 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bonjour , les staff ect... Infobulles

Message par Invité le Ven 22 Avr 2011 - 21:16

Bonsoir,

C'est de ma faute, j'ai oublié que username est censuré sur ce forum. Ce code permet d'afficher le pseudo de la personne connecté, et se remplace par Invité lorsqu'on ne l'est pas.
Il faut l'écrire ainsi ( en ôtant les espaces):
{ USERNAME }

Cordialement.

Invité
Invité


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

Résolu Re: Bonjour , les staff ect... Infobulles

Message par entonella161 le Ven 22 Avr 2011 - 21:24

Bonsoir .
Merci c'est très gentille de votre part j'est enfin ce que je veut ! Thanks

entonella161
Nouveau membre

Féminin
Messages : 29
Inscrit(e) le : 09/03/2011

http://graphs-en-folie.forumgratuit.org/
entonella161 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bonjour , les staff ect... Infobulles

Message par Invité le Ven 22 Avr 2011 - 21:25

Ravie de voir que ça fonctionne comme vous le souhaitiez! N'oubliez pas d'éditer votre premier message pour mettre l'icône résolu Wink .

Cordialement.

Invité
Invité


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

Résolu Re: Bonjour , les staff ect... Infobulles

Message par entonella161 le Ven 22 Avr 2011 - 21:27

Merci , c'est fait !

entonella161
Nouveau membre

Féminin
Messages : 29
Inscrit(e) le : 09/03/2011

http://graphs-en-folie.forumgratuit.org/
entonella161 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