Comment faire bouger le calendrier de haut en bas, ou inversement ?

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

Résolu Comment faire bouger le calendrier de haut en bas, ou inversement ?

Message par katolik le Ven 28 Oct 2016 - 9:54

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.papefrancois.fr/

Description du problème

Bonjour,

Sur la majorité de mes pages, il est possible de voir, en haut, à droite, un calendrier sur lequel sont diffusés, dates aprés dates, les discours du Pape François....

Toutefois, ce calendrier ne bouge pas ! J'aimerai, lorsqu'un visiteur regarde mon site, que le calendrier descende ou monte, selon que le visiteur fait bouger telle ou telle page vers le haut ou vers le bas !

Est-ce possible ?

Merci d'avance pour votre aide !


Dernière édition par katolik le Ven 28 Oct 2016 - 14:38, édité 1 fois

katolik
**

Masculin
Messages : 57
Inscrit(e) le : 29/10/2013

http://www.papefrancois.fr/
katolik a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire bouger le calendrier de haut en bas, ou inversement ?

Message par Neptunia le Ven 28 Oct 2016 - 10:59

Bonjour ^^


Ajoutez dans votre feuille css :
Code:
#right {
    position: fixed;
    top: 0px;
    right: 50px;
}

La valeur à top permet de définir la marge entre le haut de l'écran et le haut du widget.
La valeur de right définit l'espacement entre bord droit de l'écran et bord droit du widget. J'ignore pourquoi, mais j'ai du mettre 50px pour que le widget s'affiche entièrement.
avatar

Neptunia
Membre actif

Féminin
Messages : 12107
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: Comment faire bouger le calendrier de haut en bas, ou inversement ?

Message par katolik le Ven 28 Oct 2016 - 12:19

Bonjour Neptunia et merci beaucoup pour votre réponse si rapide !

A 55 ans, tout cela est, pour moi, comme du "chinois" et, après avoir essayé votre solution, mon problème n'est pas résolu:

- quand vous dites "dans votre css", ou est-ce que je le trouve ? Je suis allé dans "module", "gestion des widgets du forum", puis "widget personnalisé" , et j'ai créé un "widget personnalisé" ...mais en repartant sur mon forum, le calendrier ne bouge toujours pas ! ...
Au secours !

katolik
**

Masculin
Messages : 57
Inscrit(e) le : 29/10/2013

http://www.papefrancois.fr/
katolik a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire bouger le calendrier de haut en bas, ou inversement ?

Message par Neptunia le Ven 28 Oct 2016 - 13:06

Bah j'avais omis de préciser vu que vous signalez sur votre profil avoir modifié CSS et templates. J'en déduisais donc que vous saviez où c'était.

Right PA > Affichage > Images et couleurs > Couleurs > Onglet Feuille de style CSS
Par précaution, commencez par sauvegarder (sélectionner tout -> clic droit -> Copier, Ouvrir le bloc-notes de Windows Nouveau document texte > clic droit - Coller / Vous pouvez aussi coller le contenu de votre feuille dans un message en zone privée du forum)

Ajouter "mon" code à la suite des codes déjà présents et valider.

P.S. J'avais également omis de préciser que ce code agira sur l'ensemble des widgets positionnés dans la colonne de droite. Omission due au fait qu'il n'y a que le calendrier (du moins pour les invités)
avatar

Neptunia
Membre actif

Féminin
Messages : 12107
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: Comment faire bouger le calendrier de haut en bas, ou inversement ?

Message par katolik le Ven 28 Oct 2016 - 13:29

Neptunia, bravo pour vos compétences car, effectivement, le système marche bien dans la page "accueil" et dans la page "calendrier"..par contre cela ne marche pas dans la partie "portail" ! une explication ?

Merci déjà pour tout le temps que vous avez pris pour mon forum ! Laughing

katolik
**

Masculin
Messages : 57
Inscrit(e) le : 29/10/2013

http://www.papefrancois.fr/
katolik a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire bouger le calendrier de haut en bas, ou inversement ?

Message par Neptunia le Ven 28 Oct 2016 - 14:02

J'avais pensé que la demande concernait les widgets du forum sans songer au portail.

Mon code n'agit pas sur le portail car il utilise des identifiants différents.

Essayez ceci : (toujours dans la feuille CSS)
Code:
    table.portal tbody tr td:nth-child(3) {
        position: fixed;
        top: 0px;
        right: 0px;
    }

Si ça ne fonctionne pas avec :nth-child(3) essayez avec :nth-child(2)
J'ai un doute sur la bonne syntaxe.
avatar

Neptunia
Membre actif

Féminin
Messages : 12107
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: Comment faire bouger le calendrier de haut en bas, ou inversement ?

Message par katolik le Ven 28 Oct 2016 - 14:13

@Neptunia a écrit:J'avais pensé que la demande concernait les widgets du forum sans songer au portail.

Mon code n'agit pas sur le portail car il utilise des identifiants différents.

Essayez ceci : (toujours dans la feuille CSS)
Code:
    table.portal tbody tr td:nth-child(3) {
        position: fixed;
        top: 0px;
        right: 0px;
    }

Si ça ne fonctionne pas avec :nth-child(3) essayez avec :nth-child(2)
J'ai un doute sur la bonne syntaxe.

neptunia, ça marche presque avec 3 (pas avec 2) mais allez voir sur le site, dans la partie "portail", une partie du calendrier a disparue Very Happy

katolik
**

Masculin
Messages : 57
Inscrit(e) le : 29/10/2013

http://www.papefrancois.fr/
katolik a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire bouger le calendrier de haut en bas, ou inversement ?

Message par Neptunia le Ven 28 Oct 2016 - 14:28

Oui, je vois le problème, mon code ciblant la troisième colonne s'applique à toute l'arborescence du widget.

Essayez avec ce code à la place :
Code:
        table.portal > tbody > tr > td:nth-child(3) {
            position: fixed;
            top: 0px;
            right: 0px;
        }
Si ça ne corrige pas le problème, enlevez complètement ce code. J'essaierai de repartir du widget de base (mais je crains devoir passer la main)
avatar

Neptunia
Membre actif

Féminin
Messages : 12107
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: Comment faire bouger le calendrier de haut en bas, ou inversement ?

Message par katolik le Ven 28 Oct 2016 - 14:38

Neptunia, bravo ! ça a l'air de marcher (merci de me le confirmer de votre coté !)

Merci pour tout !

katolik
**

Masculin
Messages : 57
Inscrit(e) le : 29/10/2013

http://www.papefrancois.fr/
katolik a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire bouger le calendrier de haut en bas, ou inversement ?

Message par Neptunia le Ven 28 Oct 2016 - 14:49

De mon côté ça fonctionne également, et cerise sur le gâteau je découvre comment utiliser le pseudo élément :nth-child ainsi que l'emploi des > dans le nommage des sélecteurs CSS.
avatar

Neptunia
Membre actif

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

https://www.galaxie-series.net/
Neptunia 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