Personnaliser une info bulle !

Elendil · Message par **Elendil** » 05 févr. 2007, 14:31

Bonjour ,

ici est une recherche infructueuse.
J'ai apris à mettre une infobulle , quelqu'un pourrait t'il me guider pour passer à l'étape suivante , à savoir , la personnalisation de cette derniere?

Merci a vous

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

Message par **Ymai** » 05 févr. 2007, 14:39

Quelqu'un peut me rappeler le nom de l'extension de FF qui permet de supprimer ces animations?

Elendil · Message par **Elendil** » 05 févr. 2007, 14:43

i dont speak martien ^^

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

HP · Message par HP » 05 févr. 2007, 14:43

AdBlock n'est pas mal pour çà, d'autant plus que les deux images épileptiques sont sur le même espace

...

Message envoyé avec : Mozilla/5.0 (Macintosh; U; Intel Mac OS X; en-US; rv:1.8.1.2pre) Gecko/20070129 Firefox/2.0.0.2pre (Mac Community Build, ElFurbe)

Elendil · Message par **Elendil** » 05 févr. 2007, 15:01

haha ! aurais - je trouvé quelque chose de trop baleze pour vous ?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

Fabrice.Tres.Net · Message par **Fabrice.Tres.Net** » 05 févr. 2007, 17:24

Ymai a écrit :Quelqu'un peut me rappeler le nom de l'extension de FF qui permet de supprimer ces animations?

La plus courte des extensions c'est la touche escape ... juste au bout de son doigt, et hop ces cochonneries, qui polluent notre espace visuel et qui font consommer de l'énergie (la CPU est active à 100%) pour rien, sont arrêtées.

Le mieux c'est quand l'utilisateur se rend compte de l'inutilité de ces animations qui risquent de déranger les bonnes volontés...

Elendil · Message par **Elendil** » 05 févr. 2007, 17:32

euh c'est quoi le sujet ?

je veut juste mettre une infobulle qui indique que "en construction" qui soit jolie...c'est gentil de donner votre avis sur la chose , mais ce n'est pas le but du forum...

merci

edit :

Code : Tout sélectionner

<img src="livredor-2%20copier.gif" td width="138" height="16"><font face="Arial" color="#000000" size="2">
<div alt="En construction"></div></font></td>

est-ce que ce code est bon?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

Message par **Ymai** » 06 févr. 2007, 00:02

Elendil a écrit : edit :
Code : Tout sélectionner
<img src="livredor-2%20copier.gif" td width="138" height="16"><font face="Arial" color="#000000" size="2">
<div alt="En construction"></div></font></td>
est-ce que ce code est bon?

J'ai un gros doute.
La paire de balises <font...> </font> ne contient aucun texte. Elle ne sert donc à rien.
La balise <alt ...> sert, me semble-t-il, à indiquer un texte "alternatif" à une image. Sur un <div...>, j'ignore quel effet elle pourrait avoir.

Voici un exemple d'infobulle personnalisé. Il suffit de reprendre le code HTML et la CSS correspondante:

Code : Tout sélectionner

du code <a href="#" class="bulle">HTML<span>(HyperText
Markup Language (langage de notation hypertexte)</span></a>.

et

Code : Tout sélectionner

<style type="text/css">
a.bulle {
  border-bottom: 1px dotted gray;
  position: relative;
  z-index: 24;
  text-decoration: none;
}
a.bulle span {
  padding: 3px;
  display: none;
  text-align: center;
}
a.bulle:hover {
  z-index: 25;
  background-color: #ccccff;
}
a.bulle:hover span {
  border: 1px solid blue;
  display: block;
  position: absolute;
  top: 3em;
  left: 1em;
  width: 15em;
  background-color: #ccccff;
}
</style>

Bon, sémantiquement...

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1.1) Gecko/20061208 Firefox/2.0.0.1

Elendil · Message par **Elendil** » 06 févr. 2007, 09:09

ok , en fait je doit impérativement entré un code CSS , dans "outils --->editeur CSS" c'est ca?

(parce'qu'en fait y a rien qui veut s'ecrire la dedans ^^ )

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

Message par **Ymai** » 06 févr. 2007, 09:18

Disons, dans un premier temps,
* recopier le premier cadre (le code HTML) quelque part dans le corps du document (entre <body> et </body>.
* recopier le contenu du second cadre (les styles CSS) quelque part dans l'entête du document.
Enregistrer et voir.

Dans un deuxième temps, plancher un peu sur l'utilisation des styles et de KaZcadeS.

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1.1) Gecko/20061208 Firefox/2.0.0.1

Geckozone

Personnaliser une info bulle !

Personnaliser une info bulle !

Qui est en ligne ?