Bonjour , les staff ect... Infobulles
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Bonjour , les staff ect... Infobulles
Dernière édition par entonella161 le Ven 22 Avr 2011 - 21:26, édité 2 fois
Re: Bonjour , les staff ect... Infobulles
Bonjour,
Voici un tutoriel qui devrait vous permettre de débuter votre tableau:
> https://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:
> https://forum.forumactif.com/search?mode=searchbox&search_keywords=infobulles&show_results=topics .
Cordialement.
Voici un tutoriel qui devrait vous permettre de débuter votre tableau:
> https://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:
> https://forum.forumactif.com/search?mode=searchbox&search_keywords=infobulles&show_results=topics .
Cordialement.
Invité- Invité
Re: Bonjour , les staff ect... Infobulles
Merci beaucoup , vous êtes très gentille .
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 .
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 .
Re: Bonjour , les staff ect... Infobulles
Personne ne veut m'aider ?
Re: Bonjour , les staff ect... Infobulles
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:
Le code CSS ( panneau d'amdin' > affichage > couleur > feuille de style CSS) :
La partie à personnaliser est la suivante:
Cordialement.
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*/}
- 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é
Re: Bonjour , les staff ect... Infobulles
Eux , je ne comprend pas votre code ...
Re: Bonjour , les staff ect... Infobulles
Bonjour, avez vous essayé de placer simplement ce code ? Car je l'ai fait pour tester et ça marche parfaitement.
Courage.
Cordialement.
Courage.
Cordialement.
Niten- **
- Messages : 80
Inscrit(e) le : 06/04/2011
Re: Bonjour , les staff ect... Infobulles
Bien oui , fin je pense car le premier je les mis en page d'aceuille et le reste sur feuille CSS .
Re: Bonjour , les staff ect... Infobulles
Pourriez-vous me donner plus de détails Sur ce que vous ne comprenez pas?
vous semblez avoir fait ce qu'il faut poutant .
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.
vous semblez avoir fait ce qu'il faut poutant .
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é
Re: Bonjour , les staff ect... Infobulles
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 .
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 .
Re: Bonjour , les staff ect... Infobulles
Bonjour,
Pas de soucis, je réexplique . Je crois d'ailleurs que je n'avais pas compris votre demande correctement .
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:
Cordialement.
Pas de soucis, je réexplique . Je crois d'ailleurs que je n'avais pas compris votre demande correctement .
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&#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>
Cordialement.
Invité- Invité
Re: Bonjour , les staff ect... Infobulles
Merci !!
Mes je n'est pas compris le {USER&#8288;NAME} ?
Mes je n'est pas compris le {USER&#8288;NAME} ?
Re: Bonjour , les staff ect... Infobulles
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.
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é
Re: Bonjour , les staff ect... Infobulles
Bonsoir .
Merci c'est très gentille de votre part j'est enfin ce que je veut ! :thanks:
Merci c'est très gentille de votre part j'est enfin ce que je veut ! :thanks:
Re: Bonjour , les staff ect... Infobulles
Ravie de voir que ça fonctionne comme vous le souhaitiez! N'oubliez pas d'éditer votre premier message pour mettre l'icône .
Cordialement.
Cordialement.
Invité- Invité
Re: Bonjour , les staff ect... Infobulles
Merci , c'est fait !
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum