Affichez l'image du rang sur la toolbar

[_backdraft_]

Rappel du premier message :

Bonjour,

Je viens de lire la nouvelle astuce :

https://forum.forumactif.com/t355862-afficher-l-avatar-du-membre-dans-la-toolbar

Qui semble très bien ! Cependant pour mon forum il serait plus profitable de mettre l'image du rang sur la toolbar, est ce possible ?

Merci beaucoup
Backdraft

[Self]

Essayez donc comme ceci:

Code:

TEXTE DE MON RANG<br><img src="http://www.aht.li/1883631/fgca.png" id="rang"></img>

Cordialement .

[_backdraft_]

Essayez donc comme ceci:

Code:

TEXTE DE MON RANG<br><img src="http://www.aht.li/1883631/fgca.png" id="rang"></img>

Cordialement .

Comme je vous le disais, cela ne marche pas car l'image ce situe maintenant entre le rang et le pseudo car j'ai modifié mon template pour que le rang soit à coté du pseudo, or maintenant ça les sépare.

Cordialement
Backdraft

[Adam_sfp]

Bonsoir,

Cela ne fonctionne pas non plus .

Cordialement.

Bonsoir

Si on reprend l"idée de SeLfde4Th7 pour rajouter une id

Code:

 <img src="http://www.aht.li/1883631/fgca.png" id="rang"></img>

et en mettant dans les javascript

Code:

$(function () {
            $(window).load(function () {
                var av = $('#fa_usermenu img:eq(1)').attr('src');
                $('#fa_welcome').prepend('<img src="' + av + '" class="rang" />');
            });
        });

Cdt.

[Self]

@Backdraft Essayez en ajoutant un petit script bricoler vite fait:

Code:

$("#rang").append(.name)

Aucune certitude que sa fonctionne :/.

Cordialement

[supergogetass4]

Bonsoir,

Cela ne fonctionne pas non plus .

Cordialement.

Bonsoir

Si on reprend l"idée de SeLfde4Th7 pour rajouter une id

Code:

 <img src="http://www.aht.li/1883631/fgca.png" id="rang"></img>

et en mettant dans les javascript

Code:

$(function () {
            $(window).load(function () {
                var av = $('#fa_usermenu img:eq(1)').attr('src');
                $('#fa_welcome').prepend('<img src="' + av + '" class="rang" />');
            });
        });

Cdt.

Re,
Ce n'est pas possible car j'ai déjà un code de dégradé et ça prends trop de place pour que ça s'affiche en entier.

Cordialement.

[Self]

Code:

[quote="Adam_sfp"][quote="supergogetass4"]Bonsoir,

Cela ne fonctionne pas non plus :?.

Cordialement.[/quote]Bonsoir

Si on reprend l"idée de SeLfde4Th7 pour rajouter une id
[code] <img src="http://www.aht.li/1883631/fgca.png" id="rang"></img>[/code]et en mettant dans les javascript
[code]$(function () {
            $(window).load(function () {
                var av = $('#fa_usermenu img:eq(1)').attr('src');
                $('#fa_welcome').prepend('<img src="' + av + '" class="rang" />');
            });
        });[/code]Cdt.[/quote]

Re,
Ce n'est pas possible car j'ai déjà un code de dégradé et ça prends trop de place pour que ça s'affiche en entier.

Cordialement.

Avez vous essayez avec le dernier code que je vous ai donner ? sans vos url d'image et tout ce que vous aviez modifié ?

[supergogetass4]

Re,

Oui j'ai ça :

Code:

$(function () {
                  $(window).load(function () {
                      var av = $('.bgAdministrateur').attr('src');
                      $('#fa_welcome').prepend('<img src="' + av + '" class="fa_avatar" />');
        $("#rang").append(.name)
                  });
              });
       
        $(function () {
                  $(window).load(function () {
                      var av = $('.bgFossoyeur').attr('src');
                      $('#fa_welcome').prepend('<img src="' + av + '" class="fa_avatar" />');
        $("#rang").append(.name)
                  });
              });

ça ne fonctionne toujours pas .

Cordialement.

[_backdraft_]

@Backdraft Essayez en ajoutant un petit script bricoler vite fait:

Code:

$("#rang").append(.name)

Aucune certitude que sa fonctionne :/.

Cordialement

J'ai essayé mais le code ne semble pas prendre effet car il reste tel quel.

Backdraft

[Self]

Re,

Oui j'ai ça :

Code:

$(function () {
                  $(window).load(function () {
                      var av = $('.bgAdministrateur').attr('src');
                      $('#fa_welcome').prepend('<img src="' + av + '" class="fa_avatar" />');
        $("#rang").append(.name)
                  });
              });
        
       $(function () {
                  $(window).load(function () {
                      var av = $('.bgFossoyeur').attr('src');
                      $('#fa_welcome').prepend('<img src="' + av + '" class="fa_avatar" />');
        $("#rang").append(.name)
                  });
              });

ça ne fonctionne toujours pas .

Je chercherais donc un autre solution demain à tête reposé.
L'auteur reste Backdraft, il est donc prioritaire.
Cordialement .

@Backdraft Essayez en ajoutant un petit script bricoler vite fait:

Code:

$("#rang").append(.name)

Aucune certitude que sa fonctionne :/.

Cordialement

J'ai essayé mais le code ne semble pas prendre effet car il reste tel quel.

Backdraft

Je me penche sur vos problème est fait quelque test ce soir, il est possible que je ne réponde que demain si mes test ne sont pas frutueux .

Cordialement .

[_backdraft_]

Merci beaucoup SeLfde4Th7 prenez votre temps ce n'est pas pressé

[Tech]

Bonsoir,

Je suis parti sur quelque chose de complètement différent qui semble fonctionner.
Maintenant, ça fait 10 minutes que j'essaye de savoir pourquoi mon code ne fonctionne pas dans la gestion des codes javascript mais seulement dans le template overall_header.

Donc si on intègre ce code dans les balises head du template overall_header ça fonctionne on dirait :

Code:

  <script type="text/javascript">
    $(function() {
var id= _userdata["user_id"];
$('#fa_welcome').before('<span class="rang_toolbar"></span>');
  if(typeof(_userdata)!="undefined") {
    $('.rang_toolbar').load('/u'+id+' .forumline .row1 img:nth-child(4)');
  }
    });</script>

Attention, la toolbar doit être active.

Après on a un CSS avec .rang_toolbar

Maintenant, si quelqu'un sait pourquoi ça ne fonctionne pas dans la gestion des codes javascript, ça m'intéresse car là je suis dépassé.

Cordialement.

[_backdraft_]

Merci Tech pour la réponse,

Cependant je n'arrive pas à agrandir l'image malgré le CSS et de plus il s'emble qu'il affiche une image qui n a aucun rapport avec l image du rang, elle met cette image :

https://2img.net/i/fa/i/right_bar_bleue.jpg

qui n'est pas du tout mon image de rang.

Merci
Backdraft

[Self]

Merci Tech pour la réponse,

Cependant je n'arrive pas à agrandir l'image malgré le CSS et de plus il s'emble qu'il affiche une image qui n a aucun rapport avec l image du rang, elle met cette image :

https://2img.net/i/fa/i/right_bar_bleue.jpg

qui n'est pas du tout mon image de rang.

Merci
Backdraft

Bonjour Backdraft.

Après quelque test hier soir, rien de très concluent pour le moment mais je vais continuer à tester .

Pour les personne ayant le script des dégradé, comment est écris le titre de vos rang ?
J'ai été tellement bête hier, normalement il suffit d'y ajouté l'ID .

Cordialement .

[Tech]

Merci Tech pour la réponse,

Cependant je n'arrive pas à agrandir l'image malgré le CSS et de plus il s'emble qu'il affiche une image qui n a aucun rapport avec l image du rang, elle met cette image :

https://2img.net/i/fa/i/right_bar_bleue.jpg

qui n'est pas du tout mon image de rang.

Merci
Backdraft

C'est parce que nous n'avons pas la même structure des pages de profil et que vos profils ne sont pas accessibles aux invités.
Sinon, il faut changer le chiffre 4 dans :nth-child() par un autre nombre (je dirais plus grand).

Cordialement.

[Self]

Re,
ça ne fonctionne toujours pas .

Cordialement.

Bonjour pour ton problème il suffit de remplaçé ton rang actuel:

Code:

<span class="Administrateur">Administrateur</span>

Par cela:

Code:

<span id="rang" class="Administrateur">Administrateur</span>

Et d'appliqué le code que j'ai donner au début :

Code:

$(function () {
$(window).load(function () {
var av = $('#rang').attr('src');
$('#fa_welcome').prepend('<img src="' + av + '" class="fa_rank" />');
});
});

EDIT:

@Backdraft nous pourrions essayez avec un petit diplay:none; en reproduisant le bug:

Pour vous Backdraft il suffit d'écrire le rang comme cela:

Code:

<img src="http://www.aht.li/1883631/fgca.png" id="rang">TEXTE DE MON RANG</img>

Re, quand je mes ce code voici ce que j'obtiens :



Backdraft

Pourriez vous essayez une fois le bug reproduit d'ajoute à votre CSS:

Code:

.name img{
display:none;}

Cordialement .

[supergogetass4]

Bonjour,

ça ne s'affiche pas .

Cordialement.

[Self]

Bonjour,

ça ne s'affiche pas .

Cordialement.

Pouvez vous me copier ici que donne votre rang ?
Je crois avoir oublié d'y insérer l'image ^^ .

Cordialement .

[supergogetass4]

Re,

Pour le rang sur la Toolbar, il n'y a rien.
Pour le rang normal il y a :
Rang: Satan


Cordialement.

[Self]

En effet je fait de grosse bétise en ce moment ^^.
Essayon avec:

Code:

<span class="Administrateur"><img id="rang" src="http://www.dbz-online.net/forum/images/ranks/rang8.png"></img>Administrateur</span>

 

