Aller en bas
Deco sapin
Deco renne
Tara.
Tara.
Messages : 51
http://rdvdesseries.forumsactifs.com/

[commande codage] Déplacer les notifications Empty [commande codage] Déplacer les notifications

le Ven 14 Fév 2020 - 11:15
Bonjour,

Je viens vers vous pour une petite commande. J'ai lu  ce tuto et lu ce message car je souhaiterais la même chose mais dans un cadre extérieur


Type de commande (modification de templates, en-tête, qeel, mise en page de messages, pub, autres) : Déplacer le centre de notifications
Pour quel forum : https://rdvdesseries.forumsactifs.com/
Maquette graphique/schéma/croquis :
[commande codage] Déplacer les notifications 1cgp
Informations utiles (couleurs, images, etc, …) : background: #E7BEA0, contour et couleur écriture noir
[Pour les modifications de templates] Version du forum (PhpBB2, PhpBB3, PunBB, Invision, ModernBB ou AwesomeBB) : phpBB2
Le code pourra-t-il être mis en libre service ensuite ? Oui
La commande peut-elle être prise en charge par un membre ou uniquement par les râleuses ? Par ceux qui y arrivent

Merci à la personne qui prendra en charge cette commande
Deco sapin
Deco renne
Mäven
Mäven
Informations : Idea Viens papoter avec nous sur le discord

Messages : 2278
https://tambouille-raleuses.forumactif.com/

[commande codage] Déplacer les notifications Empty Re: [commande codage] Déplacer les notifications

le Ven 14 Fév 2020 - 12:01
Coucou !

C'est bien pris en compte. On va laisser quelques jours aux membres pour venir te répondre et s'ils ne peuvent pas on viendra t'aider.

Tu souhaites le cadre de notif "volant" ou à un endroit précis ?

A bientôt Smile

_________________
Deco sapin
Deco renne
Tara.
Tara.
Messages : 51
http://rdvdesseries.forumsactifs.com/

[commande codage] Déplacer les notifications Empty Re: [commande codage] Déplacer les notifications

le Ven 14 Fév 2020 - 13:14
Coucou,

Ok pas de soucis.

J'aimerais le cadre fixe à peu près là ou je l'ai mis sur l'image jointe (les flèches sont pour expliquer que comme dans la tooblar quand on appuie sur "notifications" on voit les notifs)

Deco sapin
Deco renne
Nevyin
Nevyin
Pseudo Discord : NEVYIN#0617
Messages : 30
https://www.xoogge.fr

[commande codage] Déplacer les notifications Empty Re: [commande codage] Déplacer les notifications

le Ven 14 Fév 2020 - 14:26
Hello Smile

J'en profite que Miettes & Mäven me laisse un peu de temps pour répondre XD.
Du coup, si je comprends bien ta demande, tu aimerais que le volet des notifications soit toujours visible en haut à droite de la page, peu importe si tu scroll c'est ça ?
Deco sapin
Deco renne
Tara.
Tara.
Messages : 51
http://rdvdesseries.forumsactifs.com/

[commande codage] Déplacer les notifications Empty Re: [commande codage] Déplacer les notifications

le Ven 14 Fév 2020 - 14:39
Hello Nevyin!

Oui c'est tout à fait ça
Deco sapin
Deco renne
Nevyin
Nevyin
Pseudo Discord : NEVYIN#0617
Messages : 30
https://www.xoogge.fr

[commande codage] Déplacer les notifications Empty Re: [commande codage] Déplacer les notifications

le Ven 14 Fév 2020 - 14:47
Parfait, je viens de faire quelque chose. J'ai essayé de reprendre le design que tu as sur ton forum. Hésite pas à me dire si tu veux quelques ajustements.

Il te faut simplement mettre le code suivant dans la feuille de style css de ton forum :
- Panneau d'administration > Affichage > Images & Couleurs > Couleurs > Feuille de style CSS

Code:
#fa_right #fa_notifications {
    position: fixed;
    top: 50px;
    right: 30px;
    background-color: #E7BEA0 !important;
    width: 192px;
    text-align: center;
    border: 1px #000 solid;
    border-radius: 10px;
    color: #766145;
    font-weight: bold;
}
#fa_right.notification #fa_notifications {
    border-radius: 10px 10px 0 0;
}
#fa_right #notif_list {
    left: initial!important;
    position: fixed;
    right: 30px;
    top: 82px;
    width: 202px;
}
#fa_toolbar #fa_right #notif_list li .content {
    width: 190px;
}
#fa_toolbar #fa_right #notif_list li .contentText {
    width: 169px;
    height: initial;
}
#fa_toolbar #fa_right #notif_list li a.delete {
    width: 20px;
    height: 16px;
}
Deco sapin
Deco renne
Tara.
Tara.
Messages : 51
http://rdvdesseries.forumsactifs.com/

