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
72727/01/2018
![[catégories rouges] CVwWkKx](https://i.imgur.com/CVwWkKx.png)
Remplacez l'intégralité de votre template index_box par ceci :
- Code:
<div class="tdw_inde">
<div class="tdw_indun"><a href="{U_INDEX}"><img src="https://imgur.com/QJXgaZJ.png"/></a> the <span>dream</span> within</div>
<div class="tdw_inddeux">{NAV_CAT_DESC_SECOND}</div>
</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_inside_cat">
<div class="tdw_sousfo">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
<strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}</div>
<div class="tdw_trukva"> <!-- BEGIN avatar -->
<div class="tdw_cat_vava">{catrow.forumrow.avatar.LAST_POST_AVATAR}</div>
<!-- END avatar --></div>
<div class="tdw_cat_desc">{catrow.forumrow.FORUM_DESC}</div>
<div class="tdw_blok_cat">
<div class="tdw_cat_nameti"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div>
<div class="tdw_cat_stat"><span>{catrow.forumrow.TOPICS}</span> {L_TOPICS} - <span>{catrow.forumrow.POSTS}</span> {L_POSTS}</div>
<div class="tdw_catlastpost"><!-- 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_iconcat" style="background:url({catrow.forumrow.FORUM_FOLDER_IMG}) no-repeat scroll 100%;"></div>
</div>
</div>
</div>
<!-- END forumrow -->
<!-- BEGIN tablefoot -->
<!-- END tablefoot -->
<!-- END catrow -->
<div class="linkbottom">
<a href="/search?search_id=newposts">Derniers messages</a>
<a href="/search?search_id=egosearch">Vos messages</a>
<a href="/search?search_id=unanswered">Sans réponses</a>
<a href="/?mark=forums">Marquer comme lus</a>
<a href="/search?search_id=activetopics">Sujets du jour</a>
<a href="/memberlist?mode=overall_posters">Posteurs du forum</a>
<a href="/?mode=delete_cookies">Supprimer les cookies</a></div>
<div class="tdw_inde">
<div class="tdw_indun"><a href="{U_INDEX}"><img src="https://imgur.com/QJXgaZJ.png"/></a> the <span>dream</span> within</div>
<div class="tdw_inddeux">{NAV_CAT_DESC_SECOND}</div>
</div>
Puis ajoutez à votre CSS :
- Code:
.tdw_inde {
background-image: url(https://imgur.com/G3yBuH0.png);
padding-bottom: 5px;
background-size: 100%;
background-position: left;
}
.tdw_indun {
color: #c9c9c9;
font: 22px Pirata One;
letter-spacing: 1px;
}
.tdw_indun img {
mix-blend-mode: difference;
margin-top: 8px;
width: 30px;
}
.tdw_indun span {
background: -webkit-linear-gradient(#be393a, #6f1717);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.tdw_cat_title {
text-align: center;
padding: 20px 0px 4px 0px;
border-bottom: solid 1px #c9c9c9;
margin-bottom: 20px;
}
.tdw_cat_title h2 {
color: #c9c9c9;
font: 12px calibri;
text-transform: uppercase;
letter-spacing: 5px;
}
.tdw_categorie {
background: #080808;
padding: 15px;
margin-bottom: 10px;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.tdw_inside_cat {
background-image: url(https://imgur.com/qJFVdDE.png);
background-size: 100%;
background-position: 50% 50%;
height:110px!important;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 10px;
box-shadow: 0 5px 10px -8px rgba(0, 0, 0, 0.8);
}
.tdw_sousfo {
width: 170px;
height:100px!important;
font-size: 0px;
position: relative;
overflow: auto;
padding: 0px 5px 0px 0px;
}
.tdw_sousfo a {
color: #c9c9c9;
font: 9px calibri;
position: relative;
letter-spacing: 1px;
text-transform: uppercase;
display: block;
z-index: 9;
margin: 5px 0px;
}
.tdw_sousfo a:before {
content: "";
min-width: 44px;
max-width: 200px;
position: absolute;
z-index: -1;
height: 10px;
margin-top: 8px;
background: -webkit-linear-gradient(#be393a, #6f1717);
}
.tdw_trukva {
width: 150px;
}
.tdw_cat_vava {
width: 140px;
height: 90px;
overflow: hidden;
border: solid 10px #080808;
}
.tdw_cat_vava img {
width: 100%;
filter: grayscale(60%) contrast(150%);
}
.tdw_cat_desc {
width: 280px;
height: 90px;
overflow: auto;
background: #080808;
padding: 10px;
text-align: justify;
font: 11px calibri;
overflow-x: auto;
color: #c9c9c9;
}
.tdw_blok_cat {
width: 250px;
margin-left: 10px;
}
.tdw_cat_nameti {
text-align: right;
border-bottom: 1px solid #c9c9c9;
}
.tdw_cat_nameti a {
color: #c9c9c9;
font: 11px calibri;
text-transform: uppercase;
letter-spacing: 2px;
}
.tdw_cat_stat {
text-align: right;
color: #c9c9c9;
font: 15px Pirata One;
padding: 5px 0px;
text-transform: lowercase;
}
.tdw_cat_stat span {
background: -webkit-linear-gradient(#d65c5c, #8c2828);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.tdw_catlastpost {
font: 9px Calibri;
padding: 10px;
margin-top: 5px;
height: 42px;
background: #080808;
color: #c54f50;
}
.tdw_catlastpost a {
z-index: 9;
color: #c9c9c9;
text-transform: uppercase;
font-size: 9px;
margin-right: 5px;
position: relative;
font-style: italic;
}
.tdw_catlastpost br {
display:none;
}
.tdw_catlastpost strong {
padding-left:5px;
}
.tdw_iconcat {
background-size: 100%;
height: 35px;
margin-top: -32px;
width: 88px;
float: right;
mix-blend-mode: lighten;
}
.linkbottom {
text-align: center;
}
.linkbottom a {
padding: 5px;
margin: 0px 5px;
border-radius: 15px;
color: #be393a;
font: 9px calibri;
text-transform: uppercase;
}
![[catégories rouges] Empty](https://2img.net/i/empty.gif)
# [catégories rouges] - Mer 14 Oct - 10:50Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum|
|
|