Code:

$(function () {
$(window).load(function () {
var av = $('#rang').attr('src');
$('#fa_welcome').prepend('<img src="' + av + '" class="fa_rank" />');
});
});

 N'oubliez pas d'enlever l'url de l'image dans le champ définie pour dans la gestion des rang .


Cordialement .

[supergogetass4]

Re,

Le code est trop grand, je n'ai pas assez de place pour l'insérer .

Cordialement.

[Self]

Essayons sans mettre de lien dans src"" comme cela:

Code:

<span class="Administrateur"><img id="rang" src=""></img>Administrateur</span>

Et on ajoute ensuite un CSS qui dit:

Code:

#rang{
Background-image: url('http://www.dbz-online.net/forum/images/ranks/rang8.png');}

Cordialement .

[supergogetass4]

Re,

ça ne marche toujours pas .

Cordialement.

[Self]

Sa aurais été trop facile .
Ecoutez je vais mettre le script des dégradés et verais ce qu'on peut faire ^^ .
En faisant cela :

Code:

<img src="http://www.aht.li/1883629/fgcf.png" id="rang" class="Administrateur"></img>

cela fonctionne chez moi ;D .

Cordialement .

[_backdraft_]

C'est parce que nous n'avons pas la même structure des pages de profil et que vos profils ne sont pas accessibles aux invités.
Sinon, il faut changer le chiffre 4 dans :nth-child() par un autre nombre (je dirais plus grand).

Cordialement.

J'ai mis 6 maintenant je peux utiliser le CSS mais il n'y a pas d'image qui apparait, voulez vous que je vous ouvre l'accès aux profils temporairement ?

@Backdraft nous pourrions essayez avec un petit diplay:none; en reproduisant le bug:

Pourriez vous essayez une fois le bug reproduit d'ajoute à votre CSS:

Code:

.name img{
display:none;}

Cordialement .

Effectivement l'image en trop est effacé, mais du coup elle n'est pas visible non plus dans la toolbar.

Merci
Backdraft

[Self]

C'est parce que nous n'avons pas la même structure des pages de profil et que vos profils ne sont pas accessibles aux invités.
Sinon, il faut changer le chiffre 4 dans :nth-child() par un autre nombre (je dirais plus grand).

Cordialement.

J'ai mis 6 maintenant je peux utiliser le CSS mais il n'y a pas d'image qui apparait, voulez vous que je vous ouvre l'accès aux profils temporairement ?

@Backdraft nous pourrions essayez avec un petit diplay:none; en reproduisant le bug:

Pourriez vous essayez une fois le bug reproduit d'ajoute à votre CSS:

Code:

.name img{
display:none;}

Cordialement .

Effectivement l'image en trop est effacé, mais du coup elle n'est pas visible non plus dans la toolbar.

Merci
Backdraft

Essayons de plus ciblé alors:

Code:

#auteur .name img{
display:none;}

comme sa ?

Cordialement .

[supergogetass4]

Sa aurais été trop facile .
Ecoutez je vais mettre le script des dégradés et verais ce qu'on peut faire ^^ .
En faisant cela :

Code:

<img src="http://www.aht.li/1883629/fgcf.png" id="rang" class="Administrateur"></img>

cela fonctionne chez moi ;D .

Cordialement .

Re,

Chez moi aussi mais ce ne sont pas les bonnes images et dans certains rangs, le titre est trop long.

Cordialement.

[Tech]

C'est parce que nous n'avons pas la même structure des pages de profil et que vos profils ne sont pas accessibles aux invités.
Sinon, il faut changer le chiffre 4 dans :nth-child() par un autre nombre (je dirais plus grand).

Cordialement.

J'ai mis 6 maintenant je peux utiliser le CSS mais il n'y a pas d'image qui apparait, voulez vous que je vous ouvre l'accès aux profils temporairement ?

Oui si c'est possible

Cordialement.

[_backdraft_]

Essayons de plus ciblé alors:

Code:

#auteur .name img{
display:none;}

comme sa ?

Cordialement .

Nous c'est toujours pareil. Merci

Oui si c'est possible

Cordialement.

Voilà c'est fait, merci

Backdraft

[Self]

Sa aurais été trop facile .
Ecoutez je vais mettre le script des dégradés et verais ce qu'on peut faire ^^ .
En faisant cela :

Code:

<img src="http://www.aht.li/1883629/fgcf.png" id="rang" class="Administrateur"></img>

cela fonctionne chez moi ;D .

Cordialement .

Re,

Chez moi aussi mais ce ne sont pas les bonnes images et dans certains rangs, le titre est trop long.

Cordialement.

La solution par Tech Ne fonctionne pas ?
L'avez vous essayé de la manière indiqué à Backdraft ?
parce que la, racourcir plus si vous voulez à tout prie le texte plus l'image ce ne sera pas possible par le titre :/
Cordialement .

[supergogetass4]

Re,

Oui, ça ne fonctionne pas chez moi.

Cordialement.