epsilon
forum de libre service de codage,
aucune inscription
Une refonte complète d'Epsilon est prévue pour bientôt. Dans les mois qui suivent, le forum va totalement changer d'apparence et toutes les catégories vont être réorganisées. Pas de panique, aucun LS ne va disparaître !
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Le Deal du moment :
Blue Lock : où acheter le Tome 22 ...
Voir le deal
12 €

Jawn
Jawn
The relations between us in those latter days were peculiar.
[CATÉGORIES ROUGES POUR CHANGER] P642NRD

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

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

<div class="cat-title">{catrow.tablehead.L_FORUM}</div>

  <!-- END tablehead -->

  <!-- BEGIN forumrow -->
  
<div class="cat-forum">
  <dl class="icon-cat" style="background:url({catrow.forumrow.FORUM_FOLDER_IMG}) {catrow.forumrow.INC_LEVEL}"></dl>
  
  <div class="blok-infos">
    <a href="{catrow.forumrow.U_VIEWFORUM}" class="forum-titre">{catrow.forumrow.FORUM_NAME}</a>
    
    <div class="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 -->
</div>
    <div class="lastpostname">{catrow.forumrow.USER_LAST_POST}</div>
  </div>
  
  <div class="blok-desc">
    <div class="description-cat">{catrow.forumrow.FORUM_DESC}</div>
    <div class="sous-forums">
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
<strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
    </div>
  </div>
  
  
  <div class="stats">
    .{catrow.forumrow.TOPICS} <br/><span>{L_TOPICS}</span><br/>
    .{catrow.forumrow.POSTS} <br/><span>{L_POSTS}</span></div>
  
</div>

    <!-- END forumrow -->

 <!-- BEGIN tablefoot -->

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

Ensuite, allez dans votre CSS et ajoutez ceci :

Code:
@font-face {
     font-family: 'theboldfont';
     src: url(http://files.jcink.net/uploads/heartsighrp/fonts/theboldfont.ttf);}
/*********************************************************************** CATEGORIES ***********************************************************************/
.cat-title {
    width: 100%;
    text-align: center;
    height: 30px;
    background: #1e1e1e;
    margin-top: 50px;
}
.cat-title h2 {
    font: 50px theboldfont;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: url(https://imgur.com/mFs7axm.png);
    text-transform: uppercase;
    position: relative;
    top: -32px;
}
.cat-title h2 span {
  font-style:italic;
}
.cat-forum {
    background-image: url(https://imgur.com/Me6iHZm.png);
    background-size: 100%;
    width: 100%;
    height: 200px;
    margin: 20px 0px 20px 0px;
    overflow: hidden;
    display: flex;
    box-shadow: 2px 2px 10px #000000;
    flex-wrap: wrap;
}
.icon-cat {
    background-size: 200px 350px !important;
    display: block;
    width: 265px;
    height: 217px;
    margin-left: -84px;
    margin-top: -16px;
}
.blok-infos {
    height: 160px;
    width: 240px;
    margin-left: -170px;
    text-align: center;
    padding-top: 15px;
    line-height: 7px;
}
.blok-infos a b {
    font: 80px theboldfont;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: url(https://imgur.com/mFs7axm.png);
    text-transform: uppercase;
}
.blok-infos a {
    font: 17px theboldfont;
    color: #911a16;
}
.description-cat {
    width: 470px;
    overflow: auto;
    height: 85px;
    padding: 5px 20px 20px 20px;
    font: 10px arial;
    text-align: justify;
    border: solid 1px #a9a9a9;
    margin-top: 20px;
    color: #110e0e;
}
.sous-forums {
    padding: 5px;
    height: 45px;
    overflow: auto;
    font-size: 0px;
    margin-top: 10px;
    text-align: center;
}
.sous-forums a {
    font: 12px theboldfont;
    padding: 5px;
    background-image: url(https://imgur.com/GhHFf1R.png);
    color: #c3bcbc;
    box-shadow: 2px 2px 10px #7d7d7d;
    margin-right: 5px;
}
.stats {
    width: 230px;
    height: 160px;
    font: 60px theboldfont;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: url(https://imgur.com/mFs7axm.png);
    text-transform: uppercase;
    text-align: center;
}
.stats span {
    font: 12px theboldfont;
    line-height: 0px;
    font-style: italic;
    letter-spacing: 1px;
}
.lastpost br {
  display:none;
}
.lastpost {
    margin-bottom: -10px;
}
.lastpost a{
    font: 16px theboldfont;
    color: #0e0e0e;
}
.lastpostname {
    font-size: 0px;
}
.lastpostname strong {
    font: 18px theboldfont;
    font-style: italic;
    padding-right: 5px;
}
/*********************************************************************** FIN CATEGORIES ***********************************************************************/

Pas de nouveau message :
Code:
https://imgur.com/jFe9dzk.png

Nouveau message :
Code:
https://imgur.com/Q6LMj5S.png

Pensez bien à cocher "non" à "optimisation de votre CSS" et le tour sera joué !
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum