Jawn
![Jawn](https://imgur.com/l1lIbxq.png)
# [CATÉGORIES ROUGES POUR CHANGER] - Ven 19 Juil - 21:29
![[CATÉGORIES ROUGES POUR CHANGER] P642NRD](https://imgur.com/P642NRD.png)
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
|
|