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;
}
Accueil
je me disais bien qu'il manquait un truc 
) ?Sinon tout est parfait comme ça pour ma part 
Pour les images de catégories, il faut que celle qui indique les nouveaux messages contient "unread" dans son nom pour que la CSS fonctionne comme il faut