[commande codage] Déplacer les notifications Empty Re: [commande codage] Déplacer les notifications

le Ven 14 Fév 2020 - 15:28
Merci beaucoup Neyvin!

C'est parfait.. cheers

Je m'attendais pas à une réponse si rapide ^^

Deco sapin
Deco renne
Nevyin
Nevyin
Pseudo Discord : NEVYIN#0617
Messages : 30
https://www.xoogge.fr

[commande codage] Déplacer les notifications Empty Re: [commande codage] Déplacer les notifications

le Ven 14 Fév 2020 - 15:31
Top Smile

De rien ça fait plaisir. Juste pour être sur, tu ne voulais pas cacher la toolbar, juste déplacer les notifications hein ?
Deco sapin
Deco renne
Tara.
Tara.
Messages : 51
http://rdvdesseries.forumsactifs.com/

[commande codage] Déplacer les notifications Empty Re: [commande codage] Déplacer les notifications

le Ven 14 Fév 2020 - 15:35
J'ai essayer de cacher la tooblar par le tuto mais ça fonctionne pas mais si tu as l'astuce je veux bien la prendre si ça coûte pas plus cher ^-^
Deco sapin
Deco renne
Nevyin
Nevyin
Pseudo Discord : NEVYIN#0617
Messages : 30
https://www.xoogge.fr

[commande codage] Déplacer les notifications Empty Re: [commande codage] Déplacer les notifications

le Ven 14 Fév 2020 - 16:10
Haha pas de soucis. Voici le code CSS à ajouter du coup pour cacher la toolbar :

Code:
div#fa_toolbar {
    top: -30px;
}
body {
    margin-top: 0 !important;
}

Si tu as déjà une class 'body' dans ton css, tu peux juste y ajouter la ligne suivante :
Code:
margin-top: 0 !important;

EDIT : Je viens de voir qu'il faut faire un ajustement au niveau du css. Pour le css suivant :
Code:
#fa_right #notif_list
Il faut ajouter un '!important' sur la position, soit :
Code:
position: fixed !important;

Ce qui donne :
Code:
#fa_right #notif_list {
    left: initial!important;
    position: fixed !important;
    right: 30px;
    top: 82px;
    width: 202px;
}
Deco sapin
Deco renne
Tara.
Tara.
Messages : 51
http://rdvdesseries.forumsactifs.com/

[commande codage] Déplacer les notifications Empty Re: [commande codage] Déplacer les notifications

le Ven 14 Fév 2020 - 16:26
C'est super! impeccable ça fonctionne correctement

Merci pour ton coup de pouce rapide!
Deco sapin
Deco renne
Nevyin
Nevyin
Pseudo Discord : NEVYIN#0617
Messages : 30
https://www.xoogge.fr

[commande codage] Déplacer les notifications Empty Re: [commande codage] Déplacer les notifications

le Ven 14 Fév 2020 - 16:28
je t'en prie. Je viens d'éditer mon message, je ne sais pas si tu as vu entre temps ?
Deco sapin
Deco renne
Tara.
Tara.
Messages : 51
http://rdvdesseries.forumsactifs.com/

[commande codage] Déplacer les notifications Empty Re: [commande codage] Déplacer les notifications

le Ven 14 Fév 2020 - 16:32
C'est bon j'ai rajouté le "important" Wink
Deco sapin
Deco renne
Mäven
Mäven
Informations : Idea Viens papoter avec nous sur le discord

Messages : 2278
https://tambouille-raleuses.forumactif.com/

[commande codage] Déplacer les notifications Empty Re: [commande codage] Déplacer les notifications

le Ven 14 Fév 2020 - 16:42
Merci @Nevyin pour la prise en charge super rapide ! Very Happy

@Tara. on peut archiver du coup ? Ou tu as d'autres questions là dessus ?


Dernière édition par Mäven le Ven 14 Fév 2020 - 16:43, édité 1 fois

_________________
Deco sapin
Deco renne
Tara.
Tara.
Messages : 51
http://rdvdesseries.forumsactifs.com/

[commande codage] Déplacer les notifications Empty Re: [commande codage] Déplacer les notifications

le Ven 14 Fév 2020 - 16:43
Tu peux archiver et merci encore à Nevyin
Deco sapin
Deco renne
Contenu sponsorisé

[commande codage] Déplacer les notifications Empty Re: [commande codage] Déplacer les notifications

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



A visiter

Post-It des Râleuses