Ajax Profil au survol

[Fred]

Description

Ce hack permet d'afficher une popup avec des infos sur un membre lors du passage de la souris sur celui sur sur l'index du forum dans le qui est en ligne.
Remerciements et support / Thanks and support

Ce Hack a été conçu pour vBulletin-Ressources
L'auteur offrira du support uniquement sur ce forum.
Conception

Auteur du Hack / Author Of Hack : Fred
Version vBulletin Requise / Version vBulletin Required : vB 3.6.4
Testé / Tested: Oui
Copyright © 2006 vBulletin-Ressources.com - Tous droits réservés / Copyright © 2006 vBulletin-Ressources.com - All Rights Reserved

Requiert

Avant d'utiliser ce hack vous devez vous assuré d'avoir installer au prealable le hack "Qui a visité le forum aujourd'hui (http://www.vbulletin-ressources.com/forum/showthread.php?t=1289&highlight=visit%E9)"
/!\ Si vous utiliser le hack AJAX - Prévisualisation Profil au Survol (http://www.vbulletin-ressources.com/forum/showthread.php?t=1835) Il vous faudra le desinstallé au prealable

Utilisation

Uploader le dossier css et le dossier js a la racine de votre ftp
Uploader le fichier member_ajax.php a la racine de votre ftp
Importer product-ajax_profil.xml via votre gestionnaire de produit
Ouvrer votre template forumhome_loggedinuser
Remplacer le contenu par


$stylevar[dirmark]<a href="member.php?$session[sessionurl]u=$loggedin"onmouseover="ajax_showTooltip('member_ajax.php?$session[sessionurl]u=$loggedin[userid]',this);return false" onmouseout="ajax_hideTooltip()"> $loggedin[musername]</a>$loggedin[invisiblemark]$loggedin[buddymark]

Ajoutez ceci tout en bas de votre template header


<script type="text/javascript" src="js/ajax-dynamic-content.js"></script>
<script type="text/javascript" src="js/ajax.js"></script>
<script type="text/javascript" src="js/ajax-tooltip.js"></script>
<link rel="stylesheet" href="css/ajax-tooltip.css" media="screen" type="text/css">
<link rel="stylesheet" href="css/ajax-tooltip-demo.css" media="screen" type="text/css">

Aller dans votre gestionnaire de module et editer le module Members who have visited (2) qui a comme crochet forumhome_start

Chercher


if ($today['visible'])
{
$whotoday....
$wrdate...
$whotoday ...
$whotoday...
}

et remplacer par


if ($today['visible'])
{
$whotoday .= "<a rel=\"nofollow\" ";
$wrdate = vbdate($vbulletin->options['timeformat'], $today['lastactivity']);
$whotoday .= "href=\"member.php?$session[sessionurl]u=$today[userid]\"onmouseover=\"ajax_showTooltip('member_ajax.php?$session[sessionurl]u=$today[userid]',this);return false\" onmouseout=\"ajax_hideTooltip()\" title=\"$wrdate\" >";
$whotoday .= $today['opentag'].$today['username'].$today['closetag']."</a>$markinv, ";
}



[U]Modification

Pour modifier la taille de la popup editer le fichier ajax-tooltip.css

Chercher


width:250px; /* Width of tooltip content */
height:300px; /* Height of tooltip content */

Remplacer

250px par la largeur souhaiter
300px par la hauteur souhaiter

Pour modifier la couleur de la popup editer le fichier ajax-tooltip.css

Chercher les lignes suivantes


background-color:#e2ebed;

Remplacer

#e2ebed par le code couleur hexadecimal souhaiter


Si le fond de votre forum change de couleur suite a l'ajout de ce hack editer le fichier ajax-tooltip-demo.css

Chercher


#e2ebed

Remplacer par le code couleur hexadecimal du fond de votre skin

Configurer la couleurs des barres de progression

Chercher


if ($pourc_thread <= 25)

Remplacer 25 par le pourcentage souhaiter (faite de méme avec 50 et 75)
Par default il y a 4 paliers 0-25%,25-50%,50-75%,75-100%

Pour les couleurs

Chercher


$colorbar_thread=

Remplacer les valeurs 1,2,3 et 4 par les valeurs suivantes selon la couleur souhaiter

1=vert
2=rouge
3=violet
4=jaune
5=rose
6=bleu turquoise



Copyright

Ce hack a été creer par Fred pour vBulletin-Ressources.com uniquement
Si vous avez trouver ce hack autre part que sur vBulletin-Ressources.com veillez contacter un administrateur svp
Merci a ericgtr de nous avoir permis d'utiliser la base de son script pour realiser ce hack
Si vous preferer utiliser la version du hack original utiliser le lien suivant => http://www.vbulletin.org/forum/showthread.php?t=123687
Pour tous probléme ,question ou sugestion suite a ce hack consulter le post suivant => http://www.vbulletin-ressources.com/forum/showthread.php?p=20831#post20831
Desoler pour les fautes d'orthographes :)

[Allan]

Merci du partage, beau boulot Fred ;)

