PDA

Afficher la version complète : Résolu ! Afficher le Favicon d'un lien



HuRRR
21/07/2010, 22h45
Bonjour !!!! :)

Je suis à la recherche d'une modification qui permettrait, sur mon forum, d'afficher le favicon d'un lien donné, comme dans l'exemple ci-dessous. Une fois un lien inscrit dans un message, celui-ci est précédé de son favicon ...


http://imgur.com/bhCqN.png (http://imgur.com/bhCqN.png)


Cet exemple est tiré d'un forum tournant sous FluxBB, mais j'aimerais bien l'adapter pour vBulletin 4.x si possible.

Merci à l'avance !!!!

karev
21/07/2010, 23h08
ca c'est un script mootools qui cherche et place la favicon automatiquement devant tous les liens

il faut charger la bibliotheque mootools


<script src="http://mootools.net/assets/scripts/mootools.core.js" type="text/javascript"></script>

puis dans additional.css

ajouter ce classe css pour mettre en forme le favicon


.favicon { background-repeat:no-repeat; padding:2px 0 3px 22px; }

et dans headerinclude ajoute ce code


<script type="text/javascript">
/* when the dom is ready... */
window.addEvent('domready',function() {
/* grab all complete linked anchors */
$$('a[href^="http://"]').each(function(a) {
/* if it's not on the davidwalsh.name domain */
if(!a.get('href').contains(window.location.host)) {
/* get the favicon */
var favicon = a.get('href').replace(/^(http:\/\/[^\/]+).*$/, '$1') + '/favicon.ico';
/* place it in the anchor */
a.setStyle('background-image','url(' + favicon + ')').addClass('favicon');
}
});
});
</script>

j'espére que jété utile une seule fois de ma vie XD

HuRRR
21/07/2010, 23h19
Bah hum hihihi j'ai effectué la manipulation ... Mais avant de dire que ça ne fonctionne pas :


À quel endroit exactement je dois placer ceci

<script src="http://mootools.net/assets/scripts/mootools.core.js" type="text/javascript"></script>


Je l'ai foutu n'importe ou (header je rigole) mais ça ne fonctionne pas :)

karev
21/07/2010, 23h30
bah moi jai tous integrer dans le header pour tester et ca marche impeccable

met ca dans le header tous en haut


<script src="http://mootools.net/assets/scripts/mootools.core.js" type="text/javascript"></script>
<style>
.favicon { background-repeat:no-repeat; padding:2px 0 3px 22px; }
</style>
<script type="text/javascript">
/* when the dom is ready... */
window.addEvent('domready',function() {
/* grab all complete linked anchors */
$$('a[href^="http://"]').each(function(a) {
/* if it's not on the davidwalsh.name domain */
if(!a.get('href').contains(window.location.host)) {
/* get the favicon */
var favicon = a.get('href').replace(/^(http:\/\/[^\/]+).*$/, '$1') + '/favicon.ico';
/* place it in the anchor */
a.setStyle('background-image','url(' + favicon + ')').addClass('favicon');
}
});
});
</script>

http://img146.imageshack.us/img146/9895/faviconeg.jpg

karev
21/07/2010, 23h31
mais il faut que quelqu'un modifie le code pour qu'il peut etre un bbcode qui remplace le bbcode URL

HuRRR
22/07/2010, 01h22
Super, j'ai tout mis dans headerinclude et ça fonctionne à merveille !!!!!!!


1000 mercis karez !!! :yahoo:

karev
22/07/2010, 02h02
de rien heureux que ca marche mais mon pseudo est "karev" pas karez :p

Simon
22/07/2010, 11h59
Bonjour,

Merci de l'astuce karev :) Est-ce que cela te dérangerait si elle est postée comme modification de template ?

karev
22/07/2010, 17h28
bah biensur que non simon vous pouvez le postez ca serai un honneur :d2

Simon
22/07/2010, 21h08
bah biensur que non simon vous pouvez le postez ca serai un honneur :d2http://www.vbulletin-ressources.com/forum/showthread.php?t=22303&p=160410#post160410 ;) La description ne veut pas dire grand chose mais je n'ai pas trouvé mieux :d2

abderrezak
31/10/2011, 13h20
Bonjour
merci, ça fonctionne très bien.