Modifier la largeur d'une barre/jauge dans le profil

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Modifier la largeur d'une barre/jauge dans le profil

Message par NyxBanana le Mer 26 Avr 2017 - 13:37

Détails techniques


Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Autre
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis la création du champ de profil concerné
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour bonjour Smile

Avec mon équipe code/graphisme, on essaye de modifier la taille de la barre proposée par le champ profil de forumactif. Sur le screen, vous pouvez la voir à "taux d'hybridation". Nous aimerions que cette dite barre face la largeur du profil au lieu de s'arrêter en plein milieu.

Cependant, avec la construction en quatre images des barres de profil de FA, je n'arrive pas à trouver une solution qui marcherait à coup sur pour forcer la largeur à s'adapter à mon profil.

Quelqu'un aurait-il une solution à me proposer ? Merci d'avance et pour le temps accordé ♥


Dernière édition par NyxBanana le Mer 17 Mai 2017 - 12:30, édité 1 fois
avatar

NyxBanana
*

Messages : 37
Inscrit(e) le : 22/10/2015

http://marbhadh.forumactif.com
NyxBanana a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la largeur d'une barre/jauge dans le profil

Message par tupac le Jeu 27 Avr 2017 - 4:06

Bonjour NyxBanana,

Le forum est actuellement en maintenance , pouvez vous ouvrir un sujet aux invités svp pour que quelqu'un puisse jeter un œil au profil.
avatar

tupac
Membre actif

Masculin
Messages : 2511
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la largeur d'une barre/jauge dans le profil

Message par NyxBanana le Jeu 27 Avr 2017 - 12:11