[Fred]

je vous poste le suivi du projet que j'ai rediger
il poura surement vous permetre de comprendre comment est calculer certaines choses
Le contenu est parfois ecrit "en sms" car a la base il est ecrit pour l'equipe du forum mais je vous en fait quand méme part


Donc voila cette nuit j'ai un peu beaucoup taff sur ce hack
j'en suis rendu a 85% de la fin.
Les objectifs étaient les suivants:

Objectif :

enlever les informations inutile
Fixé une taille maxi pour l'affichage de l'avatar dans la popup
Ajouter quelques infos sur l'utilisateur (nombre de sujets creer,nombre de post creer,participation en % dans le mois
Restylage du css et de la template
Ajout de la popup dans la liste des utilisateurs qui on vu le forum today en plus de la liste des utilisateurs connecté actuellement (hack d'origine)


-------------------------------------------------------
Le 11/12/2006 @ 3h10 les objectifs rempli sont

enlever les informations inutile
Ajouter quelques infos sur l'utilisateur (nombre de sujets creer,nombre de post creer,participation en % dans le mois
Restylage du css et de la template
Ajout de la popup dans la liste des utilisateurs qui on vu le forum today en plus de la liste des utilisateurs connecté actuellement (hack d'origine)


Les objectifs restant sont

Fixé une taille maxi pour l'affichage de l'avatar dans la popup


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

-------------------------------------------------------
Le 11/12/2006 @ 18h35 les objectifs rempli sont

enlever les informations inutile
Ajouter quelques infos sur l'utilisateur (nombre de sujets creer,nombre de post creer,participation en % dans le mois
Restylage du css et de la template
Ajout de la popup dans la liste des utilisateurs qui on vu le forum today en plus de la liste des utilisateurs connecté actuellement (hack d'origine)
Fixé une taille maxi pour l'affichage de l'avatar dans la popup


Les objectifs restant sont

PLUS RIEN xD


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

Dans les screens fournis en pieces jointes nous pouvons remarquer que le forum test as 3 sujets , 4 posts et 2 users
Nous pouvons aussi remarquer que Fred a posté 3 posts et 2 sujets

Les Informations sont les suivantes:

Groupe d'appartenance
Date d'inscription
Date de la derniere visite
Date du dernier post


Les Stats sont les suivantes:

Nombres de posts total
Nombres de sujets total
Nombres de posts dans le mois
Nombres de sujets dans le mois
Participation posts
Participation sujets


Quelles sont les calcules effectuer
-Nombres de posts:Nombre de post effectuer entre le 1er du mois et le 1er du mois suivant
-Nombres de sujets:Nombre de sujets effectuer entre le 1er du mois et le 1er du mois suivant
-Participation posts: (nombre de posts dans le mois/nombre de post de touts les users dans le mois)*100
-Participation sujets: (nombre de sujets dans le mois/nombre de sujets de touts les users dans le mois)*100

Particularité:
Une barre de pourcentage a été ajouter pour visualisé plus facilement la participation d'un utilisateur par rapport a un autre
Des paliers fixé en pourcentage on été établi
A chaque palier franchi la barre change de couleur
Ceci est facilement configurable et une notice d'utilisation sera faite

Pour toutes sugestion jvou ecoute
bon vé glandé un peu en attendant demain :D
ps:jme lé géle :p

[lagrace]

Pour test en local merci du travail fourni

[rl0075]

Excellent merci

[DJ Kos]

excusez moi je me suis peut etre trompé mais pour la couleur noir c'est bien #000000 ? parce que mon pop-up ne s'affiche toujours blanc

merci

[DJ Kos]

excusez moi c'est bon j'ai trouver, ne vous dérangez pas lol

[Netsurfer]

J'ai bien le mod who visited today installé.

Mon fond avait changé mais je n'ai pas trouvé la couleur #e2ebed dans le fichier ajax-tooltip-demo.css. C'était paramétré avec #142C4D

Aussi, j'obtiens Database Error en local avec 3.6.4. Aussi les couleurs des titres de forums chhangent lorsque je survol les noms des membres!

[Fred]

J'ai bien le mod who visited today installé.

Mon fond avait changé mais je n'ai pas trouvé la couleur #e2ebed dans le fichier ajax-tooltip-demo.css. C'était paramétré avec #142C4D

Aussi, j'obtiens Database Error en local avec 3.6.4. Aussi les couleurs des titres de forums chhangent lorsque je survol les noms des membres!

j'ai remarquer qu'il y avait des imcompatiblité avec certains style (en autre chesnut)
malheuresement je n'y peut y remerdier car j'ai pas les connaisances suffisante en javascript

[Netsurfer]

Pourtant, je n'ai pas aucun autre style d'installé que celui par défaut.

[Fred]

bizzar
j'ai test sur une 3.6.4 avec le style par default chez free ca passe nikel

[Fred]

personne d'autres a eu ce probléme?

[pilou]

merci bien je vais l installer de suite

[nastyshade]

il a lair trop excellent ce script JE PRENDS !!!

[nantaise]

bonjour

j'ai installé ce produit ! mais les avatars n'apparaissent pas ! pk ?

http://pix.nofrag.com/4b/9a/7fb15e8079f3f1b08276526e6d54.jpg (http://pix.nofrag.com/4b/9a/7fb15e8079f3f1b08276526e6d54.html)

[Ombre]

Bonjour :)

Tu as bien faites toutes ces modifications ?


Avant d'utiliser ce hack vous devez vous assuré d'avoir installer au prealable le hack "Qui a visité le forum aujourd'hui"
(http://www.vbulletin-ressources.com/forum/showthread.php?t=1289&highlight=visit%E9)

/!\ Si vous utiliser le hack AJAX - Prévisualisation Profil au Survol (http://www.vbulletin-ressources.com/forum/showthread.php?t=1835)
Il vous faudra le desinstallé au prealable

--------------
Utilisation
--------------

Uploader le dossier css et le dossier js a la racine de votre ftp
Uploader le fichier member_ajax.php a la racine de votre ftp
Importer product-ajax_profil.xml via votre gestionnaire de produit

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

Ouvrer votre template forumhome_loggedinuser
Remplacer le contenu par

$stylevar[dirmark]<a href="member.php?$session[sessionurl]u=$loggedin[userid]"onmouseover="ajax_showTooltip('member_ajax.php?$session[sessionurl]u=$loggedin[userid]',this);return false" onmouseout="ajax_hideTooltip()"> $loggedin[musername]</a>$loggedin[invisiblemark]$loggedin[buddymark]

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

Ajoutez ceci tout en bas de votre template header

<script type="text/javascript" src="js/ajax-dynamic-content.js"></script>
<script type="text/javascript" src="js/ajax.js"></script>
<script type="text/javascript" src="js/ajax-tooltip.js"></script>
<link rel="stylesheet" href="css/ajax-tooltip.css" media="screen" type="text/css">
<link rel="stylesheet" href="css/ajax-tooltip-demo.css" media="screen" type="text/css">

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

Aller dans votre gestionnaire de module et editer le module Members who have visited (2) qui a comme crochet forumhome_start

Chercher

if ($today['visible'])
{
$whotoday....
$wrdate...
$whotoday ...
$whotoday...
}

et remplacer par

if ($today['visible'])
{
$whotoday .= "<a rel=\"nofollow\" ";
$wrdate = vbdate($vbulletin->options['timeformat'], $today['lastactivity']);
$whotoday .= "href=\"member.php?$session[sessionurl]u=$today[userid]\"onmouseover=\"ajax_showTooltip('member_ajax.php?$session[sessionurl]u=$today[userid]',this);return false\" onmouseout=\"ajax_hideTooltip()\" title=\"$wrdate\" >";
$whotoday .= $today['opentag'].$today['username'].$today['closetag']."</a>$markinv, ";
}


--------------
Modification
--------------

Pour modifier la taille de la popup editer le fichier ajax-tooltip.css

Chercher

width:250px; /* Width of tooltip content */
height:300px; /* Height of tooltip content */

Remplacer

250px par la largeur souhaiter
300px par la hauteur souhaiter

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

Pour modifier la couleur de la popup editer le fichier ajax-tooltip.css

Chercher les lignes suivantes

background-color:#e2ebed;

Remplacer

#e2ebed par le code couleur hexadecimal souhaiter

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

Si le fond de votre forum change de couleur suite a l'ajout de ce hack editer le fichier ajax-tooltip-demo.css

Chercher

#e2ebed

Remplacer par le code couleur hexadecimal du fond de votre skin

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

Configurer la couleurs des barres de progression

Chercher

if ($pourc_thread <= 25)

Remplacer 25 par le pourcentage souhaiter (faite de méme avec 50 et 75)
Par default il y a 4 paliers 0-25%,25-50%,50-75%,75-100%

Pour les couleurs

Chercher

$colorbar_thread=

Remplacer les valeurs 1,2,3 et 4 par les valeurs suivantes selon la couleur souhaiter

1=vert
2=rouge
3=violet
4=jaune
5=rose
6=bleu turquoise


--------------
Copyright
--------------

Ce hack a été creer par Fred pour vBulletin-Ressources.com uniquement
Si vous avez trouver ce hack autre part que sur vBulletin-Ressources.com veillez contacter un administrateur svp
Merci a ericgtr de nous avoir permis d'utiliser la base de son script pour realiser ce hack
Si vous preferer utiliser la version du hack original utiliser le lien suivant => http://www.vbulletin.org/forum/showthread.php?t=123687
Pour tous probléme ,question ou sugestion suite a ce hack consulter le post suivant => http://www.vbulletin-ressources.com/forum/showthread.php?p=20831#post20831
Desoler pour les fautes d'orthographes :)

[nantaise]

Bonjour,

Oui, j'ai suivi toutes les modif à la lettre excepté pour les barres de progression que je trouve bien telles quelles.

Alors est ce que quelqu'un pourrait m'aider, svp? Merci d'avance.

[rilou]

super merci fred , mais dans les infos qui apparaissent il y a juste la derniere activitée , normal ?

[Fred]

super merci fred , mais dans les infos qui apparaissent il y a juste la derniere activitée , normal ?

non pas normale personne n'a eu ce soucis



Bonjour,

Oui, j'ai suivi toutes les modif à la lettre excepté pour les barres de progression que je trouve bien telles quelles.

Alors est ce que quelqu'un pourrait m'aider, svp? Merci d'avance.

si tu stock les avatars sur le ftp il faut modif le hack
en effet j'utilise image.php pour affiché les avatars or ce fichier affiche uniquement les avatars stocké dans la bdd
donc faudrait que je le modif mais je sais pas quand je pourrai le faire

[Ombre]

Sinon importe sur ton forum tes avatars miss, et ton problème sera résolu :)

[Dga]

J'ai droit à un jolie data base error :(
Dans la fenêtre qui affiche le profil

Sinon très bon hack :)

[ghofranho]

Bravo Fred bon travail ;) merci bcp
mais j'ai quelques remarques si vous permettez, en faite si on utilise plusieurs styles sur le forum on rencontrera des prob avec le background :s donc j'ai suprimer la ligne background-color: du body dans les 2 fichier css pour que le forum garde sa couleur du fond d'origine et on ne cherchera plus chaque fois a la modifier et ça fonctionne bien avec moi :D !!! donc c'est pas inutile ces 2 lignes!!!
il aussi un autre tout petit prob lorsque g tester le hack si on change le type de stockage des avatars en système de fichiers l'avatar ne s'affichera plus :s
mais lorsque j'ai ajouter dans le produit product-ajax_profil.xml les " dans la ligne 25
<img src="$userinfo[avatarurl]" WIDTH="80" HEIGHT="80" /> le prob est régler :p

merci une autre fois Fred et a toute l'équipe vb ressources
bonne journée a tous ;)

[laraga]

Slt et merci pour votre taff jvais tester ca tout de suite ... Byee

[BarcaMaroc]

merci pour le hack mais ca marche pas je sais pas vraiment au maitre les fichier

merci

[hakkou]

Merci pour le partage.