Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Soucis de codage Catégorie

2 participants

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

Soucis de codage Catégorie Empty Soucis de codage Catégorie

Message par sueki 2021-06-27, 04:39

Bonjour,
Hier après une modification pour la liste des sujets, mes sous-forum se sont retrouvés modifier.
J'ai tout supprimé ce qui était en rapport avec la liste des sujets mais le problème persiste et je ne comprends pas puis que mes catégories en première page sont en place alors que le reste non.

1ère page : http://prntscr.com/1729pdg
2ème page : http://prntscr.com/1728ml5

Code:
<div class="nav-index">
  <!-- BEGIN switch_user_logged_in -->
  <a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> -
  <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a> -&nbsp;
  <!-- END switch_user_logged_in -->
  <a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</div>
<div class="categorie">
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
{catrow.tablehead.L_FORUM}
<!-- END tablehead -->
<!-- BEGIN forumrow -->
  <div class="cat-forum">
    <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
    <h3>
      <a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
    </h3>
  </div>
  <div class="cat-bloc">
    <div class="cat-description">{catrow.forumrow.FORUM_DESC}</div>
    <div class="cat-dernier">
      <div class="cat-avatar">
        <!-- BEGIN avatar -->
        {catrow.forumrow.avatar.LAST_POST_AVATAR}
        <!-- END avatar -->
      </div>
      <div class="cat-stat">{catrow.forumrow.TOPICS} sujets et {catrow.forumrow.POSTS} messages</div>
      <div class="cat-lastmessage">{catrow.forumrow.LAST_POST}</div>
    </div>
    <div class="cat-sousforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
  </div>
  <!-- END forumrow -->
  <!-- END catrow -->
</div>


Mon CSS :
Code:
a, a:link, a:hover {
text-decoration: none!important;
}    

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

/* Chrome, Safari */
::-webkit-scrollbar {
        width: 7px;
        height: 14px;
        background: #E7D5CB;
        border: 1px solid #E7D5CB;
}
 
::-webkit-scrollbar-track-piece  {
        background: transparent none;
        border: solid 4px transparent;
        border-right-width: 8px;
        margin: 4px;
        -webkit-box-shadow: inset 1px 1px 0 0 #B9CFD2, inset -1px -1px 0 0 #B9CFD2;
}
 
::-webkit-scrollbar-thumb:vertical {
   height: 30px;
        border: solid 0 transparent;
        border-right-width: 2px;
        -webkit-border-radius: 5px;
        -webkit-border-top-right-radius: 9px 5px;
        -webkit-border-bottom-right-radius: 9px 5px;
        -webkit-box-shadow: inset 0 0 0 1px #B9CFD2, inset 0 0 0 6px #B9CFD2;
        border-left-width: 2px;
}

::-webkit-scrollbar-thumb:horizontal{
   height: 30px;
        border: solid 0 transparent;
        border-right-width: 2px;
        -webkit-border-radius: 5px;
        -webkit-border-top-right-radius: 9px 5px;
        -webkit-border-bottom-right-radius: 9px 5px;
        -webkit-box-shadow: inset 0 0 0 1px #B9CFD2, inset 0 0 0 6px #B9CFD2;
        border-left-width: 2px;
}
 
body{
  background-color:#F0EEE8;
  background-image:url('https://www.transparenttextures.com/patterns/natural-paper.png');
  background-repeat:repeat;
  color:#6B4E48;
  font-size:13px;
  font-family:georgia;
}
.forumline{
  width:100%;
  box-sizing:border-box;
}
.bodylinewidth{
  width:850px;
  margin-top:-9px;
  position:relative;
  background:#E9E7E1;
  box-shadow:0px 0px 10px #E7D5CB;
}
#i_logo{
  margin:29px auto 0;
}
#page-footer{
  padding-bottom:10px;
}
a{
  text-decoration:none;
  color:#909088;
  font-weight:normal;
  -webkit-transition:all 300ms;
  transition:all 300ms;
}
a:hover{
  color:#91483b;
  text-decoration:none!important;
}
/****PA***/

/* ----- PA PAR SHERLOCK - MERCI DE PAS RETIRER LE COPYRIGHT VOUS SEREZ MIGNONS ----- */

.PA2_blockgen {
  width: 800px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0 auto;
  height: 400px;
 
  outline-offset:5px;
}

.PA2_blockprinc {
  width: 600px;
  height: 400px;
  background-color: #E9E7E1;
      text-align: center;
}

.PA2_liennav {
    display: inline-block;
    padding:2px;
    margin: 2px;
    background-color: #E7D5CB;
    width: 80px;
    height: 15px;
    text-align: center;
    font: 12px "Cinzel", sans-serif;
    color: #EAA69A;
    transition-duration: 1s;
}

.PA2_liennav:hover {
  background: #EAA69A;
  color: #E9E7E1;
    width: 80px;
  height: 15px;
  font-size: 12px;
  font-family: 'cinzel';
  transition-duration: 1s;
}

.PA2_staff {
    display: inline-block;
    position: relative;
    width: 150px;
    height: 75px;
    margin: 0px 20px 0 9px;
}

.PA2_avastaff {
  width: 150px;
  height: 75px;
  border: 2px #EAA69A solid;
  padding: 5px;
}

.PA2_avastaff img {
  width: 100%;
}

.PA2_namestaff {
  position: absolute;
  bottom: 0;
  left: 7px;
  background: #E7D5CB;
  background: #E7D5CB; /* Black see-through */
  color: #EAA69A;
  width: 110px;
  height: 20px;
  transition: 0.5s ease;
  opacity: 0;
  color: white;
  font-size: 20px;
  padding: 20px;
  text-align: center;
}

.PA2_staff:hover .PA2_namestaff {
  opacity: 1;
}

.PA2_phrasecont {
  padding: 10px;
  background-color: #B9CFD2;
  width: 560px;
  height: 20px;
  text-align: center;
  font: 12px "Cinzel", sans-serif;
  color: #6B4E48;
  margin: 10px;
}

.PA2_blockcont {
  width: 600px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0 auto;
}

.PA2_contexte {
  padding: 10px;
  width: 160px;
  height: 200px;
  text-align: justify;
  font: 12px "gerogia", sans-serif;
  color: #6B4E48;
  overflow: auto;
  margin: 0 0 0 10px;
}

.PA2_contexte:before {
  content: "";
  width: 5px;
  height: 210px;
  background: #EAA69A;
  position: absolute;
  margin: 0 0 0 -15px;
}

.PA2_predefs {
    display: inline-block;
    width: 70px;
    height: 70px;
    border: 5px #EAA69A solid;
    padding: 5px;
    margin: -3px -1px 5px 4px;
}

.PA2_predefs img {
  width: 100%;
}

.PA2_phrasepredef {
  padding: 10px;
  background-color: #B9CFD2;
  width: 350px;
  height: 20px;
  text-align: center;
  font: 12px "Cinzel", sans-serif;
  color: #6B4E48;
  margin-left: 5px;
}

.PA2_parto {
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 2px #EAA69A solid;
  padding: 3px;
  margin: 5px 0 0 11px;
}

.PA2_parto img {
  width: 100%;
}

.PA2_contexte::-webkit-scrollbar {
  width: 5px;
}
.PA2_contexte::-webkit-scrollbar-thumb {
  background-color: #EAA69A;
}
.PA2_contexte::-webkit-scrollbar-track {
  margin-top: 10px;
  border: 4px solid #F0EEE8;
}

/* ----- BLOC NEWS ----- */

.PA2_blocknews {
  float: right;
  width: 200px;
  height: 400px;
  background-color: #E7D5CB;
}

.PA2_titlenews {
  padding: 10px;
  margin: 10px;
  background-color: #E9E7E1;
  width: 160px;
  height: 20px;
  text-align: center;
  font: 12px "Cinzel", sans-serif;
  color: #EAA69A;
}

.PA2_news {
  display: inline-block;
  font: 10px "georgia", sans-serif;
  color: #6B4E48;
  text-align: justify;
  margin: 10px;
  height: 60px;
  overflow: auto;
}

.PA2_datenews {
  display: inline-block;
  padding: 5px;
  background-color: #E9E7E1;
  width: 80px;
  height: 20px;
  text-align: center;
  font: 12px "Cinzel", sans-serif;
  color: #EAA69A;
   -webkit-animation: PA2_datenews 0.7s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
        animation: PA2_datenews 0.7s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}

.PA2_news::-webkit-scrollbar {
  width: 5px;
}
.PA2_news::-webkit-scrollbar-thumb {
  background-color: #E9E7E1;
}
.PA2_news::-webkit-scrollbar-track {
  margin-top: 10px;
  border: 4px solid #EAA69A;
}

@-webkit-keyframes PA2_datenews {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  10% {
    -webkit-transform: rotate(8deg);
            transform: rotate(8deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  80% {
    -webkit-transform: rotate(-8deg);
            transform: rotate(-8deg);
  }
  90% {
    -webkit-transform: rotate(8deg);
            transform: rotate(8deg);
  }
}
@keyframes PA2_datenews {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  10% {
    -webkit-transform: rotate(8deg);
            transform: rotate(8deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  80% {
    -webkit-transform: rotate(-8deg);
            transform: rotate(-8deg);
  }
  90% {
    -webkit-transform: rotate(8deg);
            transform: rotate(8deg);
  }
}

/* CATEGORIE */

.nav-index{
    margin:10px;
  padding:10px;
  background-color:#E7D5CB;
  font-size:11px;
  letter-spacing:3px;
    width:800px;
   font-family:"Cinzel";
  text-align:center;
}
.categorie{
  display:flex;
  flex-wrap:wrap;
  margin:20px;
}
.categorie h2{
  width:100%;
  margin:0 auto 10px;
  padding:5px 20px;
  background-color:#F0EEE8;

  font-family:CInzel;
  font-size:30px;
  font-weight:normal;
  color:#B9CFD2;
}
.cat-forum{
  position:relative;
  height:130px;
  width:280px;
  margin:0 10px 10px 0;
  overflow:hidden;
}
.cat-forum:last-child{
  margin:0 0px 0px 0;
}
.cat-forum img{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.cat-forum h3{
  position:absolute;
  margin:30px 25px;
  padding:22px;
  width:230px;
  height:70px;
  box-sizing:border-box;
  background-color:#E7D5CB;
  text-align:center;
  font-family:CINZEL;
  font-size:18px;
  letter-spacing:1px;
  text-transform:lowercase;
}
.cat-bloc{
  display:flex;
  flex-wrap:wrap;
  width:520px;
}
.cat-description{
  width:360px;
  height:90px;
  margin-right:10px;
  padding:10px;
  box-sizing:border-box;
  overflow:auto;
  background:#E7D5CB;
  text-align:justify;
}
.cat-dernier{
  position:relative;
  width:150px;
  height:90px;
  overflow:hidden;
  background-color:#E7D5CB;
  text-align:center;
}
.cat-avatar img{
  position:absolute;
  width:100%;
  top:-65px;
  left:0;
}
.cat-stat{
  position:absolute;
  width:130px;
  margin:10px;
  padding:2px 0px;
  box-sizing:border-box;
  background-color:#E9E7E1
  font-size:10px;
  text-transform:uppercase;
}
.cat-lastmessage{
  position:absolute;
  bottom:0;
  width:130px;
  height:45px;
  margin:10px;
  padding:2px;
  box-sizing:border-box;
  overflow:auto;
  background-color:#E9E7E1;
  font-size:11px;
}
.cat-sousforum{
  display:flex;
  flex-wrap:wrap;
  width:100%;
  height:30px;
  overflow:auto;
  background-color:#E7D5CB;
  font-size:0;
}
.cat-sousforum a{
  margin:5px;
  padding:3px;
  background-color:#E9E7E1;
  font-size:11px;
  letter-spacing:3px;
}

/* QUI EST EN LIGNE */
.qeel{
  position:relative;
  width:810px;
  height:400px;
  margin:30px 20px 40px;
  padding:40px;
  box-sizing:border-box;
  background-image:url('https://www.zupimages.net/up/16/44/5ee4.png');
  background-position:center 0px;
  background-size:140%;
}
.msg-qeel{
  padding:0 5px;
}
.qeel-stats{
  width:165px;
  height:256px;
}
.qeel-stats div{
  width:100%;
  padding:10px;
  box-sizing:border-box;
  background-color:#E7D5CB;
  text-align:center;
}
#avatar_dernier_membre{
  height:116px;
  margin:15px 0;
  padding:0;
  overflow:hidden;
}
#avatar_dernier_membre img{
  position:relative;
  bottom:50px;
  width:100%;
}
.qeel-absents h4,
.qeel-presents h4{
  padding:5px 10px;
  margin:0;
  background-color:#E7D5CB;
  font-family:Cinzel;
  font-size:14px;
  font-weight:normal;
  color:#EAA69A;
}
.qeel-absents > div,
.qeel-presents > div{
  height:100%;
  padding:10px;
  overflow:auto;
  background-color:#E9E7E1;
  font-family:georgia;
}
.qeel-absents{
  position:absolute;
  top:40px;
  right:40px;
  width:530px;
  height:90px;
  text-align:justify;
}
.qeel-absents td.row1{
  background-color:transparent;
}
.qeel-presents{
  position:absolute;
  top:200px;
  right:40px;
  height:60px;
  width:530px;
  text-align: justify;
}
ul.groupes{
  position:absolute;
  bottom:40px;
  margin:0;
  padding:0;
}
ul.groupes li {
  display:inline-block;
  vertical-align:bottom;
  list-style-type:none;
  margin:0 7.5px 0 0;
  padding:3px;
  box-sizing:border-box;
  font-family:calibri;
  font-size:10px;
  letter-spacing:1px;
  color:#6B4E48;
  opacity:0.95;
  text-transform:uppercase;
}
ul.groupes li > div{
  padding:6px 8.9px;
  border:#B9CFD2 solid 1px;
}
.qeel-p-perso strong{
  padding-left:10px;
  font-size:20px;
  font-family:Raleway;
}
.qeel-p-perso,
.qeel-absents > div .gensmall,
.qeel-dernier,
.qeel-p-logged-in{
  font-size:0;
  font-family:calibri;
}
.qeel-p-logged-in a,
.qeel-absents > div a{
  font-size:12px!important;
}
.qeel-dernier strong{
  font-weight:normal;
}
.qeel-dernier a{
  display:block;
  font-size:15px!important;
  text-transform:uppercase;
  font-family:calibri;
}
.qeel-p-logged-in a:not(:last-of-type):after,
.qeel-absents > div .gensmall a:not(:last-of-type):after{
  content:"-";
  margin:2px 3px 0;
}

/* FOOTER */
.FooterPerso{
  margin:0 20px 10px;
  padding-bottom:5px;
  background-color:#E9E7E1;
  text-align:center;
}
.FooterPerso h3{
  margin:0 auto 5px;
  padding:5px 10px;
  background-color:#E7D5CB;
  text-align:left;
  font-family:Cinzel;
  font-size:14px;
  font-weight:normal;
  color:#EAA69A;
}
.FooterPerso img{
  margin:6px;
  opacity:0.7;
  -webkit-transition:all 300ms;
  transition:all 300ms;
}
.FooterPerso img:hover{
  opacity: 1;
}

/******SUJET*******/

 /***TITRE***/
  
  .tpl_sujet_entete {
  margin: 0 auto;
  width: 800px;
  height: 80px;
  background: #E9E7E1;
  text-align: center;
  }
  
  .tpl_sujet_entete h1 {
  margin: 0 auto;
  font-size: 26px;
  color: #EAA69A;
  font-family: 'Cinzel', cursive;
  font-weight: normal;
  letter-spacing: 6px;
  line-height: 50px;
  }
  
  /***NAVIGATION***/
  
  .tpl_sujet_nav {
  display: block;
  margin: 0 auto;
  width: 800px;
  border-width: 0 0 2px;
  border-style: dotted;
  border-color: #B9CFD2;
  font-family: 'Cinzel', cursive;
  line-height: 20px;
  text-align: center;
  }

  .tpl_sujet_nav a {
    font-size: 15px;
    color: #EAA69A;
}
  
  /***PSEUDO***/
  
  .tpl_sujet_pseudo {
  display: block;
  position: relative;
  margin: 20px auto 0;
  width: 245px;
  height: 30px;
  background: #E9E7E1;
  box-shadow: 0px 2px 2px #EAA69A;
  font-size: 23px;
  font-family: 'Cinzel', cursive;
  font-weight: normal;
  text-shadow: 1px 1px 0px #EAA69A;
  color: #6B4E48;
  line-height: 30px;
  text-align: center;
  z-index: 3;
  }


 .tpl_sujet_pseudo::before { /***CÔTÉ GAUCHE***/
  content: ' ';
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 0;
  border-width: 5px 10px;
  border-style: solid;
  border-color: #EAA69A #EAA69A transparent transparent;
  }

  .tpl_sujet_pseudo::after { /***CÔTÉ DROIT***/
  content: ' ';
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  right: 0;
  border-width: 5px 10px;
  border-style: solid;
  border-color: #EAA69A transparent transparent #EAA69A;
  }
  
  /***AVATAR & FEUILLE DE PERSONNAGE***/
  
  .tpl_sujet_avatar {
  position: relative;
  margin: -25px auto 0;
  width: 200px;
  height: 320px;
  border: 2px solid #EAA69A;
  overflow: hidden;
  }

  .tpl_sujet_avatar div { /***FEUILLE DE PERSONNAGE***/
  position: absolute;
  top: 10px;
  left: 10px;
  width: 180px;
  height: 300px;
  background: #E9E7E1;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #6B4E48;
  text-align: justify;
  z-index: 2;
  opacity: 0;
  transform: scale(0.5);
  transition: all 1s;
  overflow: hidden;
}

  .tpl_sujet_avatar div:hover {
  opacity: 1;
  transform: scale(1);
}

  /***INFORMATIONS***/
  
  .tpl_sujet_rang {
  margin: 5px auto;
  width: 200px;
  height: 25px;
  background: #E9E7E1;
  box-shadow: 2px 2px 0px #EAA69A;
  font-size: 14px;
  color: #6B4E48;
  text-align: center;
  }
  
  .tpl_sujet_informations {
  margin: 10px auto;
  width: 200px;
  min-height: 150px;
  background: #E9E7E1;
  padding: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: justify;
  }

  .tpl_sujet_intitule {
  font-size: 10px;
  font-family: 'Cinzel', serif;
}

  .tpl_sujet_contenu {
  font-size: 10px;
  color: #6B4E48;
}
  
  /***DATE & BOUTONS***/
  
  .tpl_sujet_bnddate {
  position: relative;
  margin: 20px auto 0;
  width: 540px;
  height: 30px;
  background: #E9E7E1;
  padding: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 0px 2px 2px #EAA69A;
  }
  
  .tpl_sujet_bnddate::after { /***CÔTÉ DROIT***/
  content: ' ';
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  right: 0;
  border-width: 5px 10px;
  border-style: solid;
  border-color: #EAA69A transparent transparent #EAA69A;
  }

  .tpl_sujet_date {
  font-size: 14px;
  font-family: 'Cinzel', serif;
  color: #EAA69A;
  float: left;
}

  .tpl_sujet_boutons {
  float: right;
}
  
  /***MESSAGE***/
  
  .tpl_sujet_message {
  margin: -10px auto 0;
  width: 500px;
  min-height: 510px;
  background: #E9E7E1;
  padding: 15px 8px 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 3px 3px 1px #EAA69A;
  font-size: 12px;
  color: #6B4E48;
  text-align: justify;
  }

  /***SIGNATURE***/

  .tpl_sujet_signature {
  margin: 0 auto;
  width: 500px;
  height: 200px;
  background: #E9E7E1;
  line-height: 10px;
  overflow: auto;
}

  /***EN LIGNE & CONTACT***/

  .tpl_sujet_contact {
  margin: 30px;
}

 /***BORDURES***/

td.catHead, td.catBottom {
  border-width: 0;
}

/* liste des membres | artemis pour epicode */

.memberlist_t {
  width: 800px;
  height: 90px;
  background-color:#E7D5CB;
  border: 1px solid #EAA69A;
  outline: 1px solid #EAA69A;
  outline-offset: -10px;
  margin: auto;
  text-align: center;
  color: white;
  font: 15px Cinzel;
  text-transform: uppercase;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 34px;
  font-weight: 700;
  margin-bottom: 10px;
}

.tli-member {
  width: 800px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
  padding: 0;
}

.content_list {
  width: 395px;
  height: 150px;
  background: #E7D5CB;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #EAA69A;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
  
}

.block_left_list {
  width: 265px;
  height: 145px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.block_left_list > a {
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  font: 20px Georgia;
  
 
}

.lastvisit_list {
  width: 100%;
  height: 15px;
  color: #E9E7E1;
  text-align: center;
  font: 10px georgia;
  text-transform: uppercase;
  line-height: 15px;
  letter-spacing: 1px;
  background: #E9E7E1;
}

.joinedlist {
  width: 100%;
  height: 15px;
  border: 1px solid #EAA69A;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #E9E7E1;
  text-align: center;
  font: 11px georgia;
  text-transform: uppercase;
}

.block_left_list > span {
  width: 75px;
  height: 45px;
  background: #EAA69A;
  font-color: #E9E7E1;
  display: inline-block;
  text-align: center;
  color: #EAA69A;
  font: 10px georgia;
  text-transform: uppercase;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 15px 10px 10px 10px;
  line-height: 10px;
}

.block_left_list > span > a {
  color: #EAA69A;
  text-decoration: none;
}

.block_left_list > span img {
  margin-top: -4px;
}

.block_rightmember {
  width: 120px;
  position: relative;
}

.block_rightmember img {
  width: 80px;
  height: 120px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 5px solid #EAA69A;
  margin: 10px 0;
  position: relative;
  z-index: 2;
  
}

.blocdeco {
  width: 65px;
  height: 148px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.tli-fields {
  width: 800px;
  margin: auto;
  text-align: center;
  margin-bottom: 10px;
}

.tli-fields input {
  border: 1px solid #EAA69A;
  background: #E7D5CB;
}

.tli-fields select {
  border: 1px solid #EAA69A;
}



/* NAVBAR - ARTEMIS POUR EPICODE */

:root
{
 --couleur-bleue: #91b5bf;
}

.bodylinewidth
{
 margin-top: 70px;
}

.navbar_arte
{
 width: 100%;
 background: #f9f9f9;
 height: 70px;
 -webkit-box-shadow: 0 2px 1px #e6e6e6;
 box-shadow: 0 2px 1px #e6e6e6;
 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: 60px;
 height: 60px;
 border: 1px solid white;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 padding: 5px;
 background: #e9e9e9;
 display: inline-block;
 float: left;
}

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

.bloc_pseudo_search
{
 font: 9px montserrat;
 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: #6f6f6f;
 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: 10px montserrat;
 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;
}


Merci à vous pour votre aide =)
sueki

sueki
Nouveau membre

Messages : 1
Inscrit(e) le : 27/11/2020

Voir le profil de l'utilisateur https://sfdontdreamitbeit.forumactif.com/
sueki a été remercié(e) par l'auteur de ce sujet.

Soucis de codage Catégorie Empty Re: Soucis de codage Catégorie

Message par Chacha 2021-07-03, 03:20

Soucis de codage Catégorie 4qhGdLE
Bienvenue sur le forum de support de Forumactif

Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser :
N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse.
Soucis de codage Catégorie 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 : 65736
Inscrit(e) le : 21/08/2010

Voir le profil de l'utilisateur https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Soucis de codage Catégorie Empty Re: Soucis de codage Catégorie

Message par Chacha 2021-07-04, 03:49

Soucis de codage Catégorie 8djze9qBonjour,

Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement !

Ce sujet est déplacé à la corbeille, merci d'ouvrir un nouveau sujet si nécessaire, en respectant les Règles générales du forum.
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 65736
Inscrit(e) le : 21/08/2010

Voir le profil de l'utilisateur https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


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