Jawn
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|
|
|