Infobulle Pour mon Forum

Fermé
Djmisterjon - 29 avril 2011 à 03:07
varfendell Messages postés 3256 Date d'inscription jeudi 27 décembre 2007 Statut Membre Dernière intervention 8 février 2020 - 29 avril 2011 à 10:46
Voila je me suis mit à essayer plusieurs solution, pour mettre des infos bulles automatique sur les mots.
Je croie être proche de la vérité avec cette méthode mais je suis bloquer par mon manque de connaissance sur les code à attribuer et leurs fonctions.
Je m'explique voila l'exemple comment Jai procéder.
Dans le forum on peut modifier un mot par un autre mot censurer,
Jai censurer le mot RSI pour le remplacer par ceci
<a class="info" href="#">RSI<span> id="RSI" </span></a>



Le <span>id="RSI"</span> est le texte id que l'infobulle ira chercher dans la page html
(Example je sai que ce n'est pas bon)


Voila dans .css j'ai ajouté
-----------------------------------
a.info{
position:relative;
z-index:24;
color:#000;
text-decoration:none
}

a.info:hover{
z-index:25;
background-color:#FFF
}

a.info span{
display: none
}

a.info:hover span{
display:block;
position:absolute;
top:2em; left:2em; width:15em;
border:1px solid #000;
background-color:#FFF;
color:#000;
text-align: justify;
font-weight:none;
padding:5px;
}

-------------------------------------


Et dans ma page html

<span id>"RSI"= Description contenue dans l'infobulle pour le mot RSI </span>


Je saï que sur la page html cela n'est pas bon, mais vous comprenez un peut le principe.
Je cherche à changer le mot Censurer en mot censuré + lien en Spann infobulle Le problème casque, je ne saie pas trop comment lui accorder une valeur id afin que celui-ci aie cherché le texte description dans le html.
Car le moteur sensur est limiter pour ajouter exemple la description du mot saï pour cela que je dois mettre la description du mot ailleurs mais m'arranger pour que la description ai une valeur afin que la censure Remplace le mot par le même mais que celui-ci deviens un lien pour l'info bull avec son propre texte.




Je vous joins des image de mes outils disponibles.
http://i23.servimg.com/u/f23/16/03/81/21/th/3y5yuu10.png

http://i23.servimg.com/u/f23/16/03/81/21/th/3y5yuu11.png

http://i23.servimg.com/u/f23/16/03/81/21/th/templ10.png

-------------------------------------------------------



Quelque aurai une correction ou une méthode meilleur s'il vous plaît
N'oublier pas que ses un forum PHPBB de Forum actif en PHPbb2
Merci a vous pour l'aide les amis.
Merci Mille foi on est plusieurs a ce demander comment

Lien de Mon forum au besoin

http://forex-trader-univers.annuairedeforums.com


Source du scripte que j'ai utilisé.

http://creer-un-site.fr/creer-une-info-bulle-en-css-70.php

1 réponse

varfendell Messages postés 3256 Date d'inscription jeudi 27 décembre 2007 Statut Membre Dernière intervention 8 février 2020 704
Modifié par varfendell le 29/04/2011 à 10:47
Bonjour,

Tu te prend le chou pour rien:

Il existe un attribut vachement chouette que tu peut utiliser. Voici un exemple:

<p> boujour <span title="Ba oui, j'aime deire bonjour a totu le monde"> tout </span> le monde</p> 
<p> <span title="Retrait Systématique d'Irigation"> RSI</span> </p> 



Quand tu reste sur le mot, une info bulle s'affiche avec le contenu de la balise title. Essaye, c'est magique ;)

et le mieux c'est que sa marche pour n'importe quel vbalise (image, titre, tout et n'importe quoi)

<img src="images/hawai.jpg" alt="Photo de Hawaii" title="Ca fait envie hein ?" />

La bretagne...le plus bel endroit au monde.
0