epsilon
forum de libre service de codage,
possibilité de commander des designs,
aucune inscription
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
-30%
Le deal à ne pas rater :
Nike Court Royale 2 Mid
48.97 € 69.99 €
Voir le deal

Jawn
Jawn
The relations between us in those latter days were peculiar.
The relations between us in those latter days were peculiar.
CATÉGORIES ROSES ET CLAIRES MwkUNEf

Remplacer l'intégralité de votre template index_box par le HTML :

Code:
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->

<div class="epsi_cat_title">{catrow.tablehead.L_FORUM}</div>

<!-- END tablehead -->
<!-- BEGIN forumrow -->

<div class="epsi_cat">

  <div class="epsi_cat_vava">
    <!-- BEGIN avatar -->
    <div class="epsi_ava_inside">{catrow.forumrow.avatar.LAST_POST_AVATAR}</div>
    <!-- END avatar -->
  </div>

  <div class="epsi_blok_middle">
    <div class="epsi_inside_title"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div>
    <desc>
      <div class="epsi_cat_desc">{catrow.forumrow.FORUM_DESC}</div>
    </desc>
    <div class="epsi_cat_lastpost">
      <!-- BEGIN switch_topic_title -->
      <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a>
      <!-- END switch_topic_title --> {catrow.forumrow.USER_LAST_POST}
    </div>
  </div>

  <div class="epsi_blok_sta">
    {catrow.forumrow.TOPICS}s. <br /><br />
    {catrow.forumrow.POSTS}m.
  </div>

</div>
<!-- END forumrow -->
<!-- BEGIN tablefoot -->

<!-- END tablefoot -->
<!-- END catrow -->

Puis ajoutez dans votre CSS :

Code:
.epsi_cat_title {
  width: 100%;
  text-align: right;
  margin-bottom: 10%;
}
.epsi_cat_title h2 {
  font: 3vw Abril Fatface;
  color: #454545;
  font-weight: bold;
  margin-top: 50px;
}
.epsi_cat {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 80%;
  margin: 0 auto;
}
.epsi_cat_vava {
  width: 6vw;
  position: relative;
  z-index: 9;
}
.epsi_cat_vava::before {
  content: "";
  width: 5vw;
  height: 5vw;
  background: #f29a9a;
  position: absolute;
  z-index: -1;
  margin: 20px 0px 0px -20px;
}
.epsi_ava_inside {
  width: 5vw;
  height: 5vw;
  overflow: hidden;
  outline-offset: 10px;
  outline: 1px solid #f29a9a;
}
.epsi_ava_inside img {
  object-fit: cover;
  width: 100%;
}
.epsi_blok_middle {
  width: 60%;
  margin: 0px 5%;
}
.epsi_inside_title {
  text-align: right;
  width: 100%;
  position: relative;
  z-index: 99;
}
.epsi_inside_title a {
  font: 2vw Abril Fatface;
  color: #454545;
  font-weight: bold;
  text-transform: lowercase;
  letter-spacing: -2px;
}
desc::before {
  content: "";
  width: 12vw;
  height: 15px;
  background: #f29a9a;
  position: absolute;
  z-index: -1;
  margin: -37px 0px 0px 130px;
}
desc {
  position: relative;
  z-index: 9;
  padding: 2%;
  background: rgba(223, 221, 221, 0.5);
  width: 20vw;
  display: inline-block;
  margin: 15px 0px 0px 20px;
}
.imgparto {
  text-align: center;
}
.imgparto img {
  width: 30px;
  height: 30px;
}
.epsi_cat_desc {
  height: 98px;
  overflow: auto;
  padding: 0px 10px 0px 10px;
  color: #454545;
  font: 0.65vw Ptlight;
}
.epsi_cat_lastpost {
  padding: 5px;
  border: solid 1px #c1c1c1;
  margin: 14px 0px 9px 110px;
  width: 80%;
  text-align: center;
  text-transform: lowercase;
  position: relative;
  z-index: 9;
  font: 0.65vw Ptlight;
  color: #b5b5b5;
}
.epsi_cat_lastpost br {
  display: none;
}
.epsi_cat_lastpost a {
  margin: 0px 2px;
}
.epsi_blok_sta {
  text-align: center;
  font: 1.7vw Abril Fatface;
  color: #454545;
  font-weight: bold;
  padding-top: 50px;
  width: 11%;
}
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum