Forum test d'Artemis
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Le Deal du moment : -28%
Précommande : Smartphone Google Pixel 8a 5G ...
Voir le deal
389 €

Commande Sinead

Admin
Admin

Commande Sinead | Sam 11 Fév - 12:03

CSS du forum :
Code:
/*************************** REGLAGES ***************************/
.forumline .row1 {padding: 0 !important;}
.forumline {border:none !important;}

::-webkit-scrollbar {
  width: 5px;
}

.bodylinewidth {
  margin-top: -30px;}

::-webkit-scrollbar-thumb {
  background-color: var(--couleur-principale);
  border: 1px solid #333333;
}

.navbar-locked-up {
    width: 100%;
    background: var(--couleur-principale);
    height: 35px;
    text-align: center;
    font: 15px playfair display, serif;
    font-weight: 900;
    text-transform: lowercase;
    font-style: oblique;
    box-sizing: border-box;
    border: 1px solid var(--couleur-bordures);
  margin: 10px 0;
  padding-top: 6px;
}

.navbar-locked-up img {
    display: none;
}

.navbar-locked-up a {
    font-size: 14px;
}

/*************************** NOTIFICATIONS ***************************/

.fa_tbMainElement#fa_left,
.fa_tbMainElement#fa_search,
.fa_tbMainElement#fa_share,
#fa_menu,
.rightHeaderLink#fa_hide,
.fa_tbMainElement#fa_right a.rightHeaderLink {display:none!important;}
 
#fa_toolbar {
  background-color:transparent!important;
  position:fixed;
  top:0px;
  padding:5px;
  width:100%;
  z-index:999;
  box-sizing:border-box;
}

.fa_tbMainElement#fa_right a.rightHeaderLink#fa_notifications {
    display: block!important;
    position: absolute;
    top: 0;
    right: 0;
    width: 160px;
    padding: 8px;
    border: 1px solid var(--couleur-bordures);
    background: var(--couleur-fond);
    color: #333333;
    font: 10px Roboto;
    text-align: center;
    text-decoration: none!important;
    text-transform: uppercase;
}

#fa_toolbar #fa_right #notif_list li:first-child{padding-top:10px;}
#fa_menu:hover:visited,
#fa_toolbar > #fa_right.notification > #fa_notifications {
  background: rgba(0,0,0,0.3) !important;
  color:var(--couleur-fond)!important;
  text-shadow:none;}

#fa_toolbar #fa_right.fa_tbMainElement {position:relative;}

#fa_toolbar #fa_right.notification #notif_list {
  top:32px!important;
  right:0;
  left:auto!important;
  max-width:340px;
  min-width:167px;
  border:none!important;}

/* Mise en page des notifications */
#fa_toolbar #fa_right #notif_list li .content,
#fa_toolbar #fa_right #notif_list li {
  width:auto!important;
  font-size:10px;
  background-color:var(--couleur-fond);
  text-transform: uppercase;
  display: flex;
}

#fa_toolbar #fa_right #notif_list li .contentText {
  overflow:visible!important;
  width:300px !important;
  height:auto!important;
}

/* Bloc \\\"notifs non lues\\\" */
.fa_tbMainElement#fa_right a.rightHeaderLink.unread#fa_notifications {
  width:180px;
  border-left:1px solid var(--couleur-bordures);
}
#fa_toolbar #fa_right #notif_list li.unread {background: var(--couleur-secondaire) !important;}
/* Mise en page du bloc \\\"voir toutes les notifications\\\" */
#fa_toolbar #fa_right #notif_list li.see_all {
  text-align:center!important;
  background:var(--couleur-fond)!important;
  padding:5px!important;
  font-size:10px!important;
}

.see_all {min-width:167px;}
#fa_toolbar #fa_right #notif_list li.see_all a{color:#333333;}

/*************************** PANNEAU D AFFICHAGE ***************************/

.pa-part1 {
  width: 100%;
  background: var(--couleur-secondaire);
  box-sizing: border-box;
  border: 1px solid var(--couleur-bordures);
  display: grid;
  grid-template-columns: 1fr 410px 1fr;
  grid-template-rows: 170px;
  padding: 5px;
  gap: 10px;
  margin-bottom:10px;
}

.bloc-partos {
  border: 1px solid var(--couleur-bordures);
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 30px 115px 22px;
  background: #f6f6f6;

}

.bloc-partos>h1,
.intrigue-pa h2,
.staff-pa h2 {
  font: 15px Playfair Display;
  font-weight: 800;
  font-style: oblique;
  text-align: center;
  text-transform: lowercase;
  border-bottom: 5px solid var(--couleur-principale);
  margin: 5px 35px;
  color: #333333;

}

.bloc-partos p {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 4px;
  width: calc(100% - 40px);
  margin: 5px auto;
  padding: 0;
  text-align: center;
}

.bloc-partos p a {
  width: 33px;
  height: 33px;
}

.bloc-partos p a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.bloc-partos button,
.bloc-centre-pa button {
  border: none;
  background: none;
  width: 100%;
  font: 12px Playfair Display;
  font-weight: 900;
  height: 20px;
  text-align: right;
  padding-right: 10%;
}

.bloc-partos button a,
.bloc-centre-pa button a {
  text-decoration: none;
  color: #333333;
}

.bloc-centre-pa h2 {
  margin: 0;
  font: 15px Playfair Display;
  text-transform: uppercase;
  font-weight: 700;
  font-style: oblique;
  text-align: center;
  color: #333333;
  border-bottom: 5px solid rgba(0, 0, 0, 0.4);
}

.bloc-centre-pa h3 {
  width: 15%;
  margin: 0 50px;
  font: 14px playfair display;
  text-transform: lowercase;
  font-weight: 400;
  color: #333333;
  border-bottom: 3px solid rgba(0, 0, 0, 0.4);

}

.bloc-centre-pa>p {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 5px 0;
}

.bloc-centre-pa>p a {
  width: 60px;
  height: 80px;
  background: rgba(0, 0, 0, 0.4);
  padding: 5px;
}

.bloc-centre-pa>p a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.new-part1 {
  border: 1px solid var(--couleur-bordures);
  position: relative;
  background: #f6f6f6;

}

.new-part1 h4 {
  background: var(--couleur-principale);
  margin: 0;
  font: 15px Playfair Display;
  font-weight: 900;
  font-style: oblique;
  text-transform: lowercase;
  text-align: center;
  padding: 2px;
}

.new-part1>p {
  width: calc(100% - 30px);
  margin: 10px auto;
  font: 11px roboto;
  font-weight: 300;
  text-align: justify;
  line-height: 13px;
  color: rgba(0, 0, 0, 0.8);
  max-height: 110px;
  overflow: auto;
  padding-right: 3px;
}

.new-part1>p span {
  background: var(--couleur-principale);
  padding: 5px 5px;
  font: 10px Roboto;
  color: rgba(0, 0, 0, 0.8);
  float: left;
  display: inline-block;
  margin: 0 5px 0px 0;
}

.new-part1>span {
  font: 12px Playfair Display;
  display: block;
  text-align: center;
  font-weight: 900;
  margin-top: -5px;
  font-style: oblique;


}

/*************************** PAGE ACCUEIL ***************************/

.pa2-locked-up {
  width: 100%;
  display: grid;
  grid-template-columns: 220px 1fr 160px 200px;
  grid-template-rows: 80px 45px 75px 57px;
  gap: 5px 10px;
  height: 285px;
  background: var(--couleur-secondaire);
  border: 1px solid var(--couleur-bordures);
  box-sizing: border-box;
  padding: 5px;

}

.intrigue-pa {
  grid-column: 1/2;
  grid-row: 1/3;
  background: var(--couleur-fond);
}

.intrigue-pa h2,
.staff-pa h2 {
  margin: 5px 20px;
  height: 15px;
}

.intrigue-pa p {
  width: 80%;
  margin: 10px auto 0;
  font: 11px Roboto;
  color: rgba(0, 0, 0, 0.8);
  overflow: auto;
  height: 65%;
  font-weight: 300;
  text-align: justify;

}

.staff-pa {
  grid-column: 1/2;
  grid-row: 3/5;
  background: var(--couleur-fond);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 5px 10px;
}

.staff-pa h2 {
  font-size: 18px;
  width: 100%;
  margin: 0;
}

.un-staff {
  width: 60px;
  margin-top: 10px;
  font: 11px roboto;
  text-transform: uppercase;
}

.un-staff img {
  border: 3px solid var(--couleur-tertiaire);
  width: 100%;
  height: 60px;
  -o-object-fit: cover;
  object-fit: cover;
  box-sizing: border-box;
}

.un-staff p {
  font: 12px Playfair Display;
  font-weight: 900;
  color: #333333;
  text-align: center;
  margin-top: 0;
}

.un-staff p span {
  display: block;
  font: 10px roboto;
}

.contexte-pa {
  grid-column: 2/3;
  grid-row: 1/5;
  box-sizing: border-box;
  position: relative;
  border: 5px solid #D5CEF0;
}

.contexte-pa img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.contexte-pa>p {
  width: 100%;
  height: 100%;
  background: var(--couleur-fond);
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  box-sizing: border-box;
  padding: 20px;
  font: 11px Roboto;
  text-align: justify;
  font-weight: 300;
  overflow: auto;
  color: #333333;
  visibility: hidden;
  opacity: 0;
  transition: all 1s;

}

.contexte-pa:hover>p {
  visibility: visible;
  opacity: 1;

}

.pa2-locked-up ul {
  grid-column: 3/4;
  grid-row: 1/2;
  margin: 0;
  padding: 0;
}

.pa2-locked-up ul li {
  list-style-type: none;
  background: #D5CEF0;
  margin-bottom: 5px;
  height: 23px;
  text-align: center;
  font: 12px Playfair Display;
  font-weight: 900;
  line-height: 20px;
  transition: all 0.5s;
}

.pa2-locked-up ul li a {
  text-decoration: none;
  color: #333333;
  text-transform: lowercase;
  font-style: oblique;
}

.pa2-locked-up ul li:hover {background: rgba(0, 0, 0, 0.7);}
.pa2-locked-up ul li:hover a {color: var(--couleur-fond);}

.infos-pa {
  grid-column: 3/4;
  grid-row: 2/4;
  background: #D5CEF0;
  box-sizing: border-box;
  font: 11px roboto;
  padding: 15px;
  font-weight: 300;
  color: #333333;
  overflow: auto;
  text-align: justify;
}

.top-sites-pa {
  grid-column: 3/4;
  grid-row: 4/5;
  background: #D5CEF0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  box-sizing: border-box;
  gap: 0 5px;

}

.top-sites-pa h2 {
  font: 15px Playfair Display;
  text-align: center;
  color: rgba(0, 0, 0, 0.8);
  margin: 0;
  font-weight: 900;
  font-style: oblique;
  text-transform: lowercase;
  width: 100%;
}

.cp-paper-plane-o {
  font-size: 20px;
}

.top-sites-pa a {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.6)
}

.credits-pa {
  grid-column: 4/5;
  grid-row: 1/2;
  background: var(--couleur-fond);
  box-sizing: border-box;
  padding: 10px;
  margin: 0;
  font: 11px roboto;
  color: #333333;
  font-weight: 300;
  text-align: justify;
  overflow: auto;
}

.credits-pa h2 {
  display: inline-block;
  float: left;
  font-size: 10px;
  background: var(--couleur-secondaire);
  padding: 5px;
  font-family: Roboto;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.8);
  margin: 0 5px 0 0;
}

.image-pa {
  grid-column: 4/5;
  grid-row: 2/5;
  box-sizing: border-box;
  border: 5px solid var(--couleur-fond);
}

.image-pa img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}  

/*************************** CATEGORIES ***************************/

.titre-categorie {
  width: 100%;
  background: var(--couleur-principale);
  margin: 5px auto 0;
  height: 55px;
  text-transform: lowercase;
  font-style: oblique;
  box-sizing: border-box;
  padding: 6px 30px;
    font: 20px Playfair Display;
}

.titre-categorie h2 {
    margin: 0;
    font-size: 20px !important;
    color: var(--couleur-fond) !important;
    font-style: oblique;
    padding: 6px;
}

.un-forum {
  width: 100%;
  height: 125px;
  background: var(--couleur-secondaire);
  box-sizing: border-box;
  border: 1px solid var(--couleur-bordures);
  display: grid;
  grid-template-columns: 180px 60px 1fr 165px;
  grid-template-rows: 113px;
  padding: 5px;
  gap: 10px;
  margin-bottom:5px;
}

.sous-forums-lu {
  grid-column: 1/2;
  background: var(--couleur-principale);
  box-sizing: border-box;
  padding: 15px;
  font-size:0;
  text-transform: uppercase;
  overflow: auto;
}

.sous-forums-lu a {
  text-decoration: none;
  color: #333333;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  display: block;
  padding-bottom: 2px;
  margin-bottom: 2px;
  transition: all 0.5s;
  font: 10px roboto;
}

.sous-forums-lu a:before {
  content: \\\'\\\\ea55\\\';
  font-family: \\\'cappuccicons\\\';
  margin-right: 5px;
}

.sous-forums-lu a:hover {
  background: rgba(0, 0, 0, 0.2);
  text-decoration: none !important;
  color: #333333;
}

.statistiques {
  grid-column: 2/3;
  grid-row: 1/2;
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  flex-direction: column;
}

.statistiques div {
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  height: 48%;
  font: 11px roboto;
  display: grid;
  place-content: center;
  color: var(--couleur-fond);
}

.infos-un-forum {
  grid-column: 3/4;
  grid-row: 1/2;
  background: var(--couleur-fond);
}

.infos-un-forum h3 {
  margin: 3px 10px;
  border-bottom: 5px solid var(--couleur-principale);
  color: #333333;
}

.infos-un-forum h3 a {
  text-decoration: none;
   font: 15px Playfair Display;
  font-weight: 900;
  font-style: oblique;
  text-transform: lowercase;
  color: #333333 !important;
}

.infos-un-forum a:hover {
  text-decoration: none !important;
  color: #333333;
}

.infos-un-forum p {
  width: 95%;
  margin: 0 auto 0;
  font: 11px roboto;
  color: #333333;
  font-weight: 300;
  text-align: justify;
  box-sizing: border-box;
  padding: 10px;
  overflow: auto;
  height: 65%;

}

.infos-un-forum p strong {
  background: var(--couleur-principale);
  padding: 1px 5px;
  font-weight: 400;
  margin: 0 3px 3px 0
}

.dernier-message-index {
  grid-column: 4/5;
  grid-row: 1/2;
  background: var(--couleur-fond);

}

.dernier-message-index h4 {
  margin: 0;
  background: var(--couleur-principale);
  text-align: center;
  height: 20px;
  font: 12px Playfair Display;
  font-style: oblique;
  font-weight: 900;
  text-transform: lowercase;
  color: #333333;

}

.infos-dernier-message {
  float: left;
  width: 60%;
  height: calc(100% - 20px);
  display: grid;
  place-content: center;
  font: 9px roboto;
  padding: 0 5px;
  box-sizing: border-box;
  gap: 2px;
  color: rgba(0,0,0,0.3);
  text-transform: uppercase;
}

.infos-dernier-message a {
  text-transform: none;
  font-size: 11px;
  text-decoration: none;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.5);
}

.avatar-dernier-message {
  background: rgba(0, 0, 0, 0.3);
  float: right;
  width: 40%;
  height: calc(100% - 25px);
  margin-top: 5px;
  box-sizing: border-box;
  padding: 5px;


}

.avatar-dernier-message img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  filter: grayscale(1);
  transition: all 0.5s;
}
.avatar-dernier-message img:hover {filter:none;}
.avatar-dernier-message:empty {display: none;}

/*************************** QEEL ***************************/
.qeel-locked-up {
  width: 100%;
  display: grid;
  grid-template-columns: 240px 170px 1fr 180px;
  grid-template-rows: 55px 115px 80px;
  box-sizing: border-box;
  padding: 5px;
  background: var(--couleur-secondaire);
  border: 1px solid var(--couleur-bordures);
  gap: 10px;
}

.derniers-connectes {
  grid-column: 1/2;
  grid-row: 1/4;
  background: var(--couleur-principale);
  box-sizing: border-box;
  padding: 15px;
}

.derniers-connectes h3 {
  font: 15px Playfair Display;
  font-style: oblique;
  font-weight: 900;
  margin: 0;
  color: #333333;
}

.derniers-connectes .row1 {
  text-align: justify;
  font: 11px roboto;
  box-sizing: border-box;
  background-color: transparent !important;
}

.listes-qeel-48h {
  width: 210px;
  height: 170px;
  overflow: auto;
  box-sizing: border-box;
  padding: 10px 0 0 0;
}

.derniers-connectes a strong {
  font-weight: normal;
}

.derniers-connectes .row1 a {
  text-decoration: none;
  font-size: 12px;
}

.bloc-bienvenue {
  width: 2/3;
  grid-row: 1/3;
  background: var(--couleur-fond);
  box-sizing: border-box;
  border: 1px solid var(--couleur-bordures);
}

.bloc-bienvenue h4 {
  margin: 0;
  background: var(--couleur-principale);
  font: 15px Playfair Display;
  font-weight: 900;
  font-style: oblique;
  text-align: center;
  line-height: 15px;
  padding: 5px;
  color: #333333;
}

.bloc-bienvenue p {
  box-sizing: border-box;
  border: 1px solid var(--couleur-bordures);
  width: 85%;
  margin: 15px auto;
  font: 11px roboto;
  font-weight: 300;
  height: 60%;
  padding: 8px;
  color: #333333;
  overflow: auto;
  text-align: justify;
}

.dernier-inscrit-qeel {
  grid-row: 3/4;
  grid-template: 2/3;
  background: var(--couleur-fond);
  box-sizing: border-box;
  border: 1px solid var(--couleur-bordures);
  padding: 5px;
  display: flex;
  justify-content: space-between;
}

.avatar-dernier-inscrit {
  width: 40%;
  height: 85%;
  border: 5px solid var(--couleur-principale);

}

.avatar-dernier-inscrit img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  transition: all 0.5s;
}

.avatar-dernier-inscrit img:hover {
  -webkit-filter: none;
  filter: none;
}


.pseudo-qeel h4 {
  font: 9px Roboto;
  color: #333333;
  text-align: center;
  height: 40%;
  width: 80px;
  margin: 0;
  background: var(--couleur-principale);
  text-transform: uppercase;
  box-sizing: border-box;
  padding-top: 8px;
}

.pseudo-qeel span {
  display: block;
  font: 14px playfair display;
  font-weight: 900;
  text-transform: lowercase;
}

.pseudo-qeel span a,
.pseudo-qeel span a:hover,
.connectes-liste a,
.connectes-liste a:hover {
  text-decoration: none !important;
}

.connectes-liste span strong {
  font-weight: normal;
}

.qeel-locked-up>ul {
  grid-column: 3/4;
  grid-row: 1/4;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.qeel-locked-up>ul>li {
  list-style-type: none;
  display: block;
  height: 22%;
  text-align: center;
  font: 15px Playfair Display;
  font-weight: 900;
  font-style: oblique;
  line-height: 4;
  color: rgba(0, 0, 0, 0.8);
}

.qeel-locked-up>ul>li:nth-of-type(1) /** couleur de fond du 1er groupe **/
{background: #ED3D55;}

.qeel-locked-up>ul>li:nth-of-type(2) /** couleur de fond du 2e groupe **/
{background: #3BAD59;}

.qeel-locked-up>ul>li:nth-of-type(3) /** couleur de fond du 3e groupe **/
{background: #2F70E0;}

.qeel-locked-up>ul>li:nth-of-type(4) /** couleur de fond du 4e groupe **/
{background: #E8BD12;}

.connectes-stats {
  grid-column: 4/5;
  grid-row: 1/2;
  background: var(--couleur-principale);
  font: 11px roboto;
  box-sizing: border-box;
  padding: 5px;
  overflow: auto;
  font-weight: 300;
  color: #333333;
  text-align: justify;
}

.connectes-liste {
  grid-column: 4/5;
  grid-row: 2/4;
  background: var(--couleur-fond);
  border: 1px solid var(--couleur-bordures);
  box-sizing: border-box;
  padding: 10px;
  font: 12px roboto;
  font-weight: 300;
  color: #333333;
  text-align: justify
}

.liens-sujets-statistiques br {
    display: none;
}
.liens-sujets-statistiques {
    width: 100%;
    height: 30px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    gap:10px;
    margin: 10px 0;
}

.liens-sujets-statistiques a {
   background: var(--couleur-secondaire);
    border: 1px solid var(--couleur-bordures);
    text-align: center;
    box-sizing: border-box;
    padding-top: 8px;
    font: 10px roboto;
    text-transform: uppercase;
    color: #333333;
    text-decoration:none !important;
  transition: all 0.3s;
}

.liens-sujets-statistiques a:hover {text-decoration:none !important; background:var(--couleur-principale);}

/*************************** FICHE OFFICIELLE ***************************/

.fiche-officielle {
  width: 100%;
  background: var(--couleur-fond);
  border: 1px solid var(--couleur-bordures);
  box-sizing: border-box;
  margin: auto;
  font-family: Roboto, sans-serif;
  color: #333333;
  font-size: 12px;
}

.fiche-officielle * {
  box-sizing: border-box !important;
}

.en-tete-fiche {
  background: var(--couleur-principale);
  color: #333333;
  padding: 4% 5% 2% 5%;
}

.en-tete-fiche>h1 {
  font: 35px Playfair Display, serif;
  text-transform: lowercase;
  font-style: oblique;
  font-weight: 900;
  margin: 0;
  line-height:35px;
}

.en-tete-fiche>span {
  font: 10px roboto;
  line-height: 10px;
  display: block;
  margin: auto;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 5px;
}

.en-tete-fiche>div {
  text-align: right;
  font: 12px Playfair Display, serif;
  font-weight: 800;
  margin-top: -5px;
}

.corps-message-fiche {
  width: 90%;
  background: var(--couleur-secondaire);
  margin: 30px auto;
  border: 1px solid var(--couleur-bordures);
  padding: 4%;
}

.corps-message-fiche>h2 {
  display: inline-block;
  color: rgba(0, 0, 0, 0.8);
  font: 15px Playfair Display, serif;
  font-weight: 900;
  margin: 10px 0;
  background: var(--couleur-principale);
  padding: 5px 10px;
  text-transform: lowercase;
  font-style: oblique;
}

.corps-message-fiche>p {
  margin: 0 0 5px 0;
  text-align: justify;
  font-weight: 300;
  color: black;
  line-height: 15px;
  font: 12px roboto, serif;
}

/*************************** FICHE DE PRESENTATION ***************************/

.fiche-presentation {
  width: 100%;
  margin: auto;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 100px 100px 1fr 200px;
  grid-template-rows: 80px 320px 320px;
  gap: 10px;
  font: 12px roboto, sans-serif;
  color: #333333;
}

.fiche-presentation * {
  box-sizing: border-box !important;
}

.image-fiche {
  grid-column: 1/2;
  grid-row: 1/2;
  background: var(--couleur-secondaire);
  border: 1px solid var(--couleur-bordures);
  padding: 5px;
}

.image-fiche img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  transition: all 0.5s;
}

.image-fiche img:hover {
  -webkit-filter: none;
  filter: none;
}

.en-tete-presentation {
  grid-column: 2/5;
  background: var(--couleur-principale);
  grid-row: 1/2;
  padding: 5px;
}

.en-tete-presentation h1 {
  font: 18px Playfair Display, serif;
  text-transform: lowercase;
  font-style: oblique;
  font-weight: 900;
  padding: 0 10px;
  margin: 8px 0 0;
}

.en-tete-presentation h1 span {
  display: block;
  text-transform: uppercase;
  font: 10px roboto, sans-serif;
  letter-spacing: 1px;
  padding-left: 10%;
}

.en-tete-presentation div {
  font: 11px Playfair Display, serif;
  font-weight: 900;
  text-transform: lowercase;
  padding-left: 25%;
}

.infos-generales-presentation {
  grid-column: 1/4;
}

.infos-generales-presentation,
.caractere {
  background: var(--couleur-fond);
  border: 1px solid var(--couleur-bordures);
  padding: 20px;
}

.infos-generales-presentation h2,
.caractere h2,
.derriere-lecran h2,
.histoire-fiche-presentation h2,
.feuille-personnage h1 {
  font: 18px Playfair Display, serif;
  font-weight: 900;
  font-style: oblique;
  margin: 0;
  border-bottom: 5px solid var(--couleur-principale);
  height: 24px;
  text-transform: lowercase;
  color: black;
}

.infos-generales-presentation h2 {
  text-align: right;
}

.infos-generales-presentation ul {
  margin: 20px 10px;
  padding: 0;
  list-style-type: none;
  overflow: auto;
}

.infos-generales-presentation ul li {
  border-bottom: 1px solid var(--couleur-bordures);
  line-height: 15px;
  margin-bottom: 6px;
  font-size: 12px;
  text-align: justify;
}

.infos-generales-presentation ul li span {
  background: var(--couleur-principale);
  text-transform: uppercase;
  font-size: 11px;
  padding: 1px 5px;
}

.avatar-presentation {
  grid-column: 4/5;
  grid-row: 2/3;
  background: var(--couleur-secondaire);
  border: 1px solid var(--couleur-bordures);
  padding: 10px;
}

.avatar-presentation img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  transition: all 0.5s;
}

.avatar-presentation img:hover {
  -webkit-filter: none;
  filter: none;
}

.derriere-lecran {
  grid-column: 1/3;
  background: var(--couleur-secondaire);
  border: 1px solid var(--couleur-bordures);
  padding: 20px;
}

.derriere-lecran>p,
.caractere>p {
  text-align: justify;
  font-weight: 300;
  font: 11px roboto;
  height: calc(100% - 35px);
  overflow: auto;
  font-weight: 300;
  line-height: 14px;
  color: black;
}

.caractere {grid-column: 3/5;}
.caractere>p {font-size: 12px;line-height: 16px;}

.histoire-fiche-presentation {
  width: 100%;
  margin: auto;
  box-sizing: border-box;
  background: var(--couleur-fond);
  border: 1px solid var(--couleur-bordures);
  padding: 20px 20px 0px 20px;
}

.histoire-fiche-presentation h2 {
  font-size: 20px;
  text-align: right;
}

.citation-histoire-presentation {
  text-transform: uppercase;
  font: 10px roboto, sans-serif;
  letter-spacing: 1px;
  font-style: oblique;
  background: var(--couleur-principale);
  box-sizing: border-box;
  padding: 0 15px 5px 0;
  text-align: right;
}

.corps-message-histoire {
  width: 90%;
  background: var(--couleur-secondaire);
  margin: 20px auto;
  height: 250px;
}

.corps-message-histoire p {
  box-sizing: border-box;
  padding: 20px;
  font: 12px roboto;
  font-weight: 300;
  color: black;
  text-align: justify;
  height: calc(100% - 30px);
  overflow: auto;
  line-height: 16px;
}

/*************************** MODELE FICHE DE LIENS ***************************/

.liens-locked-up, .presentation-staff {
  width: 90%;
  margin: auto;
}

.un-lien-bloc {
  display: grid;
  grid-template-columns: 200px 1fr;
  grid-template-rows: 200px;
  margin-top: 10px;
  gap: 10px;
}

.un-lien-bloc:nth-child(even) {
  grid-template-columns: 1fr 200px;
  grid-template-rows: 200px;
}

.un-lien-bloc:nth-child(odd) img {
  grid-column: 1/2;
}

.un-lien-bloc:nth-child(even) img {
  grid-column: 2/3;
}

.un-lien-bloc:nth-child(odd) p {
  grid-column: 2/3;
}

.un-lien-bloc:nth-child(even) p {
  grid-column: 1/2;
  grid-row: 1/2;
}

.un-lien-bloc>img {
  background: var(--couleur-principale);
  box-sizing: border-box;
  border: 15px solid var(--couleur-principale);
  width: 200px;
  height: 200px;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  transition: all 0.5s;
}

.un-lien-bloc>img:hover {
  -webkit-filter: none;
  filter: none;
}

.un-lien-bloc>p {
  background: var(--couleur-fond);
  margin: 0;
  border: 1px solid var(--couleur-bordures);
  padding: 25px;
  font: 12px roboto, sans-serif;
  color: black;
  overflow: auto;
  text-align: justify;
  font-weight: 300;
  line-height: 16px;
}

/*************************** PRESENTATION DU STAFF ***************************/

.en-tete-presentation-staff {
  background: var(--couleur-principale);
  display: grid;
  place-content: center;
  text-align: center;
  font: 15px playfair display, serif;
  text-transform: lowercase;
  font-style: oblique;
  color: #111111;
  box-sizing: border-box;
  padding: 20px;
}

.en-tete-presentation-staff h1 {
  margin: 0;
  font-size:25px;
}

.en-tete-presentation-staff>span {
  font: 11px roboto, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.un-staff-presentation-fiche {
  width: 100%;
  display: grid;
  grid-template-columns: 200px 1fr;
  grid-template-rows: 320px;
  margin-top: 10px;
  gap: 10px;
}

.un-staff-presentation-fiche:nth-child(even) {
  grid-template-columns: 1fr 200px;
  grid-template-rows: 320px;
}

.un-staff-presentation-fiche:nth-child(odd) img {
  grid-column: 1/2;
}

.un-staff-presentation-fiche:nth-child(even) img {
  grid-column: 2/3;
}

.un-staff-presentation-fiche:nth-child(odd) .bloc-texte-staff {
  grid-column: 2/3;
  grid-row: 1/2;

}

.un-staff-presentation-fiche:nth-child(even) .bloc-texte-staff {
  grid-column: 1/2;
  grid-row: 1/2;
}

.un-staff-presentation-fiche>img {
  width: 200px;
  height: 320px;
  border: 15px solid var(--couleur-secondaire);
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  transition: all 0.5s;
  box-sizing: border-box;
}

.un-staff-presentation-fiche>img:hover {
  -webkit-filter: none;
  filter: none;
}

.bloc-texte-staff {
  background: var(--couleur-fond);
  border: 1px solid var(--couleur-bordures);
  box-sizing: border-box;
  padding: 20px;
  font: 14px playfair display, serif;
  font-weight: 900;
  text-transform: lowercase;
  color: #222222;
}

.bloc-texte-staff div strong {
  font: 10px roboto, sans-serif;
  text-transform: uppercase;
}

.bloc-texte-staff div {
  border-bottom: 1px solid var(--couleur-bordures);
  padding-bottom: 10px
}

.bloc-texte-staff>p {
  font: 12px roboto, sans-serif;
  font-weight: 300;
  text-align: justify;
  height: calc(100% - 45px);
  margin: 15px 0;
  box-sizing: border-box;
  overflow: hidden;
}

/*************************** LISTE DES MEMBRES ***************************/

.liste-membre-titre {
  width: 100%;
  height: 100px;
  margin: auto;
  text-align: center;
}

.liste-membre-titre h1 {
  font: 30px Playfair Display, serif;
  font-style: oblique;
  margin: 0;
  font-weight: 900;
  color: #222222
}

.liste-membre-titre form {
  background: var(--couleur-principale);
  font: 12px roboto !important;
  border: 1px solid var(--couleur-bordures);
  color: #333333;
  padding: 10px 0;
}

.liste-membre-titre .tli-fields div {
    display: flex;
    place-content: center;
    gap: 10px;
   height:25px;
}

.liste-membre-contenu {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 197px);
  grid-template-rows: auto;
  gap: 10px;
  place-content: center;
}

.un-membre-liste {
  background: var(--couleur-secondaire);
  height: 320px;
  box-sizing: border-box;
  border: 1px solid var(--couleur-bordures);
  padding: 5px;
  position: relative;
  transition: all 0.5;
  overflow: hidden;
}

.avatar-un-membre {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.avatar-un-membre img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.5s;
}

.un-membre-liste h2 {
  position: absolute;
  bottom: 20px;
  background: var(--couleur-secondaire);
  width: calc(100% - 10px);
  text-align: center;
  font: 15px Playfair Display;
  font-weight: 900;
  text-transform: lowercase;
  height: 30px;
  margin: 0;
  display: grid;
  place-content: center;
  z-index:999
}

.un-membre-liste h2 a {
  text-decoration: none;
  color: white !important;
}

.un-membre-liste h2 a strong {color: white !important;}
.LSArte.bloc-survol-membre-liste > a {
    visibility: hidden;
}
.bloc-survol-membre-liste {
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    background: var(--couleur-principale);
    position: absolute;
    top: 5px;
    left: 5px;
    opacity: 0;
    visibility: hidden;
    transition: all 1.5s;
}

.bloc-survol-membre-liste > div {
    box-sizing: border-box;
    padding: 20px;
    font: 10px roboto;
    text-transform: uppercase;
    color: black;
    position: relative;
    background: white;
    width: calc(100% - 20px);
    margin: auto;
}

.bloc-survol-membre-liste > div hr {border-color: rgba(0,0,0,0.2);}
.un-membre-liste:hover .avatar-un-membre img {
  -webkit-filter: blur(4px);
  filter: blur(4px);
  transform: rotate(10deg) scale(2);
}

.un-membre-liste:hover .bloc-survol-membre-liste {
  visibility: visible;
  opacity: 0.7;
}

/*************************** PROFIL ET MESSAGE ***************************/

.titre-sujet {
  width: 100%;
  height: auto;
  background: var(--couleur-principale);
  display: grid;
  place-content: center;
  box-sizing: border-box;
  padding: 10px 0;
  grid-template-columns: 1fr;
  text-align: center;
}

.titre-sujet>h1 {
  width: 100%;
  font: 23px playfair display, saerif;
  text-transform: lowercase;
  font-style: oblique;
  color: #222222;
  font-weight: 900;
  margin: 0;

}

.arborescence-sujets {
  width: 100%;
  font: 10px roboto, sans-serif;
  text-transform: uppercase;
}

.arborescence-sujets a {
  text-decoration: none;
  color: #333333;
  font-size:10px;
}

.boutons-sujet-nr {
  width: 100%;
}

.un-post-sujet {
  width: 100%;
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 10px;
  box-sizing: border-box;
  margin-top: 10px;
}

.avatar-et-infos-sujet {
  grid-column: 1/2;
}

.avatar-membre-sujet {
  width: 100%;
  background: var(--couleur-secondaire);
  height: 340px;
  padding: 10px;
  box-sizing: border-box;
  position: relative;
}

.avatar-membre-sujet>img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.champ-contact-sujet {
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  background: var(--couleur-principale);
  position: absolute;
  top: 10px;
  left: 10px;
  display: grid;
  place-content: center;
  visibility: hidden;
  opacity: 0;
  transition: all 1s;
}

.champ-contact-sujet a {
  background: var(--couleur-fond);
  padding: 5px;
  border: 1px solid var(--couleur-bordures);
}

.avatar-membre-sujet:hover .champ-contact-sujet {
  visibility: visible;
  opacity: 1;
}

.infos-membre-sujet {
  width: 100%;
  height: 70px;
  background: var(--couleur-principale);
  margin-top: 10px;
  box-sizing: border-box;
  padding: 10px;
  display: flex;
  justify-content: right;
  flex-wrap: wrap;

}

.infos-membre-sujet h2,
.infos-membre-sujet h2 span {
  margin: 0;
  text-align: right;
  font: 18px playfair display;
  font-weight: 900;
  color: white;
  width: 100%;
}

.infos-membre-sujet a {
  text-decoration: none !important;
}

.infos-membre-sujet a strong {
  color: white !important;
}

.infos-membre-sujet>span {
  display: inline-block;
  font: 10px roboto, sans-serif;
  text-transform: uppercase;
  border-top: 1px solid white;
  padding: 5px 0 0 50px;
  text-align: right;
  color: white
}

.bloc-2-infosmembres {
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  font: 12px roboto, sans-serif;
  font-weight: 300;
  color: #333333;
  border: 1px solid var(--couleur-bordures);
  padding: 10px;
}

.image-miroir {
  font-size: 0;
  border: none;
  margin-top: -5px;
}

.image-miroir img {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  border: 5px solid var(--couleur-principale);
}

.bloc-2-infosmembres>div {
  border-bottom: 1px solid var(--couleur-bordures);
  padding: 5px 0;
}

.bloc-2-infosmembres>div .label {
  color: var(--couleur-principale) !important;
}

.message-sujet {
  grid-column: 2/3;
}

.boutons-et-heures {
  width: 100%;
  background: var(--couleur-secondaire);
  height: 50px;
  box-sizing: border-box;
  border: 1px solid var(--couleur-bordures);
  font: 10px roboto;
  display: flex;
  justify-content: space-between;
  padding: 10px;
}

.boutons-et-heures a:nth-of-type(1) {display: none;}

.boutons-et-heures .date-post {
  color: rgba(250, 250, 250, 0.8);
  display: grid;
  place-content: center;
}

.corps-message-sujet {
  --couleur-fond: #f5f5f5;
  width: 100%;
  min-height: 360px;
  background: var(--couleur-fond);
  margin-top: 10px;
  box-sizing: border-box;
  padding: 20px;
  border: 1px solid var(--couleur-bordures);
  font: 12px roboto;
  font-weight: 300;
  line-height: 16px;
  text-align: justify;
  color: black;
}

.signature-sujet {
  --couleur-fond: #f5f5f5;
  margin-top: 10px;
  background: var(--couleur-fond);
  box-sizing: border-box;
  border: 1px solid var(--couleur-bordures);
  width: 100%;
  padding: 0 20px 20px;
  font: 12px roboto;
  font-weight: 300;
  line-height: 16px;
}

/*************************** LISTE DES SUJETS ***************************/

.nouveau-et-arborescence {
  width: 100%;
  height: 31px;
  display: flex;
  justify-content: space-between;
  margin: auto;
  background: var(--couleur-principale);
  box-sizing: border-box;
  padding: 5px 10px;
  font: 10px roboto;
}

.nouveau-et-arborescence div {margin-top: 4px;}
.nouveau-et-arborescence h1 {
  margin: 0;
  display: inline-block;
  font: 10px roboto;
  text-transform: uppercase;
}

.nouveau-et-arborescence a {
  text-decoration: none;
  color: #333333;
  font: 10px roboto;
  text-transform: uppercase;
  transition: all 0.5s;
  padding: 2px;
}

.nouveau-et-arborescence a:hover {background: var(--couleur-secondaire);}
.nouveau-et-arborescence img {display: none;}
.nouveau-et-arborescence a[href*=\\\"/post?\\\"] {position: relative;}

.nouveau-et-arborescence a[href*=\\\"/post?\\\"]:before {
  content: \\\"Créer un nouveau sujet\\\";
  background: var(--couleur-secondaire);
  padding: 5px 10px;
  position: absolute;
  width: 130px;
  text-align: center;
  top: -1px;
  left: -5px;
}

.un-sujet-liste {
  width: 100%;
  background: var(--couleur-fond);
  margin-top: 10px;
  border: 1px solid var(--couleur-bordures);
  height: 72px;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 80px 1fr 180px;
    grid-template-rows: 60px;
    gap: 10px;
    padding: 5px;
}

.statistiques-liste {
  grid-column: 1/2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.statistiques-liste span {
  background: var(--couleur-secondaire);
  display: grid;
  place-content: center;
  height: 27px;
  text-align: center;
  font: 10px roboto;
  text-transform: uppercase;
  color: #333333;
  border: 1px solid var(--couleur-bordures);
  box-sizing: border-box;
}

.titre-sujet-liste {
  grid-column: 2/3;
  background: var(--couleur-secondaire);
  border: 1px solid var(--couleur-bordures);
  box-sizing: border-box;
  padding: 8px 10px;
  font: 13px roboto;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  color: #333333;
  align-items: center;
}

.description-sujet-liste {
  width: 100%;
  font: 10px roboto;
  text-transform: uppercase;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  margin-top: -0px;
  padding-top: 5px;
}

.titre-sujet-liste a {
  text-decoration: none;
  color: #333333;
}

.description-sujet-liste:empty {
  width: 0;
}

.derniermessage-liste {
  grid-column: 3/4;
  background: var(--couleur-secondaire);
  border: 1px solid var(--couleur-bordures);
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 45px 1fr;
  grid-template-rows: 59px;
}

.avatar-m-liste {
  grid-column: 1/2;
  background: var(--couleur-principale);
  box-sizing: border-box;
  padding: 2px;
}

.avatar-m-liste img {
  width: 100%;
  height: 100%;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  transition: all 0.5s;
}

.avatar-m-liste img:hover {
  -webkit-filter: none;
  filter: none;
}

.derniermess {
  font: 10px roboto;
  grid-column: 2/3;
  box-sizing: border-box;
  padding: 5px;
  color: #666666;
  text-transform: uppercase;
  text-align: center;
}

.derniermess a {
  text-decoration: none;
  display: block;
}

/*************************** PROFIL ***************************/

.un-profil-forum {
  width: 100%;
  height: 340px;
  overflow: hidden;
  margin: 0 auto 10px;
  box-sizing: border-box;
  background: var(--couleur-fond);
  display: grid;
  grid-template-columns: 220px 1fr;
  grid-template-rows: 60px 1fr;
  gap: 10px;
  font: 12px roboto, sans-serif;
  color: #333333;
}

.avatar-profil-forum {
  grid-column: 1/2;
  grid-row: 1/4;
  width: 200px;
  height: 320px;
  border: 10px solid var(--couleur-principale);
}

.avatar-profil-forum img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.pseudo-profil-forum {
  grid-column: 2/3;
  grid-row: 1/2;
  background: var(--couleur-secondaire);
  border: 1px solid var(--couleur-bordures);
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  align-items: center;
  padding: 0 20px;
}

.pseudo-profil-forum>span {
  font: 10px roboto;
  text-transform: uppercase;
}

.pseudo-profil-forum>div {
  font-size: 0;
}


.pseudo-profil-forum>div span:nth-of-type(1) {
  font: 15px Playfair Display;
  font-style: oblique;
  font-weight: 900;
  text-transform: lowercase;
  border: none;
}

.pseudo-profil-forum>div span {
  display: block;
  font: 10px roboto;
  text-transform: uppercase;
  text-align: right;
  border-top: 1px solid rgba(0, 0, 0, 0.4);
  padding-left: 10px;
}

.profil-informations {
  grid-column: 2/3;
  grid-row: 2/3;
  background: var(--couleur-secondaire);
  border: 1px solid var(--couleur-bordures);
  box-sizing: border-box;
  padding: 15px;
  display: grid;
  grid-template-columns: 1fr 200px;
  grid-template-rows: 1fr 20px;
  gap: 0 10px;

}

.infos-generales-profil {
  grid-column: 1/2;
  grid-row: 1/2;
  height: 195px;
  overflow: auto;
}

.ajax-profil_edit img {
  display: none;
}

.liens-statistiques {
  grid-row: 2/3;
  grid-column: 1/2;
  text-align: center;
}

.liens-statistiques a {
  font: 10px roboto !important;
  text-transform: uppercase;
}

.feuille-personnage {
  grid-column: 2/3;
  grid-row: 1/3;
  height: 240px;
  overflow: auto;
  box-sizing: border-box;
  font: 12px roboto;
  padding: 0 5px;
}

.feuille-personnage textarea.inputbox {
  background-color: transparent;
  width: 100%;
  border: none;
  font-size: 11px;
}

.feuille-personnage h1 {
  font-size: 15px;
  height: 15px;
  margin-bottom: 10px;
}

.feuille-personnage img {
  width: 100%;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  border: 5px solid var(--couleur-principale);
  box-sizing: border-box;
  display: block;
  margin: -10px auto 5px;
}

.feuille-personnage .gen {
  color: #333;
  font-size: 10px;
  text-transform: uppercase;
}

.une-info-profil {
  display: flex;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 4px 0;
}

div#field_id1 img {
  width: 200px;
  height: 120px;
  -o-object-fit: cover;
  object-fit: cover;
  border: 5px solid var(--couleur-principale);
  margin-top: -5px;
}

div#field_id1 {
  font-size: 0;
}
Admin
Admin

Re: Commande Sinead | Sam 11 Fév - 12:04

Template index_body (QEEL)
Code:
{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
 <!-- BEGIN message_admin_titre -->
 <tr>
 <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
 </tr>
 <!-- END message_admin_titre -->
 <!-- BEGIN message_admin_txt -->
 <tr>
 <td class="row1" rowspan="3" align="center" valign="middle">
 <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
 </td>
 </tr>
 <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
        <tr>
            <td width="50%" valign="top" align="{switch_user_login_form_header.V_ALIGN}" class="row1">

                <table>
                    <tr>
                        <td><span class="genmed">{L_USERNAME}:</span> </td>
                        <td><input class="post" type="text" size="10" name="username"/> </td>
                        <td>
                            <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                            <span class="gensmall">{L_AUTO_LOGIN}</span> 
                        </td>
                    </tr>

                    <tr>
                        <td><span class="genmed">{L_PASSWORD}:</span> </td>
                        <td><input class="post" type="password" size="10" name="password"/> </td>
                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                    </tr>
                </table>
            </td>

            <!-- BEGIN switch_social_login -->
            <td width="10%" align="center" valign="middle" class="row1">
                <span class="genmed fb_or">{switch_user_login_form_header.switch_social_login.L_OR}</span>
            </td>
            <td width="40%" class="align_gauche row1">
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <!-- BEGIN topicit_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_connect -->
                </div>
            </td>
            <!-- END switch_social_login -->

        </tr>
    </table>
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<div class="liens-sujets-statistiques">
 <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
 <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
 <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
 <!-- BEGIN switch_on_index -->
 <!-- BEGIN switch_delete_cookies -->
 <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
 <!-- END switch_delete_cookies -->
 <!-- END switch_on_index -->
</div>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
        <tr>
            <td width="50%" valign="top" align="right" class="row1">

                <table>
                    <tr>
                        <td><span class="genmed">{L_USERNAME}:</span> </td>
                        <td><input class="post" type="text" size="10" name="username"/> </td>
                        <td>
                            <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                            <span class="gensmall">{L_AUTO_LOGIN}</span> 
                        </td>
                    </tr>

                    <tr>
                        <td><span class="genmed">{L_PASSWORD}:</span> </td>
                        <td><input class="post" type="password" size="10" name="password"/> </td>
                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                    </tr>
                </table>
            </td>

            <!-- BEGIN switch_social_login -->
            <td width="10%" align="center" valign="middle" class="row1">
                <span class="genmed fb_or">{switch_user_login_form_footer.switch_social_login.L_OR}</span>
            </td>
            <td width="40%" class="align_gauche row1">
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <!-- BEGIN topicit_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_connect -->
                </div>
            </td>
            <!-- END switch_social_login -->

        </tr>
    </table>
</form>
<!-- END switch_user_login_form_footer -->

    
    <!-- BEGIN disable_viewonline -->
  <div class="qeel-locked-up" id="contenuqeelarte">
        <div class="derniers-connectes">
            <h3>Membres connectés ces dernières 48 heures</h3>

            <div class="listes-qeel-48h">
                <table>
                    {L_CONNECTED_MEMBERS}</table>
            </div>

        </div>
        <div class="bloc-bienvenue">
            <h4>Bienvenue sur <br />Locked Up</h4>
            <p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vitae dui sederos fringilla
                sollicitudin. Sed lacinia dolor vel nisi feugiat, gravida luctus felis malesuada.
            </p>
        </div>
        <div class="dernier-inscrit-qeel">
            <div class="avatar-dernier-inscrit">
                <span id="avatar_dernier_membre"></span>
            </div>
            <div class="pseudo-qeel">
                <h4>Dernier inscrit</h4>
                <span id="dernier_membre">{NEWEST_USER}</span>
            </div>
        </div>
        <ul>
            <li>Groupe 1</li>
            <li>Groupe 2</li>
            <li>Groupe 3</li>
            <li>Groupe 4</li>
        </ul>
        <div class="connectes-stats">
            {TOTAL_POSTS}. {TOTAL_USERS}. {TOTAL_USERS_ONLINE}.
        </div>
        <div class="connectes-liste">
            {LOGGED_IN_USER_LIST}
        </div>
    </div>


    <script type="text/javascript">
        document.getElementById('contenuqeelarte').innerHTML = document.getElementById('contenuqeelarte').innerHTML
            .replace(/Membres connectés au cours des 24 dernières heures : /g, " ")
            .replace(/Membres connectés au cours des 48 dernières heures : /g, " ")
            .replace(/L'utilisateur enregistré le plus récent est /g, " ");
    </script>
    <!-- END disable_viewonline -->

{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
 <tr>
 <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" loading="lazy" /></td>
 <td><span class="gensmall">{L_NEW_POSTS}</span></td>
 <td></td>
 <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" loading="lazy"  /></td>
 <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
 <td> &nbsp;</td>
 <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" loading="lazy"  /></td>
 <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
 </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}
Admin
Admin

Re: Commande Sinead | Sam 11 Fév - 12:05

Template Index_box (Catégories)
Code:
<!-- BEGIN catrow --><!-- BEGIN tablehead --><div class="titre-categorie">{catrow.tablehead.L_FORUM}</div> <!-- END tablehead --><!-- BEGIN cathead --><!-- END cathead --><!-- BEGIN forumrow -->
 <div class="un-forum">
  <div class="sous-forums-lu">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>

          <div class="statistiques"><div>{catrow.forumrow.TOPICS}<br/>{L_TOPICS}</div>
  <div>{catrow.forumrow.POSTS} <br/>{L_POSTS}</div>
  </div>
  
  <div class="infos-un-forum">
    <h3><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></h3>
    <p>{catrow.forumrow.FORUM_DESC}</p>
  </div>
  
  <div class="dernier-message-index">
    <h4>Dernier message</h4>
    
    <div class="infos-dernier-message">{catrow.forumrow.LAST_POST}
  </div>
    
    <div class="avatar-dernier-message"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}
    <!-- END avatar --></div>
  
  
</div>
</div>
   <!-- END forumrow -->
     <!-- BEGIN catfoot -->
     <!-- END catfoot -->
     <!-- BEGIN tablefoot -->
     <!-- END tablefoot --><!-- END catrow -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,900;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,300;0,500;1,700&display=swap" rel="stylesheet">
Admin
Admin

Re: Commande Sinead | Sam 11 Fév - 12:05

Template memberlist (liste des membres)
Code:
<div class="liste-membre-titre"><h1>Liste des membres</h1>
  <form action="{S_MODE_ACTION}" method="get">
 <div class="tli-fields">
 <div>
 <input type="text" placeholder="Pseudo" name="username" maxlength="25" size="20" value="{L_USER_SELECT_VALUE}" />
 {S_MODE_SELECT}{S_ORDER_SELECT}
 <input type="submit" name="submit" value="{L_SUBMIT}" />
 </div>
 </div>
 {S_HIDDEN_SID} 
</form>
         
</div>

<div class="liste-membre-contenu">

   <!-- BEGIN memberrow -->
    <div class="un-membre-liste">
        <div class="avatar-un-membre">{memberrow.AVATAR_IMG}</div>
        <h2 class="LSArte pseudoliste"><a class="gen" href="{memberrow.U_VIEWPROFILE}">{memberrow.USERNAME}</a></h2>
          <div class="LSArte bloc-survol-membre-liste"><a class="gen" href="{memberrow.U_VIEWPROFILE}">{memberrow.USERNAME}</a><div>Connecté : {memberrow.LASTVISIT} <br/><hr/>
            Inscrit le : {memberrow.JOINED} <br/><hr/>
            {L_POSTS} : {memberrow.POSTS}<hr/> </div></div>

    </div>
   <!-- END memberrow -->
</div>
   <!-- BEGIN switch_no_user -->
   <tr>
      <td class="catBottom" colspan="{switch_no_user.COLSPAN_NUMBER}" height="28" align="center"><span class="gensmall">{switch_no_user.L_NO_USER}</span></td>
   </tr>
   <!-- END switch_no_user -->

<!-- BEGIN switch_pagination -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td><span class="nav">{PAGE_NUMBER}</span></td>
      <td align="right"><span class="nav">{PAGINATION}</span></td>
   </tr>
</table>
<br />
<!-- END switch_pagination -->
  <script type="text/javascript">//<![CDATA[
 $( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color");
 $(this).closest('.LSArte').css("background-color", color);});});//]]>
    </script>
 
Admin
Admin

Re: Commande Sinead | Sam 11 Fév - 12:06

Template topiclist_box (liste des sujets)
Code:
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
  var all_checked = true;
  for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
      if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
        all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
      }
  }
  document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
  for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
      if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
        document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
      }
  }
}
</script>
<!-- END multi_selection -->

<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
  <!-- BEGIN pagination -->
  <!-- END pagination -->
  <!-- END header_table --><!-- BEGIN header_row -->
<!-- END header_row -->

<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
  <tr>
      <!-- BEGIN single_selection -->
      <div class="modSBJ"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></div>
      <!-- END single_selection -->
    <div class="un-sujet-liste"><div class="statistiques-liste"><span>{topics_list_box.row.VIEWS} vues</span><span>{topics_list_box.row.REPLIES} réponses</span></div>
<div class="titre-sujet-liste">{topics_list_box.row.TOPIC_TYPE} <a href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a> par
            <strong>{topics_list_box.row.TOPIC_AUTHOR}</strong>
<!-- BEGIN switch_description --> <span class="description-sujet-liste">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION} {topics_list_box.row.GOTO_PAGE}</span><!-- END switch_description -->
        </div>

        <div class="derniermessage-liste">
            <!-- BEGIN avatar -->
            <div class="avatar-m-liste">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</div>
            <!-- END avatar -->
            <div class="derniermess">
                dernier message le {topics_list_box.row.LAST_POST_TIME} par {topics_list_box.row.LAST_POST_AUTHOR}
            </div>

        </div>

    </div>
 
<!-- BEGIN multi_selection -->
      <td align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>
  <!-- END multi_selection -->
  </tr>
  <!-- END topic --><!-- BEGIN no_topics -->
  <tr>
      <td colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
      </tr>
    <!-- END no_topics --><!-- BEGIN bottom -->
    <tr>
    <td colspan="{topics_list_box.row.COLSPAN}" valign="middle">
    <table width="800px" style="margin:auto;" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td><span class="gensmall">{PAGINATION}</span></td>
    </tr></table>
    </td></tr>
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->
Contenu sponsorisé

Re: Commande Sinead |

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