Avoir la même toolbar de la version ModernBB sur la version PHPBB2

3 participants

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

Résolu Avoir la même toolbar de la version ModernBB sur la version PHPBB2

Message par Mat Mer 14 Juin 2017 - 21:29

Bonjour Wink,
Je voudrais savoir comment je pourrais avoir la même toolbar de la version ModernBB sur la version PHPB2 Wink
Merci d'avance Wink


Dernière édition par FkS_DjMat le Lun 3 Juil 2017 - 13:03, édité 1 fois
Mat

Mat
Membre habitué

Masculin
Messages : 1555
Inscrit(e) le : 05/09/2015

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

Résolu Re: Avoir la même toolbar de la version ModernBB sur la version PHPBB2

Message par Walt Jeu 15 Juin 2017 - 12:47

Bonjour,

Qu'entendez-vous par là ? Une barre qui se fixe en haut de l'écran lors du scroll ?
Si tel est le cas, je vous renvoie vers ce tutoriel : https://forum.forumactif.com/t381565-ajouter-une-barre-de-navigation-flottante

Cordialement,
Walt
Walt

Walt
Modéractif
Modéractif

Masculin
Messages : 6081
Inscrit(e) le : 08/09/2015

Walt a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Avoir la même toolbar de la version ModernBB sur la version PHPBB2

Message par Mat Jeu 15 Juin 2017 - 20:34

Walt a écrit:Bonjour,

Qu'entendez-vous par là ? Une barre qui se fixe en haut de l'écran lors du scroll ?
Si tel est le cas, je vous renvoie vers ce tutoriel : https://forum.forumactif.com/t381565-ajouter-une-barre-de-navigation-flottante

Cordialement,
Walt
Non, désolé Wink
Je parle celle-ci Wink :
Avoir la même toolbar de la version ModernBB sur la version PHPBB2 Direct26
Mat

Mat
Membre habitué

Masculin
Messages : 1555
Inscrit(e) le : 05/09/2015

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

Résolu Re: Avoir la même toolbar de la version ModernBB sur la version PHPBB2

Message par Mat Mar 20 Juin 2017 - 18:14

Et un up Wink
Mat

Mat
Membre habitué

Masculin
Messages : 1555
Inscrit(e) le : 05/09/2015

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

Résolu Re: Avoir la même toolbar de la version ModernBB sur la version PHPBB2

Message par Chacha Lun 26 Juin 2017 - 9:46

Avoir la même toolbar de la version ModernBB sur la version PHPBB2 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: Avoir la même toolbar de la version ModernBB sur la version PHPBB2

Message par Mat Lun 26 Juin 2017 - 12:30

Et un up Wink
Mat

Mat
Membre habitué

Masculin
Messages : 1555
Inscrit(e) le : 05/09/2015

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

Résolu Re: Avoir la même toolbar de la version ModernBB sur la version PHPBB2

Message par Invité Lun 26 Juin 2017 - 14:12

Bonjour

Essaie avec ce code Css . Very Happy

PA / Affichage / Couleurs / Feuille de style Css


Code:
  /* Toolbar menu bienvenue et notifiacation version modernBB */
       
        #fa_toolbar {
        height:35px;
        font-size: 1.2rem;
        margin-top: 1px;
      }

          #fa_right {
        font-size: 1.2rem;
        margin-top: 1px;
      }
     

        #fa_toolbar #fa_right #notif_list li.see_all {
    color: #fff;
    font-size: 1.2rem;
    background-color: #333;
    border-radius: 6px;
    padding: 8px 8px !important;
    text-align: center;
 
    }
 
        #fa_toolbar #fa_right #notif_list {
    border-radius: 6px;
    border: none;
    font-size: 1.2rem;
    display: none;
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #FFFFFF;
    z-index: 999;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), 0 0 1px 1px rgba(0, 0, 0, 0.2);
    top: 32px;
    }
       
        #fa_usermenu table {
    width: 90%;
    }
        #fa_usermenu td {
    display: inline-block;
    padding: 0px;
    margin: 0;
    line-height: 1.526;
    }
        #fa_usermenu td.first {
    text-align: right;
    }
          #fa_usermenu td.bold {
    font-weight:500;
    text-align: left;
    padding-left: 6px;
    }

          #fa_usermenu {
    position: absolute;
    left: 0;
    top: 0px;
    bottom: 0;
    width: 150px;
     padding: 18px;
    color: #333333;
    font-size: 1.2rem;
    text-align: center;
    border-radius: 0 0 0 3px;
    background-color: rgba(0, 0, 0, 0.03);
    border-right: 1px solid rgba(0, 0, 0, 0.06);
    }

        #fa_menulist {
    background-color: #FFFFFF;
    line-height: 32px;
    z-index: 999;
    min-width: 160px;
    width: auto;
    display: none;
    border-radius: 0 0 3px 3px;
    border: none;
    position: absolute;
    list-style-type: none;
   
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.3), 0 0 1px 1px rgba(0, 0, 0, 0.2);
    top: 34px;
    margin: 0px;
    padding: 9px 18px 9px 200px;
    }
     
        /* Fin toolbar ModernBB */
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Avoir la même toolbar de la version ModernBB sur la version PHPBB2

Message par Mat Lun 26 Juin 2017 - 16:10

jackymi a écrit:Bonjour

Essaie avec ce code Css .  Very Happy

PA / Affichage / Couleurs / Feuille de style Css


Code:
   /* Toolbar menu bienvenue et notifiacation version modernBB */
        
         #fa_toolbar {
         height:35px;
         font-size: 1.2rem;
         margin-top: 1px;
       }

          #fa_right {
        font-size: 1.2rem;
        margin-top: 1px;
       }
      

        #fa_toolbar #fa_right #notif_list li.see_all {
    color: #fff;
    font-size: 1.2rem;
    background-color: #333;
    border-radius: 6px;
    padding: 8px 8px !important;
    text-align: center;
  
    }
 
        #fa_toolbar #fa_right #notif_list {
    border-radius: 6px;
    border: none;
    font-size: 1.2rem;
    display: none;
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #FFFFFF;
    z-index: 999;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), 0 0 1px 1px rgba(0, 0, 0, 0.2);
    top: 32px;
    }
        
         #fa_usermenu table {
    width: 90%;
    }
         #fa_usermenu td {
    display: inline-block;
    padding: 0px;
    margin: 0;
    line-height: 1.526;
    }
         #fa_usermenu td.first {
    text-align: right;
    }
          #fa_usermenu td.bold {
    font-weight:500;
    text-align: left;
    padding-left: 6px;
    }

          #fa_usermenu {
    position: absolute;
    left: 0;
    top: 0px;
    bottom: 0;
    width: 150px;
     padding: 18px;
    color: #333333;
    font-size: 1.2rem;
    text-align: center;
    border-radius: 0 0 0 3px;
    background-color: rgba(0, 0, 0, 0.03);
    border-right: 1px solid rgba(0, 0, 0, 0.06);
    }

         #fa_menulist {
    background-color: #FFFFFF;
    line-height: 32px;
    z-index: 999;
    min-width: 160px;
    width: auto;
    display: none;
    border-radius: 0 0 3px 3px;
    border: none;
    position: absolute;
    list-style-type: none;
   
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.3), 0 0 1px 1px rgba(0, 0, 0, 0.2);
    top: 34px;
    margin: 0px;
    padding: 9px 18px 9px 200px;
    }
      
         /* Fin toolbar ModernBB */
Ca marche, mais je voulais surtout avoir l'effets avec les boutons partager qui sont sur la version ModernBB Wink
Après je viens de voir ce que ça donne et je pense que je vais juste garder l'effet d'affichage des boutons partager Wink
Mat

Mat
Membre habitué

Masculin
Messages : 1555
Inscrit(e) le : 05/09/2015

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

Résolu Re: Avoir la même toolbar de la version ModernBB sur la version PHPBB2

Message par Chacha Dim 2 Juil 2017 - 19:59

Avoir la même toolbar de la version ModernBB sur la version PHPBB2 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: Avoir la même toolbar de la version ModernBB sur la version PHPBB2

Message par Mat Dim 2 Juil 2017 - 20:48

Et un up Wink
Mat

Mat
Membre habitué

Masculin
Messages : 1555
Inscrit(e) le : 05/09/2015

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

Résolu Re: Avoir la même toolbar de la version ModernBB sur la version PHPBB2

Message par Walt Dim 2 Juil 2017 - 23:44

Bonsoir,

Au final que désirez-vous ? L'affichage des boutons de partage comme sur le forum de support, ou ceux de ModernBB ?

Cordialement,
Walt
Walt

Walt
Modéractif
Modéractif

Masculin
Messages : 6081
Inscrit(e) le : 08/09/2015

Walt a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Avoir la même toolbar de la version ModernBB sur la version PHPBB2

Message par Mat Lun 3 Juil 2017 - 12:30

Je voudrais avoir le même affichage des icônes de partage que sur le Forums des forums si c'est possible alors Wink
Mon forum est en PhPBB2 Wink
Mat

Mat
Membre habitué

Masculin
Messages : 1555
Inscrit(e) le : 05/09/2015

http://www.dixily.fr
Mat a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Avoir la même toolbar de la version ModernBB sur la version PHPBB2

Message par Walt Lun 3 Juil 2017 - 12:58

Voici le CSS utilisé :

Code:
#fa_share a {
   background:url('https://i.imgur.com/xZ2dciB.png') no-repeat 0 0 transparent !important;
   height:25px !important;
   width:25px !important;
   border-radius:25px;
   margin:-2px 3px 0px 3px !important;
}
#fa_share_text {
   display:none;
}
#fa_share a:after {
   content:".";
   font-size:0;
   background:transparent;
   border-radius:30px;
   display:block;
   height:35px;
   width:35px;
   position:absolute;
   margin-left:-5px;
   margin-top:-5px;
   z-index:-1;
   transition:250ms;
}
#fa_share a:hover:after {
   height:25px;
   width:25px;
   margin-left:0;
   margin-top:0;
}
a#fa_fb {
   background-position:-50px 0 !important
}
a#fa_fb:hover {
   background-position:-75px 0 !important
}
a#fa_twitter {
   background-position:0 0 !important
}
a#fa_twitter:hover {
   background-position:-25px 0 !important
}
a#fa_gp {
   background-position:-98px 0 !important
}
a#fa_gp:hover {
   background-position:-123px 0 !important
}
a#fa_mail {
   background-position:-150px 0 !important
}
a#fa_mail:hover {
   background-position:-175px 0 !important
}
a#fa_rss {
   background-position:-199px 0 !important
}
a#fa_rss:hover {
   background-position:-224px 0 !important
}
#fa_share a#fa_fb:hover::after {
   background-color:#3B5998
}
#fa_share a#fa_twitter:hover::after {
   background-color:#5EA9DD
}
#fa_share a#fa_gp:hover::after {
   background-color:#DD4B39
}
#fa_share a#fa_mail:hover::after {
   background-color:#BB0000
}
#fa_share a#fa_rss:hover::after {
   background-color: #FAA21B
}

Cordialement,
Walt
Walt

Walt
Modéractif
Modéractif

Masculin
Messages : 6081
Inscrit(e) le : 08/09/2015

Walt a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Avoir la même toolbar de la version ModernBB sur la version PHPBB2

Message par Mat Lun 3 Juil 2017 - 13:03

Walt a écrit:Voici le CSS utilisé :

Code:
#fa_share a {
   background:url('https://i.imgur.com/xZ2dciB.png') no-repeat 0 0 transparent !important;
   height:25px !important;
   width:25px !important;
   border-radius:25px;
   margin:-2px 3px 0px 3px !important;
}
#fa_share_text {
   display:none;
}
#fa_share a:after {
   content:".";
   font-size:0;
   background:transparent;
   border-radius:30px;
   display:block;
   height:35px;
   width:35px;
   position:absolute;
   margin-left:-5px;
   margin-top:-5px;
   z-index:-1;
   transition:250ms;
}
#fa_share a:hover:after {
   height:25px;
   width:25px;
   margin-left:0;
   margin-top:0;
}
a#fa_fb {
   background-position:-50px 0 !important
}
a#fa_fb:hover {
   background-position:-75px 0 !important
}
a#fa_twitter {
   background-position:0 0 !important
}
a#fa_twitter:hover {
   background-position:-25px 0 !important
}
a#fa_gp {
   background-position:-98px 0 !important
}
a#fa_gp:hover {
   background-position:-123px 0 !important
}
a#fa_mail {
   background-position:-150px 0 !important
}
a#fa_mail:hover {
   background-position:-175px 0 !important
}
a#fa_rss {
   background-position:-199px 0 !important
}
a#fa_rss:hover {
   background-position:-224px 0 !important
}
#fa_share a#fa_fb:hover::after {
   background-color:#3B5998
}
#fa_share a#fa_twitter:hover::after {
   background-color:#5EA9DD
}
#fa_share a#fa_gp:hover::after {
   background-color:#DD4B39
}
#fa_share a#fa_mail:hover::after {
   background-color:#BB0000
}
#fa_share a#fa_rss:hover::after {
   background-color: #FAA21B
}

Cordialement,
Walt
Ca marche Wink, encore un grand merci Wink
Mat

Mat
Membre habitué

Masculin
Messages : 1555
Inscrit(e) le : 05/09/2015

http://www.dixily.fr
Mat 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