Infobulles

Dans les sites utiles, j'ai cité les banques de données. Ces sites offrent une caractéristique particulière bien pratique, qui est de donner les statistiques de l'objet (ou autre élément) survolé avec la souris. Il s'agit d'une infobulle.

Grâce à quelques manipulations sur le forum, j'ai recréé cette possibilité ici. Vous pourrez donc lier directement les caractéristiques d'un objet, PNJ, compétence... sans que l'on ait à changer de page ou aller sur le site. ^^ Voici comment faire :


Procédure :

• Tout d'abord, cherchez votre objet sur le site http://fr.aiondatabase.com/ Vous obtenez l'adresse référencée de l'objet.
Par exemple : http://fr.aiondatabase.com/item/101700505/arc-long-du-z-phyr

• Ensuite, tapez le code html :

Code:

<a class="classe de l'objet" href="adresse">Nom de l'objet</a>

Pour l'exemple :

Code:

<a class="aion-item-text" href="http://fr.aiondatabase.com/item/101700505/arc-long-du-z-phyr">Arc long du zéphyr</a>

Soit : Arc long du zéphyr


Et voilà ! Pour que ça ressorte mieux, vous pouvez mettre le texte en gras : Arc long du zéphyr


Classe des objets :

Dans le code que je vous ai donné, la classe permet d'afficher l'objet avec sa couleur. Il existe différentes classes, selon ce que vous voulez lier :

• Objet : aion-item-text
Ex : Arc long du zéphyr

• Compétence : aion-skill-text
Ex : Evsaion concentrée I

• Recette : aion-recipe-text
Ex : Artisanat balique : Ouvrage du roi dragon sombre

• PNJ : aion-npc-text
Ex : Arlion


Icônes des objets :

En modifiant légèrement le code, il devient possible d'afficher l'icône de l'objet en plus de sa couleur :

• Objet : aion-item-full-small / medium / large
Ex :
Arc long du zéphyr
Arc long du zéphyr
Arc long du zéphyr

• Compétence : aion-skill-full-small / medium / large
Ex :
Evsaion concentrée I
Evsaion concentrée I
Evsaion concentrée I

• Recette : aion-recipe-full-small / medium / large
Ex :
Artisanat balique : Ouvrage du roi dragon sombre
Artisanat balique : Ouvrage du roi dragon sombre
Artisanat balique : Ouvrage du roi dragon sombre

• PNJ : aion-npc-full-small / medium / large
Ex :
Arlion
Arlion
Arlion

Il y a une petite erreur de gestion dans le code, normalement, il devrait être possible d'afficher également l'icône avec l'infobulle sans le texte. Mais ça ne fonctionne pas.

Code html :

Pour que ce système fonctionne, il fait que le html soit activé. Pour cela, vérifiez que la case "Désactiver le html" dans les options du message est décochée. Si elle est cochée par défaut dans vos messages, vous pouvez le modifier dans les Préférences de votre Profil.
Pour faire une infobulle de la manière la plus simple possible, il suffit de mettre le lien de la manière habituelle. Mais dans ce cas, il n'affichera ni la couleur ni l'icône de l'objet.


Des remarques, des questions ? N'hésitez pas, ce sujet peut toujours être complété.

ca a l'air bien... mais j'ai rien pigé --'

T'as pas plus court comme code ? ^^
Je suis assez daccord avec kenage, ça m'a l'air assez complexe ton truc...(mais c'est peut-être que l'apparence ?^^)

Le plus simple reste de mettre le lien comme on le fiat d'habitude, avec le BBcode : [url =http://fr.aiondatabase.com/item/101700505/arc-long-du-z-phyr ]Arc long du zéphyr [/url]
Ce qui donne : Arc long du zéphyr

L'infobulle fonctionne quand même. ^^
Mon explication est surtout pour mettre la couleur de l'objet. Pour faire simple là-dessus, contentez vous de copier le code (en bleu) avec l'adresse internet de l'objet et son nom. ^^

Ca va mieux, ou... ?

J'avoue que je trouve ça assez simple, et vu que ça me semble évident, c'est d'autant plus dur à expliquer. ^^'
Je vais essayer de trouver un moyen d'expliquer tout ça de façon plus claire... ça ne va pas être facile.