Jawn
she/her mais n'importe quel pronom fera l'affaire - codeuse - accro à Genshin Impact - vive les fleurs et la nature - créditez les codes
74427/01/2018
![[Catégories violettes] JyA6UWs](https://i.imgur.com/JyA6UWs.png)
Remplacer l'intégralité de votre template index_box par ceci :
- Code:
<div class="linktopcat"><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></div>
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<div class="tdw_cat_title">{catrow.tablehead.L_FORUM}</div>
<!-- END tablehead -->
<!-- BEGIN forumrow -->
<div class="tdw_categorie">
<div class="tdw_frm_title"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div>
<div class="tdw_icon_cat" style="background:url({catrow.forumrow.FORUM_FOLDER_IMG}) no-repeat scroll 100%;"></div>
<div class="tdw_cat_desc">{catrow.forumrow.FORUM_DESC}</div>
<!-- BEGIN avatar -->
<div class="tdw_last_vava">{catrow.forumrow.avatar.LAST_POST_AVATAR}</div>
<!-- END avatar -->
<div class="total_tdw_lastpost">
<div class="tdw_lastpost"><!-- BEGIN switch_topic_title -->
<a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
<!-- END switch_topic_title -->
{catrow.forumrow.USER_LAST_POST}</div>
<div class="tdw_cat_stats">{catrow.forumrow.TOPICS} sujets ✧ {catrow.forumrow.POSTS} messages</div>
</div>
<div class="tdw_sousfrm">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
<strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}</div>
</div>
<!-- END forumrow -->
<!-- BEGIN tablefoot -->
<!-- END tablefoot -->
<!-- END catrow -->
<!-- BEGIN switch_on_index -->
<!-- END switch_on_index -->
<div class="linktopcat">
<a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a>
<a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a>
<a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a>
<!-- BEGIN switch_user_logged_in -->
<a href="{U_MARK_READ}" accesskey="m">{L_MARK_FORUMS_READ}</a>
<!-- END switch_user_logged_in -->
</div>
Puis ajoutez dans votre CSS :
- Code:
.linktopcat {
text-align: center;
padding: 0px 0px 5px 0px;
}
.linktopcat a {
color: #040303;
font: 7px arial;
text-transform: uppercase;
font-style: italic;
padding: 0px 3px;
letter-spacing: 1px;
}
.tdw_cat_title {
background-image: url(https://imgur.com/R0r9X3j.png);
padding: 10px;
text-align: center;
background-size: 100%;
}
.tdw_cat_title h2 {
color: #fafafa;
font: 13px Playfair display;
text-transform: uppercase;
letter-spacing: 4px;
}
.tdw_categorie {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
background: #111;
padding: 10px;
margin-bottom: 10px;
}
.tdw_frm_title {
width: 100%;
padding: 10px 0px 1px 0px;
border-bottom: 1px solid #1e1e1e;
margin-bottom: 8px;
margin-left: 40px;
}
.tdw_frm_title a {
color: #913ec7;
font: 14px playfair display;
text-transform: lowercase;
letter-spacing: 2px;
}
.tdw_icon_cat {
width: 35px;
height: 80px;
}
.tdw_cat_desc {
width: 410px;
height: 80px;
font: 9px times new roman;
color: #a4a8ab;
text-align: justify;
line-height: 11px;
padding: 7px;
overflow: auto;
border: solid 1px #913888;
line-height: 11.6px;
}
.tdw_cat_desc span {
background: linear-gradient(to right, #59341f, #031e2d);
padding: 2px;
margin-right: 5px;
color: #f3f3f3;
text-transform: uppercase;
font: 12px Playfair Display;
}
.tdw_last_vava {
width: 80px;
height: 80px;
overflow: hidden;
margin-left: 10px;
}
.tdw_last_vava img {
width:100%;
}
.total_tdw_lastpost {
padding: 6px;
height: 80px;
width: 150px;
text-align: center;
}
.tdw_lastpost {
font: 9px playfair Display;
font-style: italic;
}
.tdw_lastpost a {
font: 10px Playfair Display;
color: #dbdbdb;
text-transform: lowercase;
}
.tdw_lastpost strong {
font: 13px Fondamento;
text-transform: lowercase;
}
.tdw_cat_stats {
padding: 2px;
color: #f3f3f3;
text-transform: uppercase;
font: 7px Times New roman;
margin: 3px auto 0px auto;
width: 120px;
background-image: linear-gradient(120deg, #8536a4 0%, #370a1b 100%);
}
.tdw_sousfrm {
border: solid 1px #913888;
text-align: center;
width: 780px;
padding: 2px;
margin-top: 10px;
color: #021119;
}
.tdw_sousfrm a {
margin-right: 5px;
color: #f3f3f3;
text-transform: uppercase;
font: 9px Playfair Display;
}
![[Catégories violettes] Empty](https://2img.net/i/empty.gif)
# [Catégories violettes] - Mer 14 Oct - 10:40Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
