bannière

Dance with the deadForum city/fantastique · Avatars illustrés

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eget lectus in ligula luctus feugiat id vitae nisi. Pellentesque lobortis, felis vel faucibus feugiat, tortor nunc suscipit ante, laoreet mollis turpis arcu nec mi. Sed vestibulum malesuada ante sit amet malesuada. In dapibus quam ac placerat gravida. Sed sodales urna non risus accumsan consequat.Lire la suite

00.00.00Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eget lectus in ligula luctus feugiat id vitae nisi.
00.00.00Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum rutrum arcu iaculis nisl porttitor sodales.
prédéfini
prédéfini
prédéfini
prédéfini
prédéfini
prédéfini
prédéfini
AccueilRechercherGroupesMembresProfilConnexionS'inscrire
Le Deal du moment : -39%
Pack Home Cinéma Magnat Monitor : Ampli DENON ...
Voir le deal
1190 €

Admin
Bonejangles
# Catégories - Mer 13 Mar 2024 - 13:25
Index_box

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

<div class="hl_cat_total_title">{catrow.tablehead.L_FORUM}<div class="hl_cat_sous_sub">anything's possible if you've got enough nerve</div></div>


<!-- END tablehead -->
<!-- BEGIN forumrow -->


<div class="hl_cat_total">
 
  <div class="hl_cat_icon" style="background:url({catrow.forumrow.FORUM_FOLDER_IMG}) no-repeat scroll 100%;"></div>
 
  <div class="hl_cat_ava">
      <!-- BEGIN avatar -->
      <div class="hl_cat_ava_inside">{catrow.forumrow.avatar.LAST_POST_AVATAR}</div>
      <!-- END avatar -->
    </div>
 
  <div class="hl_cat_middle">
   
    <div class="hl_cat_middle_title"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div>
    <div class="hl_cat_middle_desc">{catrow.forumrow.FORUM_DESC}</div>
   
    <div class="hl_cat_right_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>
 
    <div class="hl_cat_right">
     
      <div class="hl_cat_sousfo">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}</div>
     
      <div class="hl_cat_right_stats">{catrow.forumrow.TOPICS} {L_TOPICS} ⊰ {catrow.forumrow.POSTS} {L_POSTS}</div>

  </div>
</div>
 


<!-- END forumrow -->

<!-- BEGIN tablefoot -->

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


<div class="hl_bottomcat_links">
  <!-- BEGIN switch_on_index -->
  <a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>
  <!-- END switch_on_index -->
  <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
  <!-- BEGIN switch_on_index -->
  <!-- BEGIN switch_delete_cookies -->
  <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">supprimer les cookies</a>
  <!-- END switch_delete_cookies -->
  <!-- END switch_on_index -->
  <!-- BEGIN switch_user_logged_in -->
  <a href="{U_MARK_READ}" accesskey="m">{L_MARK_FORUMS_READ}</a>
  <!-- END switch_user_logged_in -->
</div>
Bonejangles
Admin
Gif : Catégories Ng82
Admin
Bonejangles
# Re: Catégories - Mer 13 Mar 2024 - 13:26
Code:

d {
    color: var(--red);
    font-family: playfair display;
    letter-spacing: 1px;
    font-style: italic;
}

.hl_cat_total_title {
    border-radius: 6px;
    margin: 15px 0px;
    padding: 50px 20px;
    color: var(--text);
    position: relative;
    z-index: 9;
}

.hl_cat_total_title h2 {
    text-align: center;
    color: var(--text);
    font: 23px Playfair Display;
    letter-spacing: 2px;
    text-transform: uppercase;
    background: -webkit-linear-gradient(-225deg, var(--red) 0%, var(--pinkyred) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hl_cat_sous_sub {
    text-align: center;
    width: 100%;
    position: absolute;
    top: 28px;
    font: 30px Hijrnotes;
    text-transform: lowercase;
    opacity: 0.3;
    margin-left: -20px;
}

.hl_cat_total {
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    padding: 10px;
    background: var(--wrap);
}

.hl_cat_icon {
    border-radius: 6px;
    width: 30px;
    height: 130px;
    background-size: 120% !important;
    background-position: 50% 50% !important;
    margin-left: 4px;
}

.hl_cat_sousfo {
    border: solid 1px var(--deentre);
    border-radius: 6px;
    margin-bottom: 9px;
    transition: all 300ms;
    height: 106px;
    overflow: auto;
    padding: 5px;
}

.hl_cat_sousfo a {
    display: block;
    color: var(--text);
    font: 12px Playfair Display;
    margin: 3px;
    border-bottom: 1px solid var(--red);
    transition: all 300ms;
}

.hl_cat_sousfo a:hover {
    transition: all 300ms;
    border-bottom: 1px solid var(--text);
}

.hl_cat_middle {
    width: 60%;
}

.hl_cat_middle_title {
    margin-bottom: 10px;
    padding: 5px 10px 5px 0px;
    border-bottom: 1px solid var(--text);
}

.hl_cat_middle_title a {
    letter-spacing: 1px;
    font-family: Playfair Display;
    color: var(--text);
    font-weight: bold;
    text-transform: uppercase;
}

.hl_cat_middle_desc {
    border: solid 1px var(--deentre);
    padding: 5px 10px;
    height: 66px;
    overflow: auto;
    text-align: justify;
    color: var(--text);
    border-radius: 6px;
}

.hl_cat_ava_inside {
    width: 130px;
    height: 128px;
    overflow: hidden;
    border-radius: 6px;
    opacity: 0.7;
    border: solid 1px var(--pinkyred);
    background: var(--pinkyred);
    transition: all 800ms;
    padding: 5px;
}

.hl_cat_ava_inside img {
    width: 100%;
    filter: grayscale(60%);
    transition: all 800ms;
}

.hl_cat_ava_inside img:hover {
    transition: all 800ms;
    filter: grayscale(0%);
}

.hl_cat_right {
    width: 180px;
}

.hl_cat_right_lastpost {
    padding: 2px 2px 2px 8px;
    color: var(--text);
    font: 10px Arial;
    background: var(--black);
    border-radius: 6px;
    border: solid 1px var(--deentre);
    margin-top: 6px;
}

.hl_cat_right_lastpost a {
    color: var(--pinkyred);
    font-family: Playfair Display;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0px 4px;
}

.hl_cat_right_lastpost br {
    display: none;
}

.hl_cat_right_lastpost strong {
    letter-spacing: 0px;
    text-transform: initial;
    margin-left: 3px;
}

.hl_cat_right_stats {
    text-align: center;
    background-image: linear-gradient(-225deg, var(--red) 0%, var(--pinkyred) 100%);
    color: var(--black);
    font: 9px Playfair Display;
    text-transform: uppercase;
    border-radius: 6px;
    padding: 1px;
    letter-spacing: 1px;
}

.hl_bottomcat_links {
    text-align: center;
    padding: 10px 0px 25px 0px;
}

.hl_bottomcat_links a {
    color: var(--text);
    margin: 0px 10px;
    font: 12px Playfair Display;
    text-transform: lowercase;
}
Bonejangles
Admin
Gif : Catégories Ng82
Permission de ce forum:
Vous pouvez répondre aux sujets dans ce forum