Page 1 sur 1
Personnaliser une info bulle !
Publié : 05 févr. 2007, 14:31
par Elendil
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
Publié : 05 févr. 2007, 14:39
par Ymai
Quelqu'un peut me rappeler le nom de l'extension de FF qui permet de supprimer ces animations?
Publié : 05 févr. 2007, 14:43
par Elendil
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
Publié : 05 févr. 2007, 14:43
par HP
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)
Publié : 05 févr. 2007, 15:01
par Elendil
Publié : 05 févr. 2007, 17:24
par Fabrice.Tres.Net
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...
Publié : 05 févr. 2007, 17:32
par Elendil
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
Publié : 06 févr. 2007, 00:02
par Ymai
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
Publié : 06 févr. 2007, 09:09
par Elendil
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
Publié : 06 févr. 2007, 09:18
par Ymai
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