Est-ce vraiment nécessaire ? Dans le sens où, à part changer l'image de base proposée par FA, je n'ai pas toucher à ce morceau du profil (si ce n'est pour rajouter un margin de 3px autour de ma barre pour la faire respirer un peu)...

Voici mon forum test avec un profil vierge. J'y ai installé une barre visible dans le profil et le soucis reste le même...
http://waitwhat.forumactif.be/t1-presa-in-progess
avatar

NyxBanana
*

Messages : 37
Inscrit(e) le : 22/10/2015

http://marbhadh.forumactif.com
NyxBanana a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la largeur d'une barre/jauge dans le profil

Message par NyxBanana le Sam 29 Avr 2017 - 17:49

Up. Le problème est toujours d'actualité. Smile
avatar

NyxBanana
*

Messages : 37
Inscrit(e) le : 22/10/2015

http://marbhadh.forumactif.com
NyxBanana a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la largeur d'une barre/jauge dans le profil

Message par NyxBanana le Mar 2 Mai 2017 - 13:47

Le problème est toujours d'actualité. ♥
avatar

NyxBanana
*

Messages : 37
Inscrit(e) le : 22/10/2015

http://marbhadh.forumactif.com
NyxBanana a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la largeur d'une barre/jauge dans le profil

Message par NyxBanana le Jeu 4 Mai 2017 - 18:55

Toujours d'actualité, merci Smile
avatar

NyxBanana
*

Messages : 37
Inscrit(e) le : 22/10/2015

http://marbhadh.forumactif.com
NyxBanana a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la largeur d'une barre/jauge dans le profil

Message par Chacha le Mer 10 Mai 2017 - 9:53

Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 54798
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la largeur d'une barre/jauge dans le profil

Message par NyxBanana le Mer 10 Mai 2017 - 12:45

Problème toujours en attente de résolution. Désolée pour le blanc. Smile
avatar

NyxBanana
*

Messages : 37
Inscrit(e) le : 22/10/2015

http://marbhadh.forumactif.com
NyxBanana a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la largeur d'une barre/jauge dans le profil

Message par ◦Jay◦ le Mer 10 Mai 2017 - 15:49

Bonjour NyxBanana, vous pouvez ajouter une class à l'image et mettre un css en conséquence, par exemple, l'adresse de l'image avec une class :

URL de l'image : Fond vide
Code:
https://illiweb.com/fa/i/empty_bar_bleue.jpg"class="image_barre

Et ensuite le css à régler suivant votre convenance en prenant en compte que l'image de gauche + l'image de droite prenne normalement 2x4px = 8px :

Code:
.image_barre{width:192px;}

Bien à vous.



avatar

◦Jay◦
Créactif
Créactif

Masculin
Messages : 3604
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la largeur d'une barre/jauge dans le profil

Message par NyxBanana le Mer 10 Mai 2017 - 16:30

Bonjour Jay,

Je ne suis pas sure de comprendre la solution que vous proposez... Le profil étant généré automatiquement en php, je n'ai pas de contrôle sur la class de la barre de profil.

Surtout que si j'ai bien comprit le fonctionnement de cette barre, la partie "remplie" et la partie "vide" prennent en attribut style une taille qui s'adapte automatiquement en fonction du pourcentage avec lequel elle doit être remplie.

Ce que j'aimerais savoir, c'est où exactement est l'information de taille représentant la valeur "100%" actuelle de ma barre de profil pour pouvoir l'adapter la largeur dont j'ai besoin. Parce que si j'élargit juste d'office la barre de fond... Ma barre "pleine" ne va pas aller jusqu'au bout lorsqu'il s'agira de la représenter à 100%, non ?
avatar

NyxBanana
*

Messages : 37
Inscrit(e) le : 22/10/2015

http://marbhadh.forumactif.com
NyxBanana a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la largeur d'une barre/jauge dans le profil

Message par ◦Jay◦ le Mer 10 Mai 2017 - 16:34

Vous n'utilisez pas le champs profil "barre" ?


avatar

◦Jay◦
Créactif
Créactif

Masculin
Messages : 3604
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la largeur d'une barre/jauge dans le profil

Message par ◦Jay◦ le Mer 10 Mai 2017 - 16:45

Il est écrit :

URL de l'image : Bord gauche
URL de l'image : Bord droit
URL de l'image : Fond vide
URL de l'image : Fond plein

Cela me parait explicite, c'est à vous d'ajouter la class à l'image, je vous ai it comment faire, j'ai même fait un test >>ici<<


avatar

◦Jay◦
Créactif
Créactif

Masculin
Messages : 3604
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la largeur d'une barre/jauge dans le profil

Message par NyxBanana le Mer 10 Mai 2017 - 17:21

Ok. My bad. Je n'étais pas dans les bonnes condition à la lecture de votre réponse, je n'avais pas bien comprit. Ma co-designeuse m'a expliqué ce que j'avais manqué lors de la lecture.

J'ai essayé votre solution, cependant, le champ de lien refuse de prendre le guillemet. Il me le transforme automatiquement en
Code:
" class="fond__barre
Et quand je vais voir à l'inspecteur d'élément, voici ce que cela me donne ;
Spoiler:

La class ne passe donc pas du tout, elle est interprétée comme un lien. :/
avatar

NyxBanana
*

Messages : 37
Inscrit(e) le : 22/10/2015

http://marbhadh.forumactif.com
NyxBanana a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la largeur d'une barre/jauge dans le profil

Message par ◦Jay◦ le Mer 10 Mai 2017 - 17:25

Si vous faites cette modification en dernier, cela fonctionne, il ne faut rien modifier d'autres après dans ce champs.


avatar

◦Jay◦
Créactif
Créactif

Masculin
Messages : 3604
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la largeur d'une barre/jauge dans le profil

Message par NyxBanana le Mer 10 Mai 2017 - 17:45

Ok, le problème venait du fait que j'ai voulu faire les choses trop proprement. En retirant l'espace, cela fonctionne.

Seul problème... Cela détruit totalement l'interactivité de la barre. Comme je m'en doutais, cela force le fond de la barre à faire la largeur de mon profil... Mais, du coup, dès que la barre commence à se remplir, le "fond plein" n'atteins pas le 100% du "Fond vide" et le "Fond vide" est poussé sur la droite, ne s'adaptant du coup plus du tout. :/


Cette barre est sensée être remplie à 100%... :/

Après réflexion... En fait, il faudrait utiliser un Calc en CSS pour calculer le width dynamiquement sur base de la valeur envoyée par FA sur chaque profil pour la multiplier par le chiffre requis pour avoir une barre totale de 180px... Mais là ça commence à devenir vraiment complexe... Neutral
avatar

NyxBanana
*

Messages : 37
Inscrit(e) le : 22/10/2015

http://marbhadh.forumactif.com
NyxBanana a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la largeur d'une barre/jauge dans le profil

Message par ◦Jay◦ le Jeu 11 Mai 2017 - 9:29

Arfff, oui, ça ne fonctionne pas... je ne vois pas d'autre solutions si ce n'est créer un champs avec une liste d'images. Confused

Autre solution, reprendre ce que je vous ai dit au début mais le faire sur la première image en adaptant celle-ci et la, ça passera, je l'ai fait rapidement sur mon forum test, actuellement, la barre est à 45%, c'est pas terrible mais ça fonctionne. Wink

Cordialement.


avatar

◦Jay◦
Créactif
Créactif

Masculin
Messages : 3604
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la largeur d'une barre/jauge dans le profil

Message par NyxBanana le Jeu 11 Mai 2017 - 13:20

Ok, merci d'avoir essayé avec nous du coup. On va continuer à chercher encore un peu de notre côté c:

Bonne continuation ♥
avatar

NyxBanana
*

Messages : 37
Inscrit(e) le : 22/10/2015

http://marbhadh.forumactif.com
NyxBanana a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la largeur d'une barre/jauge dans le profil

Message par Chacha le Mer 17 Mai 2017 - 9:41

Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 54798
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la largeur d'une barre/jauge dans le profil

Message par NyxBanana le Mer 17 Mai 2017 - 12:30

Je crois qu'on ne trouvera pas de solution à ce problème... Je vais donc demander archivage Smile

Encore merci Smile
avatar

NyxBanana
*

Messages : 37
Inscrit(e) le : 22/10/2015

http://marbhadh.forumactif.com
NyxBanana a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum