Demande pour Populuss

Bonjour, tout d'abord un grand merci à la personne qui s'occupera de ma commande, j'ai vraiment pas l'habitude d'en passer donc j'espère ne rien oublier !

   Nom de votre forum : Populuss
   Lien du forum : https://populuss.forumactif.com/
   Type de demande (message d'accueil, template, fiche publicitaire...) : Maquette (PA + Catégories + QEEL)
   Version de votre forum (mettez un X) : [] phpBB2 | [] phpBB3 | [] PunBB | [] Invision | [x]  ModernBB
   Schéma de ce que vous voulez :
PA : https://zupimages.net/up/20/39/w0iv.jpg
Catégories : https://zupimages.net/up/20/39/6o7a.jpg
QEEL : https://zupimages.net/up/20/39/7lkh.jpg
   Images à insérer :
PA Partenaires : https://i.servimg.com/u/f56/17/26/94/28/populu10.jpg
PA Staff : https://zupimages.net/up/20/39/o4bg.jpg

   Code des couleurs :
Fond : #fff1d3
Marron : #9a6a04
Orange (PA) : #dcb35b
Beige (le rond dans la catégorie qui correspond à "pas de nouveau message") : #ffe09f
Orange (le rond dans la catégorie qui correspond à "nouveau message") : #ffaf00

   Autres : Largeur 850px

Encore merci et bonne fin de journée !

Salut @Miettes !

Noooon j'ai pas oublié ! J'avoue que j'ai du mal à trouve "ma manière" de coder du coup je mets beaucoup de temps pour faire les choses, (c'est vrai que j'aurai pu faire la PA mais j'aurai mis beaucoup de temps à la faire) et côté templates je ne me suis pas encore penchée dessus ! (mais j'y travaille)

Sinon pour répondre à tes questions :

- côté animation, j'en voudrais bien une sur la PA au niveau du staff quand on passe sur l'avatar elle baisse en opacité et on voit le Nom et le poste du staffeux (comme sur la PA de RP en fait)

- pour le petit rond en haut à gauche sur les catégories c'est exactement ça le rond beige correspond à "pas de nouveau messages" et le orange à "nouveau message" !

Je te remercie et de souhaite de bonnes vacances !

Bonjour @Miettes

Oh super ! tout à l'air parfait pour moi en tout cas
Merci beaucoup déja pour ton travail

Coucou, c'est parfait !

Encore merci @Miettes

Bonne fin de journée !

Hey, merci beaucoup @Miettes !

Petite question pour les petits ronds pour les nouveaux/pas de nouveaux messages je les ajoutes dans les images dans le panneau admin ?

Bonjour Miettes

J'ai bien regardé à tête reposée, et il me semble qu'il n'y a pas les statistiques dans le Qeel (nombre de membres et messages   ) ?Sinon tout est parfait comme ça pour ma part
Bonne journée !

Coucou, il me semble que je les avait mise dans la partie "Loup y es-tu ?" de mémoire !

Sinon Miettes, ça ira comme ça, on peux toujours nous l'ajouter quand on aura placé les codes !

Super Miettes, on fait comme ça d'accord, Valou va placer les codes

Merci @Miettes c'est perfect !

Salut tout d'abord encore merci, pour le moment on a décelé un petit soucis, sur l'index le lien "Panneau d'administration" n'apparaît plus tout en bas !

Bonjour Miettes

Voilà, désolée pour le dérangement encore mais pour te tenir informer, nous avons réglé le soucis de l'accés au PA mais on a 2 soucis :
- Sur la PA , dés qu'on écrit un mot dans la page html , sur le forum, tout se déforme. Je te mets une capture.


- Et juste aussi, le cadre sur la PA des "Messages" est plus grand que le cadre du "staff" et pareil dans le qeel, le cadre des "connectés" est plus petit que le cadre des "connecté" 48 heures). On ne voit pas exactement où on peux modifier car Valou me dit que c'est la même "classe" !

Je te donne tout le reste de ma css pour vérifier que le soucis de la PA ne vienne pas du codage à coté ! Si tu veux mon code d'accés au forum, pour mieux voir tout ça, aucun soucis !je te le donnerais par MP.
Merci d'avance et bonne journée

La css :

Code:

/* ----------------------------------------*/

.post-head {
    background-color: #f0ede0;
    border-color:#333;
    border-radius: 3px 3px 0 0;
    border-style: solid;
    border-width: 0 0 4px;
    padding: 18px;
}

.postprofile {
    color: #000;
    display: block;
    float: left;
    font-size: 1.3rem;
    padding: 10px;
    position: relative;
    width: 230px;
    word-wrap: break-word;
  
 
}

