Widgets qui défile en même temps que l'écran

3 participants

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

Résolu Widgets qui défile en même temps que l'écran

Message par Philippe Adm Sam 4 Fév 2017 - 8:57

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Autre
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum :

Description du problème

Salut,

J'aimerai qu'un widget suit le défilement vers le bas.
Comme s'il était toujours au-dessus à droite du forum, même si l'on va tout en bas de la page.



Dernière édition par Philippe Adm le Ven 17 Fév 2017 - 5:59, édité 1 fois
Philippe Adm

Philippe Adm
*

Messages : 30
Inscrit(e) le : 17/12/2016

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

Résolu Re: Widgets qui défile en même temps que l'écran

Message par Chacha Ven 10 Fév 2017 - 9:54

Widgets qui défile en même temps que l'écran  UmaslZ4Bonjour,

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 »
Chacha

Chacha
Modéractif
Modéractif

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

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

Résolu Re: Widgets qui défile en même temps que l'écran

Message par Philippe Adm Ven 10 Fév 2017 - 10:08

UP
Philippe Adm

Philippe Adm
*

Messages : 30
Inscrit(e) le : 17/12/2016

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

Résolu Re: Widgets qui défile en même temps que l'écran

Message par Neptunia Ven 10 Fév 2017 - 10:14

Bonjour ^^


Pourrions nous avoir le lien du forum concerné ?
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widgets qui défile en même temps que l'écran

Message par Philippe Adm Ven 10 Fév 2017 - 10:25

Bonjour Neptunia,

Merci pour votre intérêt à ce sujet.

Je vous envoi ça en MP.
Philippe Adm

Philippe Adm
*

Messages : 30
Inscrit(e) le : 17/12/2016

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

Résolu Re: Widgets qui défile en même temps que l'écran

Message par Neptunia Ven 10 Fév 2017 - 11:24

Rajouter à la feuille de style CSS le code suivant.

Code:
div.module:nth-child(3) {
   position: fixed;
   top: 35px;
   right: 10px;
   max-width: 180px;
   }

- Le widget doit toujours occuper la même position (que l'on soit membre ou admin)
- L'attribut max-width doit être réglé sur la largeur de votre colonne de widgets (sans cette ligne, le widget prend la largeur du sujet dont le titre est le plus long)
- L'attribut right définit la marge entre le widget et le bord droit de l'écran
- L'attribut top = la marge entre widget et bord supérieur de l'écran
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widgets qui défile en même temps que l'écran

Message par Philippe Adm Sam 11 Fév 2017 - 15:59

C'est parfait ^^
Merci beaucoup Neptunia Smile

Puis-je abuser de vous encore une fois ? Embarassed

Pour ce sujet Agrandir une image hébergée d'un message et passer à la suivante directement
Il est possible que je n'ai pas posté dans la bonne catégorie pour ce sujet... d'où peut-être le peu de réponse que j'ai eu.

Merci déjà pour vos lumières ...

Philippe Adm

Philippe Adm
*

Messages : 30
Inscrit(e) le : 17/12/2016

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

Résolu Re: Widgets qui défile en même temps que l'écran

Message par Neptunia Sam 11 Fév 2017 - 19:59

Le sujet semble dans la bonne section.

Mais compte tenu de la complexité de certaines demandes il y a très peu de personnes susceptibles d'y répondre complètement.

Sinon, le plugin Fancybox est utilisable sur n'importe quelle version de forum (me semble d'ailleurs qu'il est utilisé ici même.
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widgets qui défile en même temps que l'écran

Message par Philippe Adm Mer 15 Fév 2017 - 22:54

Neptunia a écrit:Le sujet semble dans la bonne section.

Mais compte tenu de la complexité de certaines demandes il y a très peu de personnes susceptibles d'y répondre complètement.

Sinon, le plugin Fancybox est utilisable sur n'importe quelle version de forum (me semble d'ailleurs qu'il est utilisé ici même.


Hello Neptunia,

Je comprends, enfin si on peut dire ... =)

Pour le reste,

J'ai déplacé le widget à gauche, il s'affiche bien mais du coup le défilement ne suit plus...
J'ai essayé de comprendre le pourquoi en analysant un peu ton code, j'ai essayé Left au lieu de Right ... rien n'y fait.

Et est-il possible de mettre les titre des derniers sujets en gras dans ce widget ?

Un grand merci à toi.

Phil

Ps: peux-tu me dire comment tu as trouvé "nth-child(3)"
Même avec l'inspecteur de Mozilla il ne trouve pas ça !
Ou alors tu adaptes en fonction... mais ça m'intéresserait de savoir comment tu fais. (sans rentrer dans les détails bien sur)
Juste la démarche logique Smile

++

Philippe Adm

Philippe Adm
*

Messages : 30
Inscrit(e) le : 17/12/2016

http://tftm.forumactif.com/
Philippe Adm a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Widgets qui défile en même temps que l'écran

Message par Neptunia Jeu 16 Fév 2017 - 0:43

Pour trouver le nom du sélecteur CSS je suis bien passée par l'inspecteur d'éléments.

Dans la fenêtre avec le code de la page j'ai mis en surbrillance la ligne <div class="module">, clic-droit > copier > Le sélecteur CSS

Quant à la logique, bah je ne saurais dire, ne me souvenant jamais si la numérotation de nth-child commence à 0 ou à 1, je m'attendais à trouver 1 ou 2 pour le second widget et sur mon fofo test j'avais 4 (avec 2 widgets comme chez toi) alors que sur le tien 3 suffisait



Le right du code css permettait de modifier l'affichage du widget. Si tu l'avais laissé à sa place initiale, mettre left aurait permis de désolidariser le widget de sa colonne tout en l'affichant à gauche
Pour le reste c'est juste la valeur du nth qui devrait changer, c'est à dire le nom du sélecteur CSS.

Pour la mise en gras des titres de sujets !
Code fourni sur la base de l'ancien emplacement du widget :
Code:
    div.module:nth-child(3) a[href^='/t'] {
      font-weight: bold;
      }
Attention à ne pas trop dévier du sujet, quand on a des questions voisines (ici concernant un même widget) on les pose dès l'ouverture du sujet, afin que celui ou celle qui le prend en charge sache à quoi s'attendre.
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widgets qui défile en même temps que l'écran

Message par Philippe Adm Ven 17 Fév 2017 - 0:00

Merci pour ces précisions Neptunia, ça m'a bien aidé ^^

Effectivement j'avais d'abord essayé via le panel de déplacer le widget qui était à droite, vers la gauche et en voyant que cela ne marchait pas j'avais modifié ton code.
Le lien étain donc rompu, avec l'explication de ta méthode: mis en surbrillance la ligne <div class="module">, clic-droit > copier > Le sélecteur CSS
J'ai pu refaire le lien (il était passé à "1"). Ça a un peu foutu le "boxon" car l'autre widget à mon avis était aussi à 1, donc j'ai eu les deux widget à gauche.
Mais pas de souci, j'ai enlevé l'autre pour en suite le remettre et avoir une nouvelle donnée ( ou variable, ou coordonnée si je peux dire) et tout est rentré dans l'ordre.

Et merci aussi pour le gras...tin ;-)

Bien à toi !!

Phil
Philippe Adm

Philippe Adm
*

Messages : 30
Inscrit(e) le : 17/12/2016

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

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

- Sujets similaires

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