.postprofile-avatar img {
    border: 3px solid #FFF;
    border-radius: 0px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.3), 0 0 1px rgba(0,0,0,0.3);
    height: 320px;
    width: 200px;
}

.statistics {
    background-color: #500f4a;
    color: #FFF;
    font-size: 1.3rem;
    overflow: hidden;
    padding: 24px 0;
    border-bottom: 5px double #bb91b5;
}

#page-footer {
    background-color: #CAC3A7;
}

.copyright-body {
    border-color: #9a6a04;
    border-style: solid;
    border-width: 1px 0 0;
    margin: 18px 0 0;
    padding: 18px 0 0;
}

.linklist {
    border-color: rgba(0,0,0,0);
    border-style: solid;
    list-style: none;
    margin: 24px 0;
}

a.forumtitle:link {
    color: #59513A;
}

a.forumtitle:visited {
    color: #453f2e;
}

.forabg.hidden {
    background-color: #000000;
}







/* ************* CENTRER LES SIGNATURES *********** */
.signature_div { text-align: center; }












 

 
/*Barre de navigation ------------------------------------------*/
 
.navbar {
    text-align: center !important;
    background-color: #59513A !important;
}
.navbar li {
   margin: 8px 0 8px 0;
}
 

/*positionnement barre de navigation*/
ul.navbar.navlinks {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
#logo {
  margin-top: 60px;
}



 


  
    .table-title, .table-title h2 {
     font-size:25px ! important;
     font-family: 'Roboto' ! important;
     font-weight: bold ! important;
     color: #f0f0f0 ! important;  
          
          }
li.header dl.icon dd.dterm, li.header dl.icon dt { /* noms des forums */
    text-align: ; /* position horizontal du texte */
    margin-top: 5px; /* position verticale du texte */
}


 


.selectCode { float:center; text-transform: ; cursor:pointer;margin:10px; }
div.cont_code { clear:; }


.postbody * {
  box-sizing: unset;
}











.boutonhautbas {
    bottom: 100px;
    right: 10px; /* remplacez right par left pour afficher les boutons à gauche */
    position: fixed;
    z-index: 100;
}







  








  




























.lastpost-avatar::after {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    background:
rgba(0,0,0,0);
border-color:#FFF;
border-radius: 38px;
border-style: solid;
border-width: 0px;
box-shadow: 0 0 0
rgba(0,0,0,0), 0 0 0
    rgba(0,0,0,0);
    content: "\f47e";
    display: block;
    font-family: Ionicons;
    font-size: 1.8rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    height: 38px;
    left: 0;
    line-height: 34px;
    position: absolute;
    speak: none;
    text-align: center;
    text-rendering: auto;
    text-transform: none;
    top: 11px;
    width: 38px;
}.lastpost-avatar img {
    border-radius: 1px;
    display: block;
    height:65px;
    padding: 2px;
    position: relative;
    width:65px;
    z-index: 1;
}
 






body{
 margin-top:0 !important;
        
    
        
    
}
.is-sticky#headerbar-top.w-toolbar {
    top: 0px !important;
}
#fa_toolbar,
#fa_toolbar_hidden{
  display:none;
}

.newNotif{
 color:yellow !important;
 font-size:16px !important;
}


.topics .row .lastpost {
    padding: 9px 90px !important;
}



    
      





.panel.introduction{background-color:transparent;border:px solid #;border-radius: px;
box-shadow:none;}

.navbar a {font-size:16px;color:#FAF7E8;}










    /* AFFICHAGE LISTE DES MEMBRES */
    #LMBER {
    margin:auto; width:950px;
    }
    /* ENTÊTE - RECHERCHER UN UTILISATEUR OU MODIFIER ORDRE AFFICHAGE */
    .tleLMBER {
    margin:0 auto 5px; width:700px;
    background:#EBEADD; /* MODIFIABLE */
    }
    /* TITRE ENTÊTE */
    .tleLMBER th {
    margin-bottom:5px; padding:5px 0;
    text-transform:; font-family:Roboto; font-size:14px;
    background:FAFAFA; color:#302A2A; /* MODIFIABLE */
    }
    /* BLOC MEMBRE */
    .MBER {
    float:left; margin:5px;
    width:145px; padding-top:10px; text-align:center;
    background:#fafafa; /* MODIFIABLE - COULEUR PAR DEFAUT */
    }
    /* AVATAR */
    .imgLMBER{
    margin:auto; margin-bottom:-55px;
    width:100px; height:100px; border-radius:100px; overflow:hidden;
    }
    .imgLMBER img{
    width:100px;
    }
    /* NOMBRE DE MESSAGES */
    .msgLMBER {
    position:absolute; margin-top:10px; margin-left:10px;
    width:80px; height:50px; padding-top:30px; border-radius:80px;
    font-family:Arial; font-size:14px; text-align:center; font-weight:bold;
    background:rgba(250,250,250,0.7); /* MODIFIABLE */
    opacity:0; transition:opacity 0.45s ease; -webkit-transition:opacity 0.45s ease;
    }
    .imgLMBER:hover .msgLMBER {
    opacity:1;
    }
    /* BLOC PSEUDONYME & INSCRIPTION / DERNIERE VISITE / IMAGES MP & WWW */
    .boxLMBER {
    padding:45px 10px 7px;
    font-family:Arial; text-align:center;
    background:rgba(255,255,255,0.8); /* MODIFIABLE */
    }
    /* BLOC PSEUDONYME & INSCRIPTION */
    .nameLMBER{
    margin-top:20px; height:30px; padding:5px 0;
    text-align:center; text-transform:uppercase; letter-spacing:-0.5px; font-family:Arial; font-size:11px;
    background:#FEFEFE; /* MODIFIABLE */
    }
    /* DATE INSCRIPTION */
    .joinLMBER{
    font-size:10px; text-align:center; letter-spacing:0;
    }
    /* DERNIERE VISITE */
    .lstvLMBER {
    margin-top:5px; padding:2px 0;
    background:rgba(255,255,255,0.6); /* MODIFIABLE */
    font-size:9px; text-align:center;
    }
    /* IMAGES MP & WWW */
    .btnLMBER {
    margin-top:5px; height:15px;
    }
    .btnLMBER img{
    max-height:15px; filter:grayscale(1); -webkit-filter:grayscale(1);
    }
    /* FIN AFFICHAGE LISTE DES MEMBRES */











/******************************************************** AFFICHAGE SUJETS ********************************************************/
/* NOUVEAU */
ul.posting-buttons.clearfix, .posting-options.topic-options {
        width: 95%;
        margin: 1% auto;
}

ul.posting-buttons.clearfix li {
     list-style: none;
}

/* FIL ARIANE PAGINATION */
.ariane_pagination {
        width: 95%;
        margin: auto;
   font-family: roboto, sans-serif;
        font-weight: bold;
        color: #4848cc;
}

.ariane_pagination li {
        list-style: none;
        display: inline-block;
        padding: 0 1% 0 0;
        color: #858386;
        text-transform: ;
        font-style: bold;
        font-size: 10px;
}

.ariane_pagination li a {
   color: #302A2A;
}

.pagination_forum {
        float: right;
        color: #858386;
        text-transform: uppercase;
   font-family: Calibri, sans-serif;
        font-weight: bold;
        font-size: 10px;
}

.pagination_forum a {
   color: #858386;
}

/* LIGNE SUJET */
.contenu_liste_sujets {
        width: 100%;    border-radius:5px;
        margin: 1% auto;
        background: #EBEADD;
        border: 1px solid #adaeb1;
        padding: 1%;
        box-sizing: border-box;
        color: #302A2A;
        text-transform: ;
   font-family: Roboto, sans-serif;
        font-weight: bold;
        letter-spacing: .5px;
}

.contenu_liste_sujets::after {
        content: "";
        clear: both;
        display: block;
}

.contenu_liste_sujets a {
   color: #745F3A;
}

.contenu_liste_sujets .center {
        width: 80%;
   float: left;
        text-align: left;
}

a.topictitle::after {
        display: block;
        content: "";
}

img.ls_statut {
        float: left;
        margin: 1.2% 4% 0 0;
}

.contenu_liste_sujets .vues {
        background: #; width:52px;
        border: 2px solid #C78B1D;
        float: right;
        text-align: center;
        padding: 1%;
        color: #333;
        margin: 0 5% 0 0;
}

/* MODERER */
.boutons_moderation {
        width: 95%;
        margin: 0 auto;
}

.boutons_moderation a {
        background: #e3e0e2;
        border: 1px solid #b6b5b7;
        font-size: 10px;
        text-transform: uppercase;
        color: #62676e;
        display: inline-block;
        line-height: 3;
        width: 32.5%;
   font-family: Calibri, sans-serif;
        font-weight: bold;
        text-align: center;
}

.boutons_moderation a:hover {
   background: #c95176;
   color: #fff;
}

.surveiller a {
     width: 100%;
}

.surveiller {
        display: inline-block;
        width: 32.5%;
   margin: 0 1.1%;
}

.bouton_moderer {
        font-size: 0;
        width: 32.5%;
        display: inline-block;
        margin: -5% 0 2% 0;
}

.bouton_moderer a {
     width: 100%;
}

/* PAS DE SUJET */
.pas_de_sujet {
        text-transform: uppercase;
        font-style: bold;
        color: #62676e;
        text-align: center;
        margin: 2% 0;
}






body.chatbox {
    background-color:#CAC3A7;
}





i[class*="ion-"] { font-size:18px !important; }


.postprofile-rank{font-size:0px;}











    
  
 


 /* NAVBAR - ARTEMIS POUR ARTIFICES */

    :root
    {
     --couleur-bleue: #fafafa;
    }

    .bodylinewidth
    {
     margin-top: 72px;
    }

    .navbar_arte
    {
     width: 100%;
     background: #59513A;
     height: 70px;
     -webkit-box-shadow: 0 2px 1px #CAC3A7;
     box-shadow: 0 2px 1px #CAC3A7;
     position: fixed;
     top: 0;
     left: 0;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     padding: 5px 15px 0 5px;
     z-index: 999;
    }

  
 .avatar_navbar
    {
     width: 100px;
     height: 60px;
     border: 1px solid white;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     padding: 5px;
     background: #;
     display: inline-block;
     float: left;
    }

    .avatar_navbar img
    {
     width: 90px;
     height: 50px;
     -o-object-fit: cover;
     object-fit: cover;
    }

    .bloc_pseudo_search
    {
     font: 9px ROBOTO;
     width: 240px;
     display: inline-block;
     text-transform: uppercase;
     letter-spacing: 2px;
     height: 60px;
     vertical-align: top;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     padding: 10px 5px;
     color: #fafafa;
     float: left;
     text-align: left;
     margin-left: 5px;
    }


    .bloc_pseudo_search li
    {
     list-style-type: none;
    }
    .navbar_arte form
    {
     height: 20px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     width: 100%;
     background: white;
     padding: 0;
     margin-top: 8px;
    }

    .navbar_arte form input[type="submit"]
    {
     border: none!important;
     background: var(--couleur-bleue)!important;
     color: white !important;
     padding: 0 10px!important;
     margin:0!important;
     border-radius:0!important;
     -webkit-box-shadow:none!important;
     box-shadow:none!important;
    }

    .navbar_arte form input[type="text"]
    {
     cursor: text;
     border: none!important;
     width: 100%;
     min-width: 150px;
     padding: 0 8px!important;
     margin:0!important;
     background: rgba(255,255,255,0.05)!important;
     color: lightgray;
     font-size:11px;
     border-radius:0!important;
     -webkit-box-shadow:none!important;
     box-shadow:none!important;
     text-transform: uppercase !important;
     font: 10px calibri !important;
     letter-spacing: 2px !important;
    }

    .navbar_arte form input
    {
     outline: none;
     font-size:11px;
    }

    .link_navbar
    {
     float: right;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     padding: 25px 15px;
     font: 12px Roboto;
     text-transform: uppercase;
    }

    .link_navbar a
    {
     text-decoration: none;
     margin: 0 5px;
     color: var(--couleur-bleue);
     font-weight: 600;
    }

    .link_navbar a img
    {
     display: none;
    }

    .link_navbar a:hover
    {
     text-decoration: none !important;
     color: var(--couleur-bleue);
    }

    .link_navbar a::before,.link_navbar a::after
    {
     display: inline-block;
     opacity: 0;
     -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
     -webkit-transition: opacity 0.2s, -webkit-transform 0.3s;
     transition: opacity 0.2s, -webkit-transform 0.3s;
     -o-transition: transform 0.3s, opacity 0.2s;
     transition: transform 0.3s, opacity 0.2s;
    transition: transform 0.3s, opacity 0.2s, -webkit-transform 0.3s}

    .link_navbar a::before
    {
     content: '[';
     -webkit-transform: translateX(25px);
     -ms-transform: translateX(25px);
     transform: translateX(25px);
    }

    .link_navbar a::after
    {
     content: ' ]';
     -webkit-transform: translateX(-25px);
     -ms-transform: translateX(-25px);
     transform: translateX(-25px);
    }

    .link_navbar a:hover::before,.link_navbar a:hover::after
    {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
     opacity: 1;
    }

    .link_navbar a[href^="/search"]
    {
     display: none;
    }

    .link_navbar li
    {
     list-style-type: none;
     display: inline-block;
    }



Bonjour Miettes,

Oui en effet, nous avons tout réglé sur Discord et tout est parfait
Encore une fois, un grand merci pour tout ton travail et les heures que tu as passé à nous aider à mettre tout en place
Bonne fin de